![Page 1: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/1.jpg)
Wordpress Tutorial
22 – 24 April 2011
![Page 2: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/2.jpg)
Table of Contents Introduction Designing blog Writing and Publishing blog
Pages Posts Categories Tags Links Comments and Spam
Adding Pictures To Blog Widgets Users
![Page 3: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/3.jpg)
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
![Page 4: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/4.jpg)
Introduction
![Page 5: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/5.jpg)
Login
Go to http://www.yourname.1koop.my Enter
Username Password
![Page 6: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/6.jpg)
Login
![Page 7: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/7.jpg)
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
![Page 8: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/8.jpg)
Designing Blog1.Theme
![Page 9: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/9.jpg)
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
![Page 10: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/10.jpg)
Designing Blog2.Header
![Page 11: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/11.jpg)
Writing and publishing blog
Pages Posts Categories Tags Links Comments
![Page 12: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/12.jpg)
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
![Page 13: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/13.jpg)
Writing and publishing blog1.Pages
![Page 14: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/14.jpg)
Writing and publishing blog1.Pages
![Page 15: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/15.jpg)
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
![Page 16: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/16.jpg)
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
![Page 17: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/17.jpg)
Writing and publishing blog1.Pages : Page Order
New page order
![Page 18: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/18.jpg)
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
![Page 19: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/19.jpg)
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
![Page 20: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/20.jpg)
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
![Page 21: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/21.jpg)
Writing and publishing blog2.Post
![Page 22: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/22.jpg)
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
![Page 23: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/23.jpg)
Writing and publishing blog2.Post : Removing Links
To remove the link highlight it click the broken-link icon.
![Page 24: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/24.jpg)
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
![Page 25: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/25.jpg)
Writing and publishing blog2.Post : Timestamp
Under the publish tab, change the date and time to the required date and time
![Page 26: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/26.jpg)
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.
![Page 27: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/27.jpg)
Writing and publishing blog3.Categories
![Page 28: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/28.jpg)
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”
![Page 29: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/29.jpg)
Writing and publishing blog4. Tags
![Page 30: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/30.jpg)
Writing and publishing blog5.Links
The list of favorite sites that show in the side-bar.
Use it to link to related sites.
![Page 31: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/31.jpg)
Writing and publishing blog5.Links
![Page 32: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/32.jpg)
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
![Page 33: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/33.jpg)
Writing and publishing blog5.Links
![Page 34: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/34.jpg)
Writing and publishing blog5.Links
Links/Blog roll on the side bar
![Page 35: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/35.jpg)
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
![Page 36: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/36.jpg)
Writing and publishing blog6. Comments & Spam
The comment will not appear live until administrator approve.
![Page 37: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/37.jpg)
Writing and publishing blog6. Comments & Spam
View Comments for each posts Click Comments tab
![Page 38: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/38.jpg)
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
![Page 39: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/39.jpg)
Adding Picture To Blog
Option 1: To link to an existing image for example, an image on your website, click the From URL tab
![Page 40: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/40.jpg)
Adding Picture To Blog A pop window will appear
![Page 41: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/41.jpg)
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
![Page 42: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/42.jpg)
Adding Picture To Blog
Option 2: Upload an image from your computer, click the From Computer Tab.
![Page 43: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/43.jpg)
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
![Page 44: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/44.jpg)
Adding Picture To Blog
Click Insert Into Post
![Page 45: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/45.jpg)
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.
![Page 46: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/46.jpg)
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:
![Page 47: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/47.jpg)
Pasting from a Word Document
Step 2: “Paste from Word” icon to paste it into your Post
![Page 48: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/48.jpg)
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
![Page 49: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/49.jpg)
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
![Page 50: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/50.jpg)
Widgets
A widget - a plug-in that you can drag and drop in your sidebar.
A plug-in - a script that you download that improves the function of your blog in your front-end or back-end.
![Page 51: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/51.jpg)
Widgets
![Page 52: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/52.jpg)
Widgets
To add widgets Click appearance > widgets
![Page 53: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/53.jpg)
Widgets
Available widgets
![Page 54: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/54.jpg)
Widgets Choose any of the widgets from available
widgets Drag it to primary widget area
![Page 55: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/55.jpg)
Users Add people who can contribute or even administer the blog 4 group of users
Administrator Add, edit, delete and all. Full access and activities
Editor Add and edit posts and pages Moderate comments Add, edit or delete categories Manage blogrolls
Author Can publish or delete own posts
Contributor Can write post but cannot publish Post can only be published by the above 3 levels
Subscriber Subscribe the post
![Page 56: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/56.jpg)
Users
Click Users tab > Add New Link
![Page 57: Wordpress Tutorial 22 – 24 April 2011. Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments](https://reader030.vdocument.in/reader030/viewer/2022032600/56649db15503460f94a9fea7/html5/thumbnails/57.jpg)
Summary Blog
A web-log Tags
keywords, these describe the basic content of your post. Post
Whatever you write and publish on your blog. Blog roll
New name for Links. Moderate
review comments made on posts. approve or delete comments.
Widgets add-ons to a blog which add functionality or features drawing information from other websites.
Links allowing people to click on text which is a link to an older post in your blog, or
an external web page.