Wordpress Tutorial 23 – 25 March 2011
Table of Contents • Introduction • Designing blog • Writing and Publishing blog • Pages • Posts • Categories • Tags • Links • Comments and Spam • Adding Pictures To Blog • Widgets • Users
Introduction • Wordpress • a Content Management System / blog • easy to use • very cost effective • allows • Admin – manage a blog • Public – contribute or comment the post posted by admin
Login • Go to http://www.yourname.1koop.my • Enter • Username • Password
Designing Blog1.Theme • Click Themes under the Appearance tab • Click Install Themes tab • Click Search / Upload / Featured / Newest / Recently Updated • Choose one of the template • Click preview • to see a preview of how the blog will look like if the theme are chosen • Click Install
Designing Blog2.Header • Click Header under the Appearance tab • Options :- • Upload Image • Can upload image from your computer • Default Image • Use available pictures • Remove Image • Restore Original Header Image
Writing and publishing blog • Pages • Posts • Categories • Tags • Links • Comments
Writing and publishing blog1.Pages • Pages are for content such as • About Me • Contact Me • It will appear in the menu at the top of the blog, so the title should be short. • To create a page • Click Add New under the Pages tab • Fill in title and description • Click publish
Writing and publishing blog1.Pages : Page Order • Initial page order • To Change the order • Go to admin tab > Click Dashboard • Click pages tab on the left side bar
Writing and publishing blog1.Pages : Page Order • List of pages appear • Click edit for “Produk Kami” page • Under the page attributes, change the order from 2 to 3
Writing and publishing blog1.Pages : Page Order • New page order
Writing and publishing blog1.Pages : Page Parent • Purpose: • To split a very long topic in a page to sub-pages • Easier for the visitors to navigate • Initial page without drop down
Writing and publishing blog1.Pages : Page Parent • Add new page or Edit existing page • Under the page attribute, choose the parent page • New page menu
Writing and publishing blog2.Post • Title • Start with a captivating, descriptive title. • Post: • can contain text, links and images. • can format it will italic, bold, colors, bulleted lists, etc. • To create post: • Click add new link under the posts tab • Fill in title and description • Click publish
Writing and publishing blog2.Post : Adding Links • Highlight the text • Click on the chain-link icon • Type the link into the window (or copy & paste it from your browser). • The link will start with “http://…” • Click Add Link button
Writing and publishing blog2.Post : Removing Links • To remove the link • highlight it • click the broken-link icon.
Writing and publishing blog2.Post : Timestamp • Enable to write the post and publish it on the date and time specified • Date could be in the • Future • Past
Writing and publishing blog2.Post : Timestamp • Under the publish tab, change the date and time to the required date and time
Writing and publishing blog3.Categories • Allow the broad grouping of posts topics describe a post. • To create categories • Click the Categories link under the Posts tab • For example, • a post entitled “Selamat Ulang Tahun Ke-13 Ko-EXSAS” , may file it under the Berita & Peristiwa.
Writing and publishing blog4. Tags • descriptive words about blog post, • ‘keywords.’ - would attract people to read the content of the blog. • similar to categories • can be written in a list (separated by commas) in a text box below post. • free form words • generally describe post in more detail. • For example • If the post title was “Selamat Ulang Tahun Ke-13 Ko-EXSAS” and under the “Berita & Peristiwa” category, you could have tags like, “Ulang Tahun”
Writing and publishing blog5.Links • The list of favorite sites that show in the side-bar. • Use it to link to related sites.
Writing and publishing blog5.Links • To add link in the blog roll: • Click Add New Link under the Links tab • Fill in : • Name • Web Address • Description • Click Add Link
Writing and publishing blog5.Links • Links/Blog roll on the side bar
Writing and publishing blog6. Comments & Spam • By default, public comments must be moderated before they appear live on the blog. • e-mail will be received whenever people make a comment • To moderate, • click settings • click discussion
Writing and publishing blog6. Comments & Spam • The comment will not appear live until administrator approve.
Writing and publishing blog6. Comments & Spam • View Comments for each posts • Click Comments tab
Adding Picture To Blog • 2 ways to add images to a post • link directly to an image that already exists on the web • upload one from the computer. • Click the picture icon in the toolbar
Adding Picture To Blog • Option 1: To link to an existing image for example, an image on your website, click the From URL tab
Adding Picture To Blog • A pop window will appear
Adding Picture To Blog • Enter the url of the image: • http://www.your-website.com/images/image1.jpg • Enter the image title • Enter the Alternate text for the image • Enter the image caption • Set the alignment as follows: • Left - Image goes to left, text wraps to right. • Right - Image goes to right, text wraps to left. • Image Description – Use keywords • Click Insert into Post button
Adding Picture To Blog • Option 2: Upload an image from your computer, click the From Computer Tab.
Adding Picture To Blog • Click the Select Files button to navigate to the image on the computer. • Enter a Title • Enter other information (not compulsory) :- • Alternate Text • Caption • Description • Alignment • Size
Adding Picture To Blog • Click Insert Into Post
Pasting from a Word Document • Microsoft Word contains a lot of hidden formatting characters • cause your post to look out of whack • quotes, dashes and other symbols may appear a question mark or a strange symbol.
Pasting from a Word Document • If you paste into your blog editor from a Word Document, follow these steps: • Step 1: Click the Show Kitchen Sink • A new row of icons will appear directly below the existing icons:
Pasting from a Word Document • Step 2: “Paste from Word” icon to paste it into your Post
Pasting from a Word Document • Step 3: A pop up will apear. Copy all your text in Word document and paste them here • Click Insert
Widgets • Little chuncks of text/graphics that provide and extra bit of functionality to the blog • Example • Search box • Link to the flickr photographs • The widgets can be • Rearranged • Removed • Added
Widgets • To add widgets • Click appearance > widgets