SlideShare une entreprise Scribd logo
1  sur  68
Structured Data
in WordPress
Randy Hoyt
@randyhoyt                                       #wcto



About Me




              Randy Hoyt    randyhoyt.com
                            @randyhoyt


             Presentation   randyhoyt.com/wcto
@randyhoyt                                                   #wcto



 WordPress Timeline
       May 2003

       WordPress 0.7
       − Initial Release
       − Blog Posts




2003              2005     2007         2009         2011             2013




 WordPress Now Available
 http://wordpress.org/news/2003/05/wordpress-now-available/
@randyhoyt                                                  #wcto



 WordPress Timeline
              May 2004

              WordPress 1.2
              − Randy’s first WordPress blog




2003          2005                2007         2009   2011           2013
@randyhoyt                                                 #wcto



 WordPress Timeline
February 2005

 WordPress 1.5            “The „pages‟ feature allows you to run
 − Pages
 − Custom Fields
                          your entire site through WordPress.”




2003               2005     2007         2009        2011           2013




 Announcing WordPress 1.5
 http://wordpress.org/news/2005/02/strayhorn/
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt                                    #wcto



Structured Data
What is it?


         “Data that resides in fixed fields
         within a record.


       “ Contrast with unstructured data.”




PC Magazine Encyclopedia: Structured Data
http://r2h.me/pcmagdata
@randyhoyt                       #wcto



Structured Data
Structured        Unstructured
@randyhoyt                                                    #wcto



 WordPress Timeline
                                  June 2010

                                  WordPress 3.0
                                  − Custom Post Types




2003          2005        2007            2009          2011           2013




 WordPress 3.0 “Thelonious”
 http://wordpress.org/news/2010/06/thelonious/
@randyhoyt                   #wcto



Structured Data
Why use it?


1. Simple Adding / Editing
2. Complex Formatting
@randyhoyt   #wcto
@randyhoyt                    #wcto



Structured Data
Why use it?


1. Simple Adding / Updating
2. Complex Formatting
3. Data Integrity
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt                     #wcto



Structured Data
Why use it?


1. Ease of Adding & Updating
2. Complex Formatting
3. Data Integrity
4. Cross-Platform Delivery
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt                                                                #wcto




Adapting Ourselves to Adaptive Content
http://www.slideshare.net/KMcGrane/adapting-ourselves-to-adaptive-content-12133365
@randyhoyt                                                                #wcto




Adapting Ourselves to Adaptive Content
http://www.slideshare.net/KMcGrane/adapting-ourselves-to-adaptive-content-12133365
@randyhoyt   #wcto
@randyhoyt                                                                                #wcto



Theme vs. Plugin
 Where does this custom code belong?

“ A common, yet unfortunate practice in the WordPress
 community involves filling theme functions.php files with
 tweaks and functionality that is key to a site.”



 Theme Functions File (functions.php)        Custom Functionality Plugin
 •   Code is executed just like a plugin     •   Completely separated from theme

 •   Activated (or deactivated) along with   •   Remains activated even theme is not
     the theme
                                             •   Best for code related to functionality
 •   Best for code related to appearance



How to create your own WordPress functionality plugin
http://wpcandy.com/teaches/how-to-create-a-functionality-plugin
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt                                           #wcto




WordPress Codex: Post Types > Custom Types
http://codex.wordpress.org/Post_Types#Custom_Types
@randyhoyt   #wcto
@randyhoyt                                     #wcto




Aptana, library uploaded, code for metaboxes
@randyhoyt   #wcto
@randyhoyt                                                                 #wcto



Custom Fields

 wp_posts                              wp_postmeta
 ID   post_type        post_title      post_id   meta_key     meta_value

 37   rrh_assignment   Final Project   37        date_due     12/07/2011

 38   rrh_assignment   Final Exam      37        percentage   24

                                       38        date_due     12/14/2011

                                       38        percentage   16
@randyhoyt      #wcto



Custom Fields
@randyhoyt                                                 #wcto



Custom Fields
Three Ways to Customize the Interface


