WordPress Houston Meetup - Using WordPress as a CMS
2 likes1,088 views
This document discusses using WordPress as a content management system (CMS) beyond just blogs. It describes solutions for clients' needs like allowing editors to control post layouts and organizing content. These include building a drag-and-drop post layout interface using jQuery UI and querying posts by menu order. It also involves creating custom write panels and metaboxes with a class from GitHub to implement taxonomy selection and post previews.
WordPress Houston Meetup - Using WordPress as a CMS
- 1. WordPress Is Not Just For Blogs Dammit! Photo credit http://www. ickr.com/photos/ardenswayo ife/3184839175/ Wednesday, June 29, 2011
- 2. A case study: Using WordPress as a CMS by: Chris Olbekson WordPress consulting and development Find me on Twitter http://c3mdigital.com @chris_olbekson Wednesday, June 29, 2011
- 3. “ Our editors need to be able to control and adjust the layout and size of the post content boxes ” Wednesday, June 29, 2011
- 4. e Solution: Play with the code on js ddle http://js ddle.net/zdSYG/41/ Wednesday, June 29, 2011
- 5. e Solution: Build a front end drag and drop post layout interface Play with the code on js ddle http://js ddle.net/zdSYG/41/ Wednesday, June 29, 2011
- 6. e Solution: Build a front end drag and drop post layout interface use jQuery UI Sortables to drag and drop the post boxes Play with the code on js ddle http://js ddle.net/zdSYG/41/ Wednesday, June 29, 2011
- 7. e Solution: Build a front end drag and drop post layout interface use jQuery UI Sortables to drag and drop the post boxes query the posts by ‘menu_order’ and use ajax to save to the database Play with the code on js ddle http://js ddle.net/zdSYG/41/ Wednesday, June 29, 2011
- 8. e Solution: Build a front end drag and drop post layout interface use jQuery UI Sortables to drag and drop the post boxes query the posts by ‘menu_order’ and use ajax to save to the database clean up the oats and ll in the gaps with jQuery Masonry Play with the code on js ddle http://js ddle.net/zdSYG/41/ Wednesday, June 29, 2011
- 9. See the nal production site at: http://www.michaelsavage.wnd.com/ Wednesday, June 29, 2011
- 10. “ We need to be able to quickly break down and organize our content ” Wednesday, June 29, 2011
- 11. e Solution: custom metabox glass on GitHub http://bit.ly/lB0NDk Wednesday, June 29, 2011
- 12. e Solution: Build out custom write panels using an extensible custom metabox class (available on GitHub) custom metabox glass on GitHub http://bit.ly/lB0NDk Wednesday, June 29, 2011
- 13. e Solution: Build out custom write panels using an extensible custom metabox class (available on GitHub) custom drop down and radio select taxonomy metaboxes custom metabox glass on GitHub http://bit.ly/lB0NDk Wednesday, June 29, 2011
- 14. e Solution: Build out custom write panels using an extensible custom metabox class (available on GitHub) custom drop down and radio select taxonomy metaboxes post box preview metabox custom metabox glass on GitHub http://bit.ly/lB0NDk Wednesday, June 29, 2011
- 15. e Solution: Build out custom write panels using an extensible custom metabox class (available on GitHub) custom drop down and radio select taxonomy metaboxes post box preview metabox custom sortable columns custom metabox glass on GitHub http://bit.ly/lB0NDk Wednesday, June 29, 2011
- 16. WordPress Custom Write Panels and Metaboxes Wednesday, June 29, 2011
- 17. Custom Post Columns Wednesday, June 29, 2011
- 18. Technologies & Resources WordPress API http://wordpress.org/codex jQuery UI-Sortables http://jqueryui.com/demos/sortable/ jQuery isotope & masonry plugins http://isotope.meta zzy.co/index.html Custom Metaboxes and Fields for WordPress On GitHub https://github.com/c3mdigital/Custom-Metaboxes-and-Fields-for-WordPress Modernizr http://www.modernizr.com/ Wednesday, June 29, 2011