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 Enter Username Password

Login

Designing Blog 1.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 Blog 1.Theme

Designing Blog 2.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 Blog 2.Header

Writing and publishing blog Pages Posts Categories Tags Links Comments

Writing and publishing blog 1.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 blog 1.Pages

Writing and publishing blog 1.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 blog 1.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 blog 1.Pages : Page Order New page order

Writing and publishing blog 1.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 blog 1.Pages : Page Parent Add new page or Edit existing page Under the page attribute, choose the parent page New page menu

Writing and publishing blog 2.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 blog 2.Post

Writing and publishing blog 2.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 “ Click Add Link button

Writing and publishing blog 2.Post : Removing Links To remove the link highlight it click the broken-link icon.

Writing and publishing blog 2.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 blog 2.Post : Timestamp Under the publish tab, change the date and time to the required date and time

Writing and publishing blog 3.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 blog 3.Categories

Writing and publishing blog 4. 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 blog 4. Tags

Writing and publishing blog 5.Links The list of favorite sites that show in the side- bar. Use it to link to related sites.

Writing and publishing blog 5.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 blog 5.Links

Links/Blog roll on the side bar

Writing and publishing blog 6. Comments & Spam By default, public comments must be moderated before they appear live on the blog. will be received whenever people make a comment To moderate, click settings click discussion

Writing and publishing blog 6. Comments & Spam The comment will not appear live until administrator approve.

Writing and publishing blog 6. 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: 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

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.