Tutorial: “Reusable Custom Meta Boxes”
    http://r2h.me/wpreuseable


Plugin: Advanced Custom Fields
    http://wordpress.org/extend/plugins/advanced-custom-fields/


Library: Custom Meta Boxes
    http://r2h.me/wpcmb
@randyhoyt                                                      #wcto



Library: Custom Meta Boxes
http://r2h.me/wpcmb


Custom Meta Boxes allow you to build clean, understandable
interfaces for entering metadata. There’s a ton of field options:
text, textarea, checkbox, dropdown list, WYSIWYG, and more.
@randyhoyt   #wcto
@randyhoyt                                                 #wcto




Add Custom Meta Boxes to Your Plugin
http://randyhoyt.com/wordpress/custom-meta-boxes-plugin/
@randyhoyt                                                 #wcto




Add Custom Meta Boxes to Your Plugin
http://randyhoyt.com/wordpress/custom-meta-boxes-plugin/
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt                             #wcto




Video, show fields, add values, save
@randyhoyt                                                  #wcto




Screenshot of dashboard, all assignments added




Ordering WordPress Post Types By A Custom Field
http://randyhoyt.com/wordpress/custom-post-type-ordering/
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt                                      #wcto




WordPress Codex: Template Hierarchy
http://codex.wordpress.org/Template_Hierarchy
@randyhoyt                                                  #wcto



Child Theme Architecture
A WordPress child theme is a theme that inherits the
functionality of another theme, called the parent
theme, and allows you to modify or add functionality.


Making a child theme is very simple. Create a
directory, put a properly formatted style.css file in it,
and you have a child theme!



WordPress Codex: Child Themes
http://codex.wordpress.org/Child_Themes
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt                     #wcto



Structured Data
Why use it?


1. Ease of Adding & Updating
2. Complex Formatting
3. Data Integrity
4. Cross-Platform Delivery
5. Logic-Based Automation
@randyhoyt                                             #wcto



Shortcodes
When a shortcode is inserted in WordPress, it is
replaced with appropriate dynamic content produced
by a PHP function.

Let’s say we want to show the most recent posts in a
given post. We could use something like this:

              [recent-posts]



Smashing Magazine: WordPress Shortcodes
http://r2h.me/wpshortcodes
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt   #wcto
@randyhoyt                                          #wcto




CSV Importer
http://wordpress.org/extend/plugins/csv-importer/
Structured Data
in WordPress

Randy Hoyt     randyhoyt.com
               @randyhoyt


Presentation   randyhoyt.com/wcto
               #wcto

Contenu connexe

Tendances

HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There TodayHTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
 
Microdata semantic-extend
Microdata semantic-extendMicrodata semantic-extend
Microdata semantic-extend
Seek Tan
 
Extending WordPress Multisite for Fun and Profit by Angie Meeker at WordPress...
Extending WordPress Multisite for Fun and Profit by Angie Meeker at WordPress...Extending WordPress Multisite for Fun and Profit by Angie Meeker at WordPress...
Extending WordPress Multisite for Fun and Profit by Angie Meeker at WordPress...
Angela Meeker
 

Tendances (20)

The Server Side of Responsive Web Design
The Server Side of Responsive Web DesignThe Server Side of Responsive Web Design
The Server Side of Responsive Web Design
 
10 Things Webdesigners tend to do Wrong in SEO - SMX 2014
10 Things Webdesigners tend to do Wrong in SEO  - SMX 201410 Things Webdesigners tend to do Wrong in SEO  - SMX 2014
10 Things Webdesigners tend to do Wrong in SEO - SMX 2014
 
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There TodayHTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
 
The Way to Theme Enlightenment
The Way to Theme EnlightenmentThe Way to Theme Enlightenment
The Way to Theme Enlightenment
 
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin..."Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
 
Columbus and the WordPress Community
Columbus and the WordPress CommunityColumbus and the WordPress Community
Columbus and the WordPress Community
 
