Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Html, WordPress & evolving forms of publishing

1,191 views

Published on

The following notes are intended to accompany a lecture given at Simon Frase University as part of the Master of Publishing.

Published in: Education
  • Be the first to comment

  • Be the first to like this

Html, WordPress & evolving forms of publishing

  1. 1. 1/13/13 HTML, WordPress & Evolving Forms of Publishing WordPress Themes and Templates used as a publishing platform Presented by Christine Rondeau / @bluelimemediafile://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 1/14
  2. 2. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Why WordPress WordPress is the most popular content management system (CMS) used for building websites. WordPress is used to power over 15% of the world’s one million largest websites and over 54% of all websites using a CMS.file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 2/14
  3. 3. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Content vs Presentation CSS allows you to separate presentation from content. WordPress allows even further separation by storing content in a database.file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 3/14
  4. 4. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Themes Themes allow you to get a website set up and ready in a matter of minutes. The best place to get themes is from the WordPress repository .file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 4/14
  5. 5. 1/13/13 HTML, WordPress & Evolving Forms of Publishing What is a Theme? A theme consists of a folder containing: PHP Templates CSS stylesheet Images Javascript filesfile://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 5/14
  6. 6. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Closer Look at a Theme Lets Compare the old Default and Twenty Twelvefile://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 6/14
  7. 7. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Templates Templates control unique pieces of your theme. Some templates are used on every page, while others only appear in certain instances. This infographic is a great visual representation.file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 7/14
  8. 8. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Child Theming One of the easiest, fastest way to make a website is by creating a child theme . Firebug (or Chrome Inspector) is a great tool when child theming.file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 8/14
  9. 9. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Exercise Lets make a child theme of Twenty Twelve.file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 9/14
  10. 10. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Custom Themes Custom themes can be created simply by taking an existing theme and changing the theme information in the CSS or by starting with a starter theme.file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 10/14
  11. 11. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Exercise Lets make a custom theme using underscores.mefile://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 11/14
  12. 12. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Custom Post Types WordPress comes with the following default types: Post Page Attachment Revisions Nav Menus But you can also define your own CPT.file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 12/14
  13. 13. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Adding CPTs You can add the code directly in your functions.php using this handy tool . Or by using a plugin like this one .file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 13/14
  14. 14. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Displaying CPTs Once created, youll see new content areas in your WordPress admin. Youll then need a custom templates which uses WP_query() to pull content out.file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 14/14

×