Customizing Wordpress

  • Published on

  • View

  • Download

Embed Size (px)


Basic customization for Wordpress student workshop. January 2012.


<ul><li>1.Customizing WordPressKathy E Gill</li></ul> <p>2. What Is WordPress?A content management systemCan be used for a blog or a basic website without a blog 3. Today1. General Settings2. Categories3. Design Considerations4. Widgets 4. 1. General SettingsModify the tag line and set time zone to Pacific Dashboard -&gt; Settings -&gt; GeneralChange the home page Dashboard -&gt; Settings -&gt; Reading Requires that you have created a new home page and a placeholder for the blog, if you are going to have one 5. 2. Categories and TagsWhat are theyWhere are theyHow to edit/delete Should never have uncategorized postsTutorial; categories sub-panel; tags sub-panel 6. 3. Design ConsiderationsDark on light is easier to readSan Serif fonts are easier to read on screen than SerifFixed versus variable widths: impact on readability 7. 4. What Are Widgets?A configurable code snippet" that makes it possible to modify function and appearance 8. 4a. Widgets &amp; WordPressThemesNot all themes are widget-capableThemes vary in widget options, location 9. Single Widget Area 10. Multiple Widget Areas 11. 4b. Where Are Widgets?Access the widgets page from the Appearance Menu in your Dashboard. 12. Default Appearance - Single 13. Default Appearance - Multi 14. Monotone: No Widgets Supported 15. 4c. Editing WidgetsNote: once you edit a widget area, the default widgets disappear, ie, they will no longer be visible on the siteRecommendation: before editing, take a screenshot of your themeTip: if you dont want anything to show up in a widget area, try adding a blank text widget. 16. Adding Widgets To add a widget,drag from theAvailable orInactive Widgetsarea on the leftonto the Sidebararea on the right. When you see adashed lineappear, you candrop the widgetSingle widget area; image from WP.cominto place. 17. Multiple Widget Locations The Widget area, such as Sidebar 1, must be open in order to add widgets! 18. Configuring WidgetsEach widget has configuration options. Click on the triangle on the right side of the widget to configure.Youll need to save only if you edit. 19. Ordering, Deleting Widgets Change the order of the widgets bydragging and dropping them in the sidebararea. Delete by dragging to the left or clicking thedelete link on the configuration box. Drag to inactive area to retain any customsettings Note: design change is immediate nosave required 20. Screencast 21. 4d. Important Widgets (1/5)Archives Navigation. Provides access to old posts; a key characteristic of blog as a genreCategories Navigation. Provides access to posts by topic; a key characteristic of blog as a genre 22. 4d. Important Widgets (2/5)Links As Blogroll, Background. Provides insight into blog content, author; a key characteristic of blog as a genrePages Navigation. Provides access to pages; essential if sidebar is primary navigation. 23. 4d. Important Widgets (3/5)Tag Cloud Navigation, Background. Provides access to posts by keyword; requires reasonably large corpus to be useful.Category Cloud Navigation, Background. Provides alternative access to posts by category; requires reasonably large corpus to be useful. 24. 4d. Important Widgets (4/5)Text May be the most important widget; can hold text or HTML but no javascript. For javascript, get self-hosted WordPress.RSS Links Provides access to post and comment RSS feed using orange button. Essential if there is no other RSS subscription link in the design. 25. 4d. Important Widgets (5/5)Recent Posts Background. Highlights most recent posts; useful when more tag not employed.Recent Comments Background. Highlights most recent comments; requires reasonably large corpus/frequent comments to be meaningful. 26. 4e. Interesting Widgets (1/3) TwitterBackground. Displays tweets by handle. FlickrBackground. Displays photos from Flickr basedon an RSS feed. DeliciousBackground. Display Delicious links by handle. GoodreadsBackground. Display your books. 27. 4e. Interesting Widgets (2/3) Box.netFunctionality. Share files with your readers. MeeboFunctionality. Enables private IM chat. RSSFunctionality. Display results from any RSSfeed. SocialVibeFunctionality. Support a charity. 28. 4e. Interesting Widgets (3/3) Blog SubscriptionFunctionality. Enables email alert when thereare new posts. MilestoneFunctionality. Display a countdown to aspecific date. FacebookFunctionality. Like a Facebook page (notprofile) 29. Widgets Are Not Plug-ins does not allow user-installed plug-ins Widgets = content (more orless) Plug-Ins = functionality (usuallyare back-end, such as Akismet,statistics or Google analytics,but may provide short-codefunctionality or easy contentsharing) 30. WordPress WidgetsList and descriptions at opic/widgets-sidebars/Even more widgets available for self-hosted WP accounts: ress_Widgets 31. CreditsKathy E Gill, @kegillCreative Commons: share-and- share alike, non-commercial, attributionPermanent home: esentations/wordpress-using- widgets-to-customize-your-theme/ </p>