Microdata semantic-extend
Microdata semantic-extendMicrodata semantic-extend
Microdata semantic-extend
 
Prototyping w/HTML5 and CSS3
Prototyping w/HTML5 and CSS3Prototyping w/HTML5 and CSS3
Prototyping w/HTML5 and CSS3
 
HTML5 and the web of tomorrow!
HTML5  and the  web of tomorrow!HTML5  and the  web of tomorrow!
HTML5 and the web of tomorrow!
 
State of jQuery '09
State of jQuery '09State of jQuery '09
State of jQuery '09
 
Rapid and Responsive - UX to Prototype with Bootstrap
Rapid and Responsive - UX to Prototype with BootstrapRapid and Responsive - UX to Prototype with Bootstrap
Rapid and Responsive - UX to Prototype with Bootstrap
 
Moving from Web 1.0 to Web 2.0
Moving from Web 1.0 to Web 2.0Moving from Web 1.0 to Web 2.0
Moving from Web 1.0 to Web 2.0
 
Extending WordPress Multisite for Fun and Profit by Angie Meeker at WordPress...
Extending WordPress Multisite for Fun and Profit by Angie Meeker at WordPress...Extending WordPress Multisite for Fun and Profit by Angie Meeker at WordPress...
Extending WordPress Multisite for Fun and Profit by Angie Meeker at WordPress...
 
Advanced WordPress Optimization - iGaming Supershow 2012
Advanced WordPress Optimization - iGaming Supershow 2012Advanced WordPress Optimization - iGaming Supershow 2012
Advanced WordPress Optimization - iGaming Supershow 2012
 
Shortcodes vs Widgets: Which one and how?
Shortcodes vs Widgets: Which one and how?Shortcodes vs Widgets: Which one and how?
Shortcodes vs Widgets: Which one and how?
 
Real World Web Standards
Real World Web StandardsReal World Web Standards
Real World Web Standards
 
Advanced Web Scraping or How To Make Internet Your Database #seoplus2018
Advanced Web Scraping or How To Make Internet Your Database #seoplus2018Advanced Web Scraping or How To Make Internet Your Database #seoplus2018
Advanced Web Scraping or How To Make Internet Your Database #seoplus2018
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web Design
 
Progressive Prototyping w/HTML5, CSS3 and jQuery
Progressive Prototyping w/HTML5, CSS3 and jQueryProgressive Prototyping w/HTML5, CSS3 and jQuery
Progressive Prototyping w/HTML5, CSS3 and jQuery
 
How I learned to stop worrying and love the .htaccess file
How I learned to stop worrying and love the .htaccess fileHow I learned to stop worrying and love the .htaccess file
How I learned to stop worrying and love the .htaccess file
 

En vedette

En vedette (11)

How to add semantic data to your WP site in 20 minutes or less! WordSesh 2013
How to add semantic data to your WP site in 20 minutes or less! WordSesh 2013How to add semantic data to your WP site in 20 minutes or less! WordSesh 2013
How to add semantic data to your WP site in 20 minutes or less! WordSesh 2013
 
Beyond Posts & Pages - Structured Content in WordPress
Beyond Posts & Pages - Structured Content in WordPressBeyond Posts & Pages - Structured Content in WordPress
Beyond Posts & Pages - Structured Content in WordPress
 
Beyond Posts and Pages: Structured Content in WordPress
Beyond Posts and Pages: Structured Content in WordPressBeyond Posts and Pages: Structured Content in WordPress
Beyond Posts and Pages: Structured Content in WordPress
 
Semantic Web Application Development
Semantic Web Application DevelopmentSemantic Web Application Development
Semantic Web Application Development
 
Building a semantic website
Building a semantic websiteBuilding a semantic website
Building a semantic website
 
Developing A Semantic Web Application - ISWC 2008 tutorial
Developing A Semantic Web Application -  ISWC 2008 tutorialDeveloping A Semantic Web Application -  ISWC 2008 tutorial
Developing A Semantic Web Application - ISWC 2008 tutorial
 
