WordPress Guide

HOW TO LOGIN TO YOUR PROJECT BLOG SITE

  1. Go to your assigned project blog site from the course blog : https://blogs.ntu.edu.sg/hss-conservationpsychology/list-of-projects-for-hp331-2014
  2. Add “wp-admin” at the end of the blog url in your web browser. For example: http://blogs.ntu.edu.sg/hss/hp331-2014-XX/wp-admin
  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.

SETTING YOUR SITE PRIVACY
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:
    privacy2
  3. Set it to "Allow search engines to index this site" once your project is completed.

CONFIGURING YOUR BLOG
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.
CREATE / EDIT YOUR CONTENT (POST)

  1. Enter a title of your post.
    1
  2. Enter your post 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 post
    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 post
    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 post. To learn more about embeds, please visit http://blogs.ntu.edu.sg/creating-contents/embed-content/

    To add audio into your post
    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:
    4

    5

    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.

    7

    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.

CREATE / EDIT YOUR CONTENT (PAGE)
There are key differences between posts and pages when using page for creating content.

Posts are entries listed in reverse chronological order on the blog home page or on the posts page if you have set one in Settings > Reading. Posts can be found in the Archives, Categories, Recent Posts, and other widgets. Posts are also displayed in the RSS feed of the blog. You can control how many posts are displayed at a time from Settings > Readings. The URL for a post includes the date the post was published like this: http://blogs.ntu.edu.sg/hss-conservationpsychology/2014/09/09/post-title/.

Pages are static and are not listed by date. Pages do not use tags or categories. An About Page is the classic example. Pages can be displayed in the sidebar using the Pages widget, and some themes display pages in tabs at the top of the blog. The URL for a page looks like this: http://blogs.ntu.edu.sg/hss-conservationpsychology/page-title/.

Click here to see how you can edit and create a page. The steps on adding images and embedding media for post also apply when you create a page.

SETTING UP A STATIC FRONT PAGE
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.
    8
  3. Click "Save Changes"

CONTROLLING NAVIGATION TAB ON TOP HEADER

  1. The navigation tab on top header can be set to link to pages, categorized postings and custom links.
    9
  2. Go to Appearance -> Menus in your WordPress admin. If you do not see the Appearance menu option, you do not have administrative rights.
    10
  3. To create a custom navigation menu, type in a name for it and click Create Menu.
    11
  4. Adding pages to your menu by checking the proper boxes for the pages you want and then clicking Add to Menu.
    12
  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”.
    13
  6. Be sure to click "Save Menu" each time you make changes to your custom menu.
    14
  7. To custom a tab to link to a specific URL. Type in the URL, the label name, and then Add to Menu.
    15
  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.
    16
  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.
    17
  11. To remove menu items, expand the item you are going to remove by clicking the down arrow to the right of the item.
    18
  12. Once expanded, click on the Remove link.
    19
  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.
    20
  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"

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="https://www.youtube.com/embed/LKyrLFyOi04" 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="https://www.youtube.com/embed/LKyrLFyOi04" frameborder="0" allowfullscreen></iframe>
</div>

Workshop Slides

Contact us at nmg@ntu.edu.sg
Read our Support Guide for other interesting features you can use on your project blog site.