Wordpress Tutorial
22 – 24 April 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
Introduction
Login
Go to http://www.yourname.1koop.my Enter
Username Password
Login
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 Blog1.Theme
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
Designing Blog2.Header
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
Writing and publishing blog1.Pages
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
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 blog3.Categories
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 blog4. Tags
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
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
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
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.
Widgets
Widgets
To add widgets Click appearance > widgets
Widgets
Available widgets
Widgets Choose any of the widgets from available
widgets Drag it to primary widget area
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
Users
Click Users tab > Add New Link
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.