Professional Documents
Culture Documents
Content Management
• Introduction
PART • Login
• Dashboard
1
• Draft Content
• Media Library
• WordPress Media Library
• Media Library Folders
• Media Content
• Images, Videos
• Featured Image
Login
• To get access to the Admin
Dashboard, you need to login
through www1.dti.gov.ph/wp-
login.php .
• Enter your username and
password in the login form.
• After successful login, you will
now see the Dashboard.
Screen Options/Help
Dashboard Widget
Draft Content
1. Select Pages > Add New to start
creating a page.
2. You'll be redirected to Editor
Screen.
3. Select Add title block, enter “My
Page title”.
4. To add content, type "Hello
World!" in the Paragraph block
below the Title.
Draft Content
5.Click the Preview button
to preview web content.
6.Replace “Hello World!”
with the draft title.
7.Select Align Center
symbol.
Draft Content
8. As you select the Paragraph
block, you can see the block
settings at the right part of the
Screen. Make the font size Large.
9. Select the whole text and then
click the B button to make it Bold.
10.Save the content by clicking the
Save Draft button.
11.Click Preview.
Draft Content
11.Select the first block and then
press Enter to add a new
Paragraph block.
12.Add text with hyperlink using
the paragraph block.
13.Save Draft.
14.Click Publish>Submit For
Review.
Media Library
1. To add media files to WordPress
Media Library, select Media from
the sidebar navigation menu.
2. Click Add New button.
3. A file explorer will show up on the
screen. Click select files or drag
and drop the media to upload.
Media Library
5. To add Alternative Text to your
recently uploaded media, select
the media thumbnail and a pop
up will show up on the screen.
6. Add text to Alternative Text
textbox.
7. Close the pop-up to save
changes.
ML Folders
1. From the sidebar navigation
menu, select Media Library
Folders.
2. You’ll see list of folders and files
on the Media Library Folders
Screen. Click Add File to add
media files.
3. Upload files by drag and drop or
by clicking choose file button.
ML Folders
4. To create media folder click the Add
Folder button.
5. Add folder name then click Create
Folder. You can create folder within a
folder.
6. To rename/delete/move files, check the
files first then click
rename/delete/move button.
7. To delete a folder right click the folder
name then click Delete this folder?
Media Content
1. Go back to Pages and click the
title of your draft.
2. Click “plus” icon in the editor.
3. Type “image” in the search
box then click the search
result “Image”.
Media Content
4. A Image block will appear in the editor,
click Media Library to add an image from
the library. You can select upload to add a
new image and select Insert from url if the
image is not in the website.
5. Media Library will be shown on the screen,
click the image you want to add then click
the Select button to confirm. You can also
locate images by typing the image name
or the path of the image in the search box.
(Ex. Folder1/folder2/my_image.jpg)
Media Content
6. Align the selected image to center by
clicking the Align center button.
7. Set the image size to “Thumbnail”. Do
it by changing the Image size property
at the right section of the editor.
8. Link the image to a custom URL by
selecting “Custom URL” in the Link
Settings.
9. Click Save Draft, Preview.
Media Content
10.Insert a video file to your page.
Use Video block to add video
content to your page.
11.Modify the video block settings at
the right part of the screen.
12.Preview.
13.Save Draft to save changes.
Media Content
14.Click Document tab on the
right part of the screen.
15.Click Featured Image>Set
featured Image and then
select a image that will set as
the page thumbnail.
16.Save Draft.
•Content Editor
PART •Gutenberg Blocks
•Classic Paragraph Block
2
•Reusable Blocks
•Shortcodes
Gutenberg Blocks
Classic Paragraph i
c
a
t
o
r
1. Insert a Classic Paragraph/Classic block.
2. Cut the paragraph block content and paste it to classic
block.
3. Move the write indicator at the first character of the
paragraph.
4. Click Add Media icon (Shift+Alt+M).
5. Select an image you want to add and view it by
clicking Preview.
6. To wrap image in a paragraph, select the image and
click the pencil icon.
7. Click Advance Options, and then add “wrap-left” in
Image Css Class to wrap the image on the left section.
“wrap-right” if right.
Classic Paragraph
3
• Downloads
• Adding a New Download
• Displaying Downloads
Photo Gallery
1. Click Photo Gallery > Add Galleries/Images.
2. Click Add New.
3. Add gallery title.
4. You can add images by directly uploading or
by importing images from the media library.
Click Import from Media Libray button to
select images from the library.
5. Select the image/s then click Insert. Hold
control key + left mouse button to select
multiple images.
Photo Gallery
6. Images will be added below with
attributes title, description, redirect url
and Tags. Add description and title for
each images. d
r
7. Change the order of the images by doing a
drag and drop. g
4
• Banners/Sliders/Slideshows
• Menus
•Accessing AWS Bucket
• Managing Files and Folders
Update Existing Page
START