1 / 26

Customizing your Wordpress

Customizing your Wordpress. Dr Yi Zhou (yzhou@scm.uws.edu.au). Content. Basic techniques A bit more Advanced topics. Content. Basic techniques A bit more Advanced topics. Basic Techniques. Theme Sidebar Menu Background Header Footer. Theme. Pick up a right theme. Sidebar.

trory
Download Presentation

Customizing your Wordpress

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. Customizing yourWordpress Dr Yi Zhou (yzhou@scm.uws.edu.au)

  2. Content • Basic techniques • A bit more • Advanced topics

  3. Content • Basic techniques • A bit more • Advanced topics

  4. Basic Techniques • Theme • Sidebar • Menu • Background • Header • Footer

  5. Theme Pick up a righttheme

  6. Sidebar Choose the widgets you want

  7. Menu • Create one/many customized menu in wordpress • Go to “Appearance  Menu” • Create a new menu • Drag the pages into that menu • Apply the new menu

  8. Background • Customize your background in wordpress • Go to “Appearance  Background” • Set a different background picture and color

  9. Header • Customize your header in wordpress • Go to “Appearance  header” • Set a different header image

  10. Footer • Customize your header in wordpress • Go to “Appearance  footer” • Widgets can be applied to footer as well

  11. Content • Basic techniques • A bit more • Advanced topics

  12. More Techniques • HTML • CSS • Colors • Code Localization • Templates for Categories • Add Media • Managing comment • Change permalink structure • Email newsletter

  13. HTML HyperText Markup Language: still the mainmarkup languages for Web Markup: <blah> …… </blah> <html>: document type <head>: header <p>: paragraph <h1>: headings <b>: bold <a>: hyperlink Attributes <abbr id="anId" class="jargon" style="color:purple;" title="Hypertext Markup Language">HTML</abbr> HTML tutorial http://www.w3schools.com/html/

  14. CSS Cascading Style Sheets: a style sheet language defining the presentation of a block .comment-content th { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; text-transform: uppercase; color: #636363; } CSS in Wordpress Themes theme editor  style.css CSS tutorial http://www.w3schools.com/css/

  15. Colors Color: corresponding to 6 digits HEX numbers e.g., #000000 The correspondence: http://www.2createawebsite.com/build/hex-colors.html Get the color of a pixel Using add-ons, e.g., colorzilla http://www.colorzilla.com/ Color tutorial http://www.w3schools.com/html/html_colors.asp

  16. Code Localization It is important to figure out what’s the corresponding part in the webpage source code for a given block, e.g., header, footer, menu, paragraph, etc.. Using Add-ons e.g., firebug for firefox Google Chrome can do this by itself

  17. Templates for Categories One of the most important features For some themes, when editing a page/post, you can select to use particular templates in page attribute

  18. Add Media Media, e.g., images, files, videos, is of course important for websites. • For images and files, • click the “add media” in the editor, • upload the targeting file, • configure it, e.g., the alignment • For videos, • upload it to a host, e.g., youtube • right click the uploaded video • select “copy embeded html” • in the editor, chose the “text” edit mode • paste the html code

  19. Change Permalink Structure Sometimes you may wish your link addresses to be more relevant Change the permalink structure through “settings”  “permalink” Be careful, as the whole system may collapse. Always backup your system before any critical change

  20. Manage Comments Comments are valuable as those who comment on your pages are really interested in your website. Change the comments setting through “settings”  “discussion” See and manage the comments through “comments”

  21. Email Newsletter Sometimes you want to automatically send emails to registered users (for retention and email marketing) Use an email newsletter plugin

  22. Content • Basic techniques • A bit more • Advanced topics

  23. Advance Topics • PHP • Understanding wordpress • Theme editor • Color scheme • Horizontal menu, dynamic menu • Navigation links • Customizing header and footer • Customizing read-more and log-in • Customizing 404 • Design new themes

  24. Backup your wordpress system before customizing

  25. Thank you!

More Related