Semantic Web For Dummies
Semantic Web For DummiesSemantic Web For Dummies
Semantic Web For Dummies
 
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
 
DATA STRUCTURES
DATA STRUCTURESDATA STRUCTURES
DATA STRUCTURES
 
Crap. The Content Marketing Deluge.
Crap. The Content Marketing Deluge.Crap. The Content Marketing Deluge.
Crap. The Content Marketing Deluge.
 
SlideShare 101
SlideShare 101SlideShare 101
SlideShare 101
 

Similaire à Structured Data in WordPress

Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)
Joseph Lewis
 
Twenty Eleven 詳説 WordBench Osaka #02
Twenty Eleven 詳説 WordBench Osaka #02Twenty Eleven 詳説 WordBench Osaka #02
Twenty Eleven 詳説 WordBench Osaka #02
Hishikawa Takuro
 
Part1 learn thelingo
Part1 learn thelingoPart1 learn thelingo
Part1 learn thelingo
Taneya Koonce
 

Similaire à Structured Data in WordPress (20)

Intro to WordPress #memtech
Intro to WordPress #memtechIntro to WordPress #memtech
Intro to WordPress #memtech
 
Wordpress: «l’abc per gli sviluppatori» - PHP.TO.START [2012]
 Wordpress: «l’abc per gli sviluppatori» - PHP.TO.START [2012] Wordpress: «l’abc per gli sviluppatori» - PHP.TO.START [2012]
Wordpress: «l’abc per gli sviluppatori» - PHP.TO.START [2012]
 
Mul-ti-site!
Mul-ti-site!Mul-ti-site!
Mul-ti-site!
 
WordPress Optimization & Security - ThinkVisibility 2012, Leeds
WordPress Optimization & Security - ThinkVisibility 2012, LeedsWordPress Optimization & Security - ThinkVisibility 2012, Leeds
WordPress Optimization & Security - ThinkVisibility 2012, Leeds
 
WordPress Essentials for Beginners - YES Montreal December 2014
WordPress Essentials for Beginners - YES Montreal December 2014WordPress Essentials for Beginners - YES Montreal December 2014
WordPress Essentials for Beginners - YES Montreal December 2014
 
URL Design
URL DesignURL Design
URL Design
 
A Beginner's Guide to Wordpress - WordCamp Montreal 2011
A Beginner's Guide to Wordpress - WordCamp Montreal 2011A Beginner's Guide to Wordpress - WordCamp Montreal 2011
A Beginner's Guide to Wordpress - WordCamp Montreal 2011
 
A Beginner's Guide to WordPress - WordCamp New York City 2012
A Beginner's Guide to WordPress - WordCamp New York City 2012A Beginner's Guide to WordPress - WordCamp New York City 2012
A Beginner's Guide to WordPress - WordCamp New York City 2012
 
Wordpress for Newbies 2010-03-27
Wordpress for Newbies 2010-03-27Wordpress for Newbies 2010-03-27
Wordpress for Newbies 2010-03-27
 
Amazing WordPress & Productivity Tips
Amazing WordPress & Productivity TipsAmazing WordPress & Productivity Tips
Amazing WordPress & Productivity Tips
 
A Beginner’s Guide to Wordpress - WordCamp Toronto 2011
A Beginner’s Guide to Wordpress - WordCamp Toronto 2011A Beginner’s Guide to Wordpress - WordCamp Toronto 2011
A Beginner’s Guide to Wordpress - WordCamp Toronto 2011
 
Demystifying WordPress
Demystifying WordPressDemystifying WordPress
Demystifying WordPress
 
Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)
 
Mehr Performance für WordPress - WordCamp Köln
Mehr Performance für WordPress - WordCamp KölnMehr Performance für WordPress - WordCamp Köln
Mehr Performance für WordPress - WordCamp Köln
 
Why the heck isnt word press a cms
Why the heck isnt word press a cmsWhy the heck isnt word press a cms
Why the heck isnt word press a cms
 
Change by HTML5
Change by HTML5Change by HTML5
Change by HTML5
 
