Wordpress Tutorial - PowerPoint PPT Presentation

moshe
wordpress tutorial n.
Skip this Video
Loading SlideShow in 5 Seconds..
Wordpress Tutorial PowerPoint Presentation
Download Presentation
Wordpress Tutorial

play fullscreen
1 / 55
Download Presentation
181 Views
Download Presentation

Wordpress Tutorial

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Wordpress Tutorial 23 – 25 March 2011

  2. Table of Contents • Introduction • Designing blog • Writing and Publishing blog • Pages • Posts • Categories • Tags • Links • Comments and Spam • Adding Pictures To Blog • Widgets • Users

  3. 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

  4. Login • Go to http://www.yourname.1koop.my • Enter • Username • Password

  5. Login


  6. 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

  7. Designing Blog1.Theme

  8. 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

  9. Designing Blog2.Header

  10. Writing and publishing blog • Pages • Posts • Categories • Tags • Links • Comments

  11. 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

  12. Writing and publishing blog1.Pages

  13. Writing and publishing blog1.Pages

  14. 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

  15. 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

  16. Writing and publishing blog1.Pages : Page Order • New page order

  17. 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

  18. 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

  19. 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

  20. Writing and publishing blog2.Post

  21. 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

  22. Writing and publishing blog2.Post : Removing Links • To remove the link • highlight it • click the broken-link icon.

  23. 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

  24. Writing and publishing blog2.Post : Timestamp • Under the publish tab, change the date and time to the required date and time

  25. 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.

  26. Writing and publishing blog3.Categories

  27. 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”

  28. Writing and publishing blog4. Tags

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

  30. Writing and publishing blog5.Links

  31. 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

  32. Writing and publishing blog5.Links

  33. Writing and publishing blog5.Links • Links/Blog roll on the side bar

  34. 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

  35. Writing and publishing blog6. Comments & Spam • The comment will not appear live until administrator approve.

  36. Writing and publishing blog6. Comments & Spam • View Comments for each posts • Click Comments tab

  37. 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

  38. Adding Picture To Blog • Option 1: To link to an existing image for example, an image on your website, click the From URL tab

  39. Adding Picture To Blog • A pop window will appear

  40. 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

  41. Adding Picture To Blog • Option 2: Upload an image from your computer, click the From Computer Tab.

  42. 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

  43. Adding Picture To Blog • Click Insert Into Post

  44. 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.

  45. 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:

  46. Pasting from a Word Document • Step 2: “Paste from Word” icon to paste it into your Post

  47. 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

  48. 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

  49. Widgets

  50. Widgets • To add widgets • Click appearance > widgets