create a professional blog with wordpress chapter 4b: creating post and page
DESCRIPTION
TRANSCRIPT
![Page 1: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/1.jpg)
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
![Page 2: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/2.jpg)
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
Saturday, June 18, 2011
![Page 3: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/3.jpg)
Creating and Editing Pages3
Saturday, June 18, 2011
![Page 4: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/4.jpg)
Creating More Advance Content4
• Adding Hyperlinks
• Adding Images
• Adding Audio
• Adding Video
Saturday, June 18, 2011
![Page 5: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/5.jpg)
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
Saturday, June 18, 2011
![Page 6: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/6.jpg)
Adding Hyperlinks 6
Saturday, June 18, 2011
![Page 7: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/7.jpg)
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
Saturday, June 18, 2011
![Page 8: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/8.jpg)
Adding Images8
Saturday, June 18, 2011
![Page 9: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/9.jpg)
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.
Saturday, June 18, 2011
![Page 10: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/10.jpg)
Adding an Images From Your Computer10
Saturday, June 18, 2011
![Page 11: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/11.jpg)
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
Saturday, June 18, 2011
![Page 12: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/12.jpg)
Adding an Images From a URL12
images from www.bc.nu.ac.th
Saturday, June 18, 2011
![Page 13: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/13.jpg)
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
Saturday, June 18, 2011
![Page 14: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/14.jpg)
Adding an Images From the Media Library14
Saturday, June 18, 2011
![Page 15: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/15.jpg)
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
Saturday, June 18, 2011
![Page 16: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/16.jpg)
Adding Audio16
https://s3-ap-southeast-1.amazonaws.com/patumvan.a.nu/song/MarchMornor.mp3
Saturday, June 18, 2011
![Page 17: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/17.jpg)
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
Saturday, June 18, 2011
![Page 18: Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page](https://reader038.vdocument.in/reader038/viewer/2022110115/548f5111b4795947088b47f2/html5/thumbnails/18.jpg)
Adding Video18
Saturday, June 18, 2011