Pundit. Web annotation for the Digital Humanities
Pundit. Web annotation for the Digital HumanitiesPundit. Web annotation for the Digital Humanities
Pundit. Web annotation for the Digital Humanities
 
Twenty Eleven 詳説 WordBench Osaka #02
Twenty Eleven 詳説 WordBench Osaka #02Twenty Eleven 詳説 WordBench Osaka #02
Twenty Eleven 詳説 WordBench Osaka #02
 
Part1 learn thelingo
Part1 learn thelingoPart1 learn thelingo
Part1 learn thelingo
 
From WordPress With Love
From WordPress With LoveFrom WordPress With Love
From WordPress With Love
 

Plus de randyhoyt (7)

Integrating WordPress With Web APIs
Integrating WordPress With Web APIsIntegrating WordPress With Web APIs
Integrating WordPress With Web APIs
 
Integrating WordPress With Web APIs
Integrating WordPress With Web APIsIntegrating WordPress With Web APIs
Integrating WordPress With Web APIs
 
Api
ApiApi
Api
 
Html5game presentation
Html5game presentationHtml5game presentation
Html5game presentation
 
Relationships Between WordPress Post Types
Relationships Between WordPress Post TypesRelationships Between WordPress Post Types
Relationships Between WordPress Post Types
 
WordPress Plugins
WordPress PluginsWordPress Plugins
WordPress Plugins
 
Working with Images in WordPress
Working with Images in WordPress Working with Images in WordPress
Working with Images in WordPress
 

Dernier

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Dernier (20)

A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 

