Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page

Creating Pages1

• Pages contain static content that is quickly accessible form nearly any where on the blog

• Pages can be hierarchically with parent page

Saturday, June 18, 2011

Creating a Basic Pages

• Click Pages from the side menu

• Click Add New from the Pages section

• Give your page a title

• Add the content

• Set attributes

• Publish your post

2


Creating and Editing Pages3


Creating More Advance Content4

• Adding Hyperlinks

• Adding Images

• Adding Audio

• Adding Video


Adding HyperLinks

• Edit your article.

• Open a second browser windows or tab.

• Goto the page you want to link to.

• Select the URL (text in address bar) and copy (press Ctrl+c).

• In the Visual Editor, use cursor to select the text you want to use as link.

• Click the icon that looks like two links of chain.

• The Insert/Edit Link windows will display, fill in the fields

5


Adding Hyperlinks 6


Adding Images7

• Inserting images to your articles is available four ways

• From your computer

• From a URL (another website)

• From the gallery (available after images are upload)

• From the media library


Adding Images8


Adding an Images From Your Computer9

• Select the left option (From computer)

• Upload JPEG, GIF, or PNG images files by clicking the “Select Files” button

• Select the file(s) you want to upload and click the “Open” button

• after your file is uploaded, a thumbnail of your image is displayed with various properties.

• Click the “Insert Into Post” button.


Adding an Images From Your Computer10


Adding an Images From a URL

• Determine the URL to the image you want to use by going to that pages and right clicking on the images.

• Copy the URL (Depending on your browser)

• Click the “Add an Image” icon from the toolbar

• In the Add an Image window, click “From URL” tab

• Place the Images URL to Image URL field

• Enter image properties

• Click the “Insert Into Post” button

11


Adding an Images From a URL12

images from www.bc.nu.ac.th


Adding an Images From the Media Library

• Click the cursor where you want to insert the graphic in your text.

• Click the “Add an Image” icon from the toolbar.

• At the Add an Image window, click Media Library at the top.

• Locate the images you want to include.

• After locate the images, click the “Show” links on the right side

• Enter image properties to the way you like.

• Click the “Insert Into Post” button.

13


Adding an Images From the Media Library14


Adding Audio

• Determine the URL to the audio file (mp3) you want to use by going to that pages

• Copy the URL (Depending on your browser)

• Click the “Add Audio” icon from the toolbar

• In the Add Audio window, click “From URL” tab

• Place the audio URL to “Audio File URL” field

• Fill the “Title” field

• Click the “Insert Into Post” button

15


Adding Audio16

https://s3-ap-southeast-1.amazonaws.com/patumvan.a.nu/song/MarchMornor.mp3


Adding Video

• Determine the URL to the Youtube you want to use by going to Youtube video player

• Click “Share” button, address bar will be display below the player

• Click “show options” and check “long link”,

• Copy the long Youtube video URL (in form like “http://www.youtube.com/watch?v=ZdlOL9AgN4U”)

• In Visual Editor (not HTML mode), paste the Youtube video URL that you want add.

• Click on highlighted URL and then click unlink button on editor toolbar at the top.

17


http://www.youtube.com/watch?v=ZdlOL9AgN4U

http://www.youtube.com/watch?v=ZdlOL9AgN4U

Adding Video18


Education

Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page