SlideShare a Scribd company logo
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

Mobile WPO
Mobile WPOMobile WPO
Mobile WPO
Tim Kadlec
 
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 PHPSpec
Marcello Duarte
 
Extending NetBeans IDE
Extending NetBeans IDEExtending NetBeans IDE
Extending NetBeans IDE
Geertjan Wielenga
 
WordPress Gallery Themes & Plugins
WordPress Gallery Themes & PluginsWordPress Gallery Themes & Plugins
WordPress Gallery Themes & Plugins
Noel Saw
 
Openedweek 2013
Openedweek 2013Openedweek 2013
Openedweek 2013
kathi-fletcher
 
Authoring In Connexions 2010
Authoring In Connexions 2010Authoring In Connexions 2010
Authoring In Connexions 2010
Daniel Williamson1
 
Web development resources brackets
Web development resources bracketsWeb development resources brackets
Web development resources brackets
Laurence 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 Development
FortySeven Media
 
Improving Site Design and Usability
Improving Site Design and UsabilityImproving Site Design and Usability
Improving Site Design and Usability
couldbe 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 - Gutenberg
Evan Mullins
 
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
Mickey Mellen
 
GWT Plus HTML 5
GWT Plus HTML 5GWT Plus HTML 5
GWT Plus HTML 5
David Chandler
 
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
Plasterdog Web Design
 
Backbone web apps - design & architecture
Backbone web apps  - design & architectureBackbone web apps  - design & architecture
Backbone web apps - design & architecture
Oren 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
 
Brackets code editor guide
Brackets code editor guideBrackets code editor guide
Brackets code editor guide
Laurence Svekis ✔
 
Collective Amberjack - European Plone Symposium
Collective Amberjack - European Plone SymposiumCollective Amberjack - European Plone Symposium
Collective Amberjack - European Plone Symposium
Massimo Azzolini
 
Facets of applied smw
Facets of applied smwFacets of applied smw
Facets of applied smw
Jesse 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 Solution
Bonitasoft
 

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 Vagrant
Chris 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 arrays
Chris 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 Query
Chris Olbekson
 
Cognac gautier presentation
Cognac gautier   presentationCognac gautier   presentation
Cognac gautier presentation
Chris Olbekson
 
Theme frameworks & child themes
Theme frameworks & child themesTheme frameworks & child themes
Theme frameworks & child themes
Chris Olbekson
 
Optimizing WordPress for Performance - WordCamp Houston
Optimizing WordPress for Performance - WordCamp HoustonOptimizing WordPress for Performance - WordCamp Houston
Optimizing WordPress for Performance - WordCamp Houston
Chris 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

Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
saastr
 
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Neo4j
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
Neo4j
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Tosin Akinosho
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Zilliz
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
akankshawande
 
Y-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PPY-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PP
c5vrf27qcz
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
Chart Kalyan
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
Ajin Abraham
 
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned",  Igor Ivaniuk"Frontline Battles with DDoS: Best practices and Lessons Learned",  Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
Fwdays
 
"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota
Fwdays
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Safe Software
 
Mutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented ChatbotsMutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented Chatbots
Pablo Gómez Abajo
 
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Pitangent Analytics & Technology Solutions Pvt. Ltd
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
saastr
 
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
saastr
 
Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |
AstuteBusiness
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
Hiroshi SHIBATA
 
Essentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation ParametersEssentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation Parameters
Safe Software
 

Recently uploaded (20)

Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
 
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
 
Y-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PPY-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PP
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
 
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned",  Igor Ivaniuk"Frontline Battles with DDoS: Best practices and Lessons Learned",  Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
 
"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
 
Mutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented ChatbotsMutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented Chatbots
 
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
 
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
 
Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
 
Essentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation ParametersEssentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation Parameters
 

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