Structured Data in WordPress

  • 2. @randyhoyt #wcto About Me Randy Hoyt randyhoyt.com @randyhoyt Presentation randyhoyt.com/wcto
  • 3. @randyhoyt #wcto WordPress Timeline May 2003 WordPress 0.7 − Initial Release − Blog Posts 2003 2005 2007 2009 2011 2013 WordPress Now Available http://wordpress.org/news/2003/05/wordpress-now-available/
  • 4. @randyhoyt #wcto WordPress Timeline May 2004 WordPress 1.2 − Randy’s first WordPress blog 2003 2005 2007 2009 2011 2013
  • 5. @randyhoyt #wcto WordPress Timeline February 2005 WordPress 1.5 “The „pages‟ feature allows you to run − Pages − Custom Fields your entire site through WordPress.” 2003 2005 2007 2009 2011 2013 Announcing WordPress 1.5 http://wordpress.org/news/2005/02/strayhorn/
  • 6. @randyhoyt #wcto
  • 7. @randyhoyt #wcto
  • 8. @randyhoyt #wcto Structured Data What is it? “Data that resides in fixed fields within a record. “ Contrast with unstructured data.” PC Magazine Encyclopedia: Structured Data http://r2h.me/pcmagdata
  • 9. @randyhoyt #wcto Structured Data Structured Unstructured
  • 10. @randyhoyt #wcto WordPress Timeline June 2010 WordPress 3.0 − Custom Post Types 2003 2005 2007 2009 2011 2013 WordPress 3.0 “Thelonious” http://wordpress.org/news/2010/06/thelonious/
  • 11. @randyhoyt #wcto Structured Data Why use it? 1. Simple Adding / Editing 2. Complex Formatting
  • 12. @randyhoyt #wcto
  • 13. @randyhoyt #wcto Structured Data Why use it? 1. Simple Adding / Updating 2. Complex Formatting 3. Data Integrity
  • 14. @randyhoyt #wcto
  • 15. @randyhoyt #wcto
  • 16. @randyhoyt #wcto Structured Data Why use it? 1. Ease of Adding & Updating 2. Complex Formatting 3. Data Integrity 4. Cross-Platform Delivery
  • 17. @randyhoyt #wcto
  • 18. @randyhoyt #wcto
  • 19. @randyhoyt #wcto Adapting Ourselves to Adaptive Content http://www.slideshare.net/KMcGrane/adapting-ourselves-to-adaptive-content-12133365
  • 20. @randyhoyt #wcto Adapting Ourselves to Adaptive Content http://www.slideshare.net/KMcGrane/adapting-ourselves-to-adaptive-content-12133365
  • 21. @randyhoyt #wcto
  • 22. @randyhoyt #wcto Theme vs. Plugin Where does this custom code belong? “ A common, yet unfortunate practice in the WordPress community involves filling theme functions.php files with tweaks and functionality that is key to a site.” Theme Functions File (functions.php) Custom Functionality Plugin • Code is executed just like a plugin • Completely separated from theme • Activated (or deactivated) along with • Remains activated even theme is not the theme • Best for code related to functionality • Best for code related to appearance How to create your own WordPress functionality plugin http://wpcandy.com/teaches/how-to-create-a-functionality-plugin
  • 23. @randyhoyt #wcto
  • 24. @randyhoyt #wcto
  • 25. @randyhoyt #wcto WordPress Codex: Post Types > Custom Types http://codex.wordpress.org/Post_Types#Custom_Types
  • 26. @randyhoyt #wcto
  • 27. @randyhoyt #wcto Aptana, library uploaded, code for metaboxes
  • 28. @randyhoyt #wcto
  • 29. @randyhoyt #wcto Custom Fields wp_posts wp_postmeta ID post_type post_title post_id meta_key meta_value 37 rrh_assignment Final Project 37 date_due 12/07/2011 38 rrh_assignment Final Exam 37 percentage 24 38 date_due 12/14/2011 38 percentage 16
  • 30. @randyhoyt #wcto Custom Fields
  • 31. @randyhoyt #wcto Custom Fields Three Ways to Customize the Interface Tutorial: “Reusable Custom Meta Boxes” http://r2h.me/wpreuseable Plugin: Advanced Custom Fields http://wordpress.org/extend/plugins/advanced-custom-fields/ Library: Custom Meta Boxes http://r2h.me/wpcmb
  • 32. @randyhoyt #wcto Library: Custom Meta Boxes http://r2h.me/wpcmb Custom Meta Boxes allow you to build clean, understandable interfaces for entering metadata. There’s a ton of field options: text, textarea, checkbox, dropdown list, WYSIWYG, and more.
  • 33. @randyhoyt #wcto
  • 34. @randyhoyt #wcto Add Custom Meta Boxes to Your Plugin http://randyhoyt.com/wordpress/custom-meta-boxes-plugin/
  • 35. @randyhoyt #wcto Add Custom Meta Boxes to Your Plugin http://randyhoyt.com/wordpress/custom-meta-boxes-plugin/
  • 36. @randyhoyt #wcto
  • 37. @randyhoyt #wcto
  • 38. @randyhoyt #wcto Video, show fields, add values, save
  • 39. @randyhoyt #wcto Screenshot of dashboard, all assignments added Ordering WordPress Post Types By A Custom Field http://randyhoyt.com/wordpress/custom-post-type-ordering/
  • 40. @randyhoyt #wcto
  • 41. @randyhoyt #wcto
  • 42. @randyhoyt #wcto
  • 43. @randyhoyt #wcto
  • 44. @randyhoyt #wcto
  • 45. @randyhoyt #wcto
  • 46. @randyhoyt #wcto WordPress Codex: Template Hierarchy http://codex.wordpress.org/Template_Hierarchy
  • 47. @randyhoyt #wcto Child Theme Architecture A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme, and allows you to modify or add functionality. Making a child theme is very simple. Create a directory, put a properly formatted style.css file in it, and you have a child theme! WordPress Codex: Child Themes http://codex.wordpress.org/Child_Themes
  • 48. @randyhoyt #wcto
  • 49. @randyhoyt #wcto
  • 50. @randyhoyt #wcto
  • 51. @randyhoyt #wcto
  • 52. @randyhoyt #wcto
  • 53. @randyhoyt #wcto
  • 54. @randyhoyt #wcto
  • 55. @randyhoyt #wcto
  • 56. @randyhoyt #wcto
  • 57. @randyhoyt #wcto
  • 58. @randyhoyt #wcto
  • 59. @randyhoyt #wcto Structured Data Why use it? 1. Ease of Adding & Updating 2. Complex Formatting 3. Data Integrity 4. Cross-Platform Delivery 5. Logic-Based Automation
  • 60. @randyhoyt #wcto Shortcodes When a shortcode is inserted in WordPress, it is replaced with appropriate dynamic content produced by a PHP function. Let’s say we want to show the most recent posts in a given post. We could use something like this: [recent-posts] Smashing Magazine: WordPress Shortcodes http://r2h.me/wpshortcodes
  • 61. @randyhoyt #wcto
  • 62. @randyhoyt #wcto
  • 63. @randyhoyt #wcto
  • 64. @randyhoyt #wcto
  • 65. @randyhoyt #wcto
  • 66. @randyhoyt #wcto
  • 67. @randyhoyt #wcto CSV Importer http://wordpress.org/extend/plugins/csv-importer/
  • 68. Structured Data in WordPress Randy Hoyt randyhoyt.com @randyhoyt Presentation randyhoyt.com/wcto #wcto

