1 / 55

Wordpress Tutorial

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

moshe
Télécharger la présentation

Wordpress Tutorial

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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

More Related