SlideShare a Scribd company logo
1 of 18
Download to read offline
WordPress Is Not Just For Blogs Dammit!

    Photo credit
    http://www. ickr.com/photos/ardenswayo ife/3184839175/

Wednesday, June 29, 2011
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
“   Our editors need to be able to
                               control and adjust the layout
                               and size of the post content
                               boxes
                                                            ”

Wednesday, June 29, 2011
e Solution:




          Play with the code on js ddle
          http://js ddle.net/zdSYG/41/


Wednesday, June 29, 2011
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
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
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
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
See the nal production site at:
 http://www.michaelsavage.wnd.com/




Wednesday, June 29, 2011
“    We need to be able to quickly
                       break down and organize our content
                                                             ”

Wednesday, June 29, 2011
e Solution:




          custom metabox glass on GitHub
          http://bit.ly/lB0NDk




Wednesday, June 29, 2011
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
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
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
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
WordPress Custom Write Panels
               and Metaboxes




Wednesday, June 29, 2011
Custom Post Columns




Wednesday, June 29, 2011
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

More Related Content

Similar to WordPress Houston Meetup - Using WordPress as a CMS

Backbone.js - Michał Taberski (PRUG 2.0)
Backbone.js - Michał Taberski (PRUG 2.0)Backbone.js - Michał Taberski (PRUG 2.0)
Backbone.js - Michał Taberski (PRUG 2.0)ecommerce poland expo
 
BDD For Zend Framework With PHPSpec
BDD For Zend Framework With PHPSpecBDD For Zend Framework With PHPSpec
BDD For Zend Framework With PHPSpecMarcello Duarte
 
WordPress Gallery Themes & Plugins
WordPress Gallery Themes & PluginsWordPress Gallery Themes & Plugins
WordPress Gallery Themes & PluginsNoel Saw
 
Web development resources brackets
Web development resources bracketsWeb development resources brackets
Web development resources bracketsLaurence Svekis ✔
 
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine DevelopmentEECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine DevelopmentFortySeven Media
 
Improving Site Design and Usability
Improving Site Design and UsabilityImproving Site Design and Usability
Improving Site Design and Usabilitycouldbe studios
 
Meetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergMeetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergMickey Mellen
 
Meetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergMeetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergEvan Mullins
 
Build and save your own Gutenberg Block Patterns
Build and save your own Gutenberg Block PatternsBuild and save your own Gutenberg Block Patterns
Build and save your own Gutenberg Block PatternsPlasterdog Web Design
 
Backbone web apps - design & architecture
Backbone web apps  - design & architectureBackbone web apps  - design & architecture
Backbone web apps - design & architectureOren Farhi
 
Backbone.js Architecture Example - Echoes Media Player (Hebrew)
Backbone.js Architecture Example - Echoes Media Player (Hebrew)Backbone.js Architecture Example - Echoes Media Player (Hebrew)
Backbone.js Architecture Example - Echoes Media Player (Hebrew)Yifat Kanfi
 
Collective Amberjack - European Plone Symposium
Collective Amberjack - European Plone SymposiumCollective Amberjack - European Plone Symposium
Collective Amberjack - European Plone SymposiumMassimo Azzolini
 
Facets of applied smw
Facets of applied smwFacets of applied smw
Facets of applied smwJesse Wang
 
Leveraging Eclipse Modeling Stack: case study Bonita Open Solution
Leveraging Eclipse Modeling Stack: case study Bonita Open SolutionLeveraging Eclipse Modeling Stack: case study Bonita Open Solution
Leveraging Eclipse Modeling Stack: case study Bonita Open SolutionBonitasoft
 

Similar to WordPress Houston Meetup - Using WordPress as a CMS (20)

Mobile WPO
Mobile WPOMobile WPO
Mobile WPO
 
Backbone.js - Michał Taberski (PRUG 2.0)
Backbone.js - Michał Taberski (PRUG 2.0)Backbone.js - Michał Taberski (PRUG 2.0)
Backbone.js - Michał Taberski (PRUG 2.0)
 
BDD For Zend Framework With PHPSpec
BDD For Zend Framework With PHPSpecBDD For Zend Framework With PHPSpec
BDD For Zend Framework With PHPSpec
 
Extending NetBeans IDE
Extending NetBeans IDEExtending NetBeans IDE
Extending NetBeans IDE
 
WordPress Gallery Themes & Plugins
WordPress Gallery Themes & PluginsWordPress Gallery Themes & Plugins
WordPress Gallery Themes & Plugins
 
Openedweek 2013
Openedweek 2013Openedweek 2013
Openedweek 2013
 
Authoring In Connexions 2010
Authoring In Connexions 2010Authoring In Connexions 2010
Authoring In Connexions 2010
 