Notes de l'éditeur

  1. NEXT:WordPress 0.7
  2. NEXT:WordPress 1.2
  3. NEXT:WordPress 1.5
  4. NEXT: People Grid
  5. NEXT: Edit HTML on People Grid
  6. NEXT: Define Structured Data
  7. NEXT: Excel vs. Word
  8. NEXT: WordPress 3.0
  9. NEXT: Benefits 1-2
  10. NEXT: Edit Person screen
  11. NEXT: Benefits 3
  12. NEXT: Alexandria Mall directory
  13. NEXT: Alexandria Mall, Store Detail
  14. NEXT: Benefits 4
  15. NEXT: Alexandria Mall Mobile Site
  16. NEXT: Alexandria Mall Mobile App
  17. NEXT: Karen McGrane’s circles around content
  18. NEXT: Karen McGrane’s speech bubbles
  19. NEXT: EMAC 3361 Assignments page
  20. NEXT: Theme vs. Plugin
  21. NEXT: Create empty plugin
  22. NEXT: Add comments to header
  23. NEXT: Register post type
  24. NEXT: View custom plugin
  25. NEXT: Video 1
  26. NEXT: post type supports
  27. NEXT: custom field schema
  28. NEXT: custom field interface
  29. NEXT: Customizing the custom field interface
  30. NEXT: Custom meta boxes
  31. NEXT: Adding custom meta boxes to your plugin
  32. NEXT: Adding custom meta boxes to your plugin
  33. NEXT: Defining the custom meta box
  34. NEXT: Defining the custom meta box fields
  35. NEXT: List of two assignments (preparing for Video 2)
  36. NEXT: Video 2
  37. NEXT: Order by custom field
  38. NEXT: post type has_archive
  39. NEXT: Save Permalinks
  40. NEXT: menus
  41. NEXT: Drag menu item into place
  42. NEXT: Assignments archive page using archive.php
  43. NEXT: Template hierarchy
  44. NEXT: Child theme architecture
  45. NEXT: Child theme examples
  46. NEXT: style.css @import twentyeleven
  47. NEXT: copy archive.php to archive-rrh_assignment.php
  48. NEXT: Change title to Assignments
  49. NEXT: Add table header
  50. NEXT: Add table rows in loop
  51. NEXT: Add table footer
  52. NEXT: Activate child theme
  53. NEXT: View Assignments with assignment-rrh_archive.php
  54. NEXT: Upcoming Assignments separated out
  55. NEXT: Scroll down to past assignments
  56. NEXT: Benefit 5
  57. NEXT: Shortcodes
  58. NEXT: Widget with shortcode
  59. NEXT: Plugin file to add filters
  60. NEXT: Add filter and shortcode
  61. NEXT: Add args and query_posts
  62. NEXT: Add loop
  63. NEXT: Show list on home page
  64. NEXT: CSV importer
  65. NEXT: The End