Html, WordPress & evolving forms of publishing
- 1. 1/13/13 HTML, WordPress & Evolving Forms of Publishing WordPress Themes and Templates used as a publishing platform Presented by Christine Rondeau / @bluelimemedia file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 1/14
- 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. 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. 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. 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 files file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 5/14
- 6. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Closer Look at a Theme Let's Compare the old Default and Twenty Twelve file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 6/14
- 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. 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. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Exercise Let's make a child theme of Twenty Twelve. file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 9/14
- 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. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Exercise Let's make a custom theme using underscores.me file://localhost/Users/crondeau/Dropbox/Active Clients/Boxcar/BookWorld/slides/index.html#/ 11/14
- 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. 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. 1/13/13 HTML, WordPress & Evolving Forms of Publishing Displaying CPTs Once created, you'll see new content areas in your WordPress admin. You'll 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