Web development resources brackets
Web development resources bracketsWeb development resources brackets
Web development resources brackets
 
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine DevelopmentEECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
 
Improving Site Design and Usability
Improving Site Design and UsabilityImproving Site Design and Usability
Improving Site Design and Usability
 
Meetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergMeetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - Gutenberg
 
Meetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergMeetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - Gutenberg
 
GWT Plus HTML 5
GWT Plus HTML 5GWT Plus HTML 5
GWT Plus HTML 5
 
Build and save your own Gutenberg Block Patterns
Build and save your own Gutenberg Block PatternsBuild and save your own Gutenberg Block Patterns
Build and save your own Gutenberg Block Patterns
 
Backbone web apps - design & architecture
Backbone web apps  - design & architectureBackbone web apps  - design & architecture
Backbone web apps - design & architecture
 
Backbone.js Architecture Example - Echoes Media Player (Hebrew)
Backbone.js Architecture Example - Echoes Media Player (Hebrew)Backbone.js Architecture Example - Echoes Media Player (Hebrew)
Backbone.js Architecture Example - Echoes Media Player (Hebrew)
 
Brackets code editor guide
Brackets code editor guideBrackets code editor guide
Brackets code editor guide
 
Collective Amberjack - European Plone Symposium
Collective Amberjack - European Plone SymposiumCollective Amberjack - European Plone Symposium
Collective Amberjack - European Plone Symposium
 
Facets of applied smw
Facets of applied smwFacets of applied smw
Facets of applied smw
 
Leveraging Eclipse Modeling Stack: case study Bonita Open Solution
Leveraging Eclipse Modeling Stack: case study Bonita Open SolutionLeveraging Eclipse Modeling Stack: case study Bonita Open Solution
Leveraging Eclipse Modeling Stack: case study Bonita Open Solution
 

More from Chris Olbekson

Magical WordPress Development with Vagrant
Magical WordPress Development with VagrantMagical WordPress Development with Vagrant
Magical WordPress Development with VagrantChris Olbekson
 
Managing themes and server environments with extensible configuration arrays
Managing themes and server environments with extensible configuration arraysManaging themes and server environments with extensible configuration arrays
Managing themes and server environments with extensible configuration arraysChris Olbekson
 
The Query the Whole Query and Nothing but the Query
The Query the Whole Query and Nothing but the QueryThe Query the Whole Query and Nothing but the Query
The Query the Whole Query and Nothing but the QueryChris Olbekson
 
Cognac gautier presentation
Cognac gautier   presentationCognac gautier   presentation
Cognac gautier presentationChris Olbekson
 
Theme frameworks & child themes
Theme frameworks & child themesTheme frameworks & child themes
Theme frameworks & child themesChris Olbekson
 
Optimizing WordPress for Performance - WordCamp Houston
Optimizing WordPress for Performance - WordCamp HoustonOptimizing WordPress for Performance - WordCamp Houston
Optimizing WordPress for Performance - WordCamp HoustonChris Olbekson
 

More from Chris Olbekson (6)

Magical WordPress Development with Vagrant
Magical WordPress Development with VagrantMagical WordPress Development with Vagrant
Magical WordPress Development with Vagrant
 
Managing themes and server environments with extensible configuration arrays
Managing themes and server environments with extensible configuration arraysManaging themes and server environments with extensible configuration arrays
Managing themes and server environments with extensible configuration arrays
 
The Query the Whole Query and Nothing but the Query
The Query the Whole Query and Nothing but the QueryThe Query the Whole Query and Nothing but the Query
The Query the Whole Query and Nothing but the Query
 
Cognac gautier presentation
Cognac gautier   presentationCognac gautier   presentation
Cognac gautier presentation
 
Theme frameworks & child themes
Theme frameworks & child themesTheme frameworks & child themes
Theme frameworks & child themes
 
Optimizing WordPress for Performance - WordCamp Houston
Optimizing WordPress for Performance - WordCamp HoustonOptimizing WordPress for Performance - WordCamp Houston
Optimizing WordPress for Performance - WordCamp Houston
 

Recently uploaded

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DaySri Ambati
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Exploring ChatGPT Prompt Hacks To Maximally Optimise Your Queries
Exploring ChatGPT Prompt Hacks To Maximally Optimise Your QueriesExploring ChatGPT Prompt Hacks To Maximally Optimise Your Queries
Exploring ChatGPT Prompt Hacks To Maximally Optimise Your QueriesSanjay Willie
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterMydbops
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 

Recently uploaded (20)

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Exploring ChatGPT Prompt Hacks To Maximally Optimise Your Queries
Exploring ChatGPT Prompt Hacks To Maximally Optimise Your QueriesExploring ChatGPT Prompt Hacks To Maximally Optimise Your Queries
Exploring ChatGPT Prompt Hacks To Maximally Optimise Your Queries
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 

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
  • 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