Blog Guide

  1. Go to your assigned project blog site from the course blog :
  2. Add “wp-admin” at the end of the blog url in your web browser. For example:
  3. Login using your NTU username and password.
  4. Upon successful login, you will be routed to the administrative panel or dashboard of your blog site.

The Privacy Settings control who can and cannot view your site.

  1. Under the administration dashboard, select "Settings" > "Reading" > from the left column
  2. Here, you will see 6 Site Visibility options:
  3. Set it to "Allow search engines to index this site" once your project is completed.

See here on how you can configure your blog site: editing site title, set how you handle comments, and setting the permalink for your blog site.


  1. Enter a title of your page.
  2. Enter your page content using the post editor. There are two modes of editing: Visual and Text. Choose the mode by clicking on the appropriate tab. Visual mode gives you a What-You-See-Is-What-You-Get (WYSIWYG) editor. Click the 2 icon in the row to get a second row of controls. The Text mode allows you to enter HTML along with your post text. Please note that typing or copying HTML codes with visual mode will reformats your html code.To add media into your page
    Click 3 icon above the post editor to insert media files. You can select existing images and files (e.g. PDF) uploaded to the Media Library, or upload new media to insert to your page or post. You can also edit the image via the Media Library or from the posting.Visit below links to find out:



    To embed media into your page
    You can also embed media from many popular websites including Twitter, YouTube, Flickr, and others by pasting the media URL on its own line into the content of your page. To learn more about embeds, please visit

    To add audio into your page
    Click 3 icon above the post editor to insert media files. You can select existing images and files (e.g. PDF, audio files) already uploaded to the Media Library, or upload new media to insert to your post. The default setting when inserting an audio file to your post is "Embed Media Player". You will noticed the audio file will be embedded as follows:


    To de-link the file from the player, select "Media File" under "Embed or Link". You can use a third party platform like SoundCloud to embed audio.

    To insert a hyperlink to your post
    Select the text you want to be hyperlink. Click the link 6 button. Paste the desired URL into the link field.


    To create a table into your post
    See here on how you create a table.

  3. Set category(s) to your post. Categories provide a useful way to group related posts together and to quickly tell readers what a post is about.
  4. Publish your post. You can set the terms of publishing your post in the Publish box. For Status, Visibility, and Publish (immediately), click on the Edit link to reveal more options. Publish (immediately) allows you to set a future or past date and time, so you can schedule a post to be published in the future or backdate a post.
  5. Preview your page to see how it really looks like.


By default the front page ("Home") of your blog will display your latest posts. You can change this so readers see a static page instead, and can view your posts on a different page.

  1. Select Settings > Reading on the left menu in your Dashboard.
  2. You will see the following options. Set yours to look like this.
  3. Click "Save Changes"

  1. The navigation tab on top header can be set to link to pages, categorized postings and custom links.
  2. Go to Appearance -> Menus in your WordPress admin. If you do not see the Appearance menu option, you do not have administrative rights.
  3. To create a custom navigation menu, type in a name for it and click Create Menu.
  4. Adding pages to your menu by checking the proper boxes for the pages you want and then clicking Add to Menu.
  5. You can also create category pages that only display posts from a specific category. Simply check the box of the categories for which you want to create a page, and click “Add to Menu”.
  6. Be sure to click "Save Menu" each time you make changes to your custom menu.
  7. To custom a tab to link to a specific URL. Type in the URL, the label name, and then Add to Menu.
  8. You can create and save as many custom menus as you like, but only one of them can be activated as your top menu; the rest can be kept as potential alternatives.
  9. You can also change the label and the hover-over text of menu items independently from the page name itself. To edit a page or category title, click the down arrow to the right of the item.
  10. Once expanded, enter the new label name and any desired hover-over text. The underlying page will always show its name in the Original section of the menu item.
  11. To remove menu items, expand the item you are going to remove by clicking the down arrow to the right of the item.
  12. Once expanded, click on the Remove link.
  13. At any time, you can change the order and placement of menu items. Drag and drop the items up and down to change the order of menu items. Drag and drop the items left and right (as shown below) to create sub-menu items.
  14. You can also add static top-level tabs to organize your content. These tabs are basically place holders – they don’t link to any content, but are there to add structure to your menu items. Select “Custom Links”, and set the URL as #. Using # will prevent the page from refreshing when you select the tab.
  15. In the Theme Locations module, under "Primary Menu", select the title of the custom menu you want to activate and click "Save"

To add a mouseover text pop-up to the image that you have just added to the page, follow these steps:

  1. Switch to text mode in the editor.
  2. Identify the line of code that represents the image.
  3.  Insert a line of text: title="insert popup text here"
  4. Update the page to save the changes.

In order to align text around an image, first insert the image at a point before the text.

  1. Then click on the image to get the image alignment selection tool.
  2. Click on the first button to align text to the right side of the image.
  3. Alternatively, click on the third button to align the text to the left.
  4. Update the page to save the changes.

Misc Tips

Centering your YouTube Video embeds
Grab the embed code from YouTube video: on the YouTube video, click on “Share”, and then “Embed”. The code should look like this:

<iframe width="560" height="315" src="" frameborder="0" allowfullscreen></iframe>

<iframe width="560" height="315" src="" frameborder="0" allowfullscreen></iframe>

Notice that you can change the width and height (in pixels) as well.

On your page, input the HTML code and the embed code like below:

<div style="text-align:center">
<iframe width="400" height="300" src="" frameborder="0" allowfullscreen></iframe>

Demo Site

Demo site URL:

For technical help, contact the blogs team at
Read our Support Guide for other interesting features you can use on your project blog site.