Taming your content with custom post types and fields
•Download as PPTX, PDF•
1 like•1,592 views
As a WordPress site owner, I wanted to have more flexibility and control over my content so looked towards custom post types and custom meta fields. This is the journey of how a non-developer learnt to structure post types, custom meta fields, the plugins and libraries I've used to create my sites with and some tips for making the editor more user friendly so all the extra fields don’t feel overwhelming.
Recommended
Recommended
More Related Content
What's hot
What's hot (18)
Viewers also liked
Viewers also liked (20)
Similar to Taming your content with custom post types and fields
Similar to Taming your content with custom post types and fields (20)
Recently uploaded
Recently uploaded (20)
Taming your content with custom post types and fields
- 1. TAMING YOUR CONTENT with CUSTOM POST TYPES o META FIELDS
- 2. @CAROLYNLYN
- 3. SITE OWNER
- 4. MARKETER
- 6. != DESIGNER
- 7. != DEVELOPER
- 8. == TINKERER
- 10. CUSTOM POST TYPES O FIELDS watz dat den?
- 11. CUSTOM POST TYPES O FIELDS
- 12. CUSTOM POST TYPES O FIELDS
- 13. START AS YOU MEAN TO GO ON
- 14. START AS YOU MEAN TO GO ON or LAUNCH QUICK AND FIX IT LATER
- 15. TO PLUGIN or NOT TO PLUGIN
- 17. ADVANCED CUSTOM FIELDS PLUGIN overkill (for us)
- 18. CUSTOM META BOXES PLUGIN and the shoe fits! https://github.com/humanmade/Custom-Meta-Boxes
- 19. CUSTOM POST TYPES from the off • Bingo Reviews • Treehouse Blog • But few custom fields • None in the reviews
- 20. THIS WAS OUR REVIEW owch my eyes!
- 21. CREATING a custom post type http://www.stuckinthetree.co.uk/dev-blog/getting-started-with-wordpress-custom-post-types-and-fields/ https://codex.wordpress.org/Function_Reference/register_post_type
- 22. CREATING a custom taxonomy
- 23. CREATING custom fields O meta boxes
- 26. the ADMIN MENU
- 28. MENU POSITION
- 29. ADMIN MENU EDITOR PLUGIN • Easily order, hide, add new menu items & add icons to the menu. https://wordpress.org/plugins/admin-menu-editor/
- 31. CUSTOM FIELDS what a mess
- 32. WHAT ABOUT all this stuff
- 33. AND all this stuff
- 34. UNCHECK in screen options pane
- 35. OR USE a few lines of code hides the fields it doesn’t remove support for it.
- 36. OR USE a few lines of code You can even make this only for non-admins https://codex.wordpress.org/Function_Reference/remove_meta_box
- 37. REMOVING the featured image • Can’t be removed as specified in codex
- 38. REMOVING the featured image • So we removed thumbnail support
- 39. ORDERING METABOXES in editor $context $priority advanced default high low core normal default high low core side default high low core Positions are relative Only 12 positions In case of tie is alphanumeric
- 41. BASIC 12 COLUMN GRID – from this
- 42. BASIC 12 COLUMN GRID – to this
- 43. LET’S CLEAN IT UP SOME MORE
- 45. SO WHAT IF the bonus value changes? http://www.stuckinthetree.co.uk/dev-blog/custom-fields-within-custom-fields-shortcodes/
- 46. CREATE O whitelist your shortcode
- 47. WRAP FIELDS with do_shortcode • E.g. in our single-bingo-sites.php
- 48. REGEX PARSES STRING O triggers shortcode
- 50. CROSS PROMOTION post type
- 51. CROSS PROMOTION post type
- 52. CROSS PROMOTION post type
- 56. CAN HIDE COLUMNS with screen options
- 59. MAKE YOUR COLUMNS SORTABLE
- 60. THE DASHBOARD
- 61. “THE DASHBOARD IS THE MOST USEFUL SCREEN IN THE WORDPRESS ADMIN” Said No One Ever.
- 62. HOW TO REDIRECT ON LOGIN to post edit screen
- 63. WHAT ELSE can CUSTOM POSTS / FIELDS DO?
- 64. WE LIKE fun and games
- 65. WE LIKE fun and games • Archive template • Displaying custom posts • Each with own post meta http://www.stuckinthetree.co.uk/bake-off-bingo-generator/
Editor's Notes
- This will become apparent when you see shots of my site
- This will become apparent when I talk about code (especially if you’re a developer)
- I’M HAPPY TO PLAY WITH CODE AND CROSS MY FINGERS IT DOESN’T BREAK TOO MUCH
- We’re going to look at one of my projects. Stuck in the Tree helps bingo players research new sites to play at before they sign up. I started Stuck in the Tree a few years ago when I was working as an SEO to test theories and tinker with things. I now use it to test out marketing ideas and learn more about WordPress and PHP I’ll take you from where I started to where custom fields etc has taken things
- Out of the box WordPress has post and pages, you can extend it to have any number of custom post types
- . Common examples would be book or movie databases, or products in an online shop. You can also create custom fields which you can see here being use for the product price, and rating. Potentially also the product description and the image. (Example Theme from https://woocommerce.com/storefront/)
- Most of the sections on Stuck in the Tree including are powered by WordPress Custom Post types behind the scenes. So a pretty conventional use in our bingo site reviews but also a little unusual to power some of our fun quizzes and our bingo cards.
- When you’re working on a project there are two main approaches
- We went chose to launch a minimum viable product and then do continual development. Otherwise the site would never have been launched. So we’ve learnt a lot and made a lot of changes along the way
- Didn’t need drag and drop for creating and managing post types taxonomies and fields Wanted a bit of assistance with the meta boxes Want to learn more / understand behind scenes
- Whilte we use custom post types form the off, for the bingo reviews we use of custom fields to pull through key data onto archive pages, for example the value of the free bonus, site logo
- But the reviews themselves were one very long block of text and html. Load of html and layout stuff in the editor Long time to create a new review Risk of error high Design / layout of reviews have to be altered one by one.
- Standard WordPress method
- Standard WordPress method
- Rather than using WordPress standard methods it uses the CMB plugins functions which are simplified
- Standard WordPress method
- This plugin was a compromise as we’re not going to want to regularly update the admin menu we may look at doing this without a plugin in future but for now we’ve got other things to focus on.
- But if other people are using the backend then it can be better to just hide them automatically with a few lines of code.
- Explain why used ‘manage options’ rather than administrators.
- Various workarounds We use custom fields for our images so don’t and won’t use it We removed support for it for this post type
- Various workarounds We use custom fields for our images so don’t and won’t use it We removed support for it for this post type
- Positioning is relative Only 12 real position options in the case of a tie it will go by the numbers and alphabetically - so consider this when naming your fields So fine if you only have a few fields and no fields fro other plugins Pain if you have lots of fields and other plugins too Can be changed by users who can switch between 1 and 2 column layout and drag and drop the metaboxes around.
- Setting the height of the editor Specifying which quicktags we want And removing the add media button
- The first page you’ll see when you login For most people this just adds an extra step and they are not interested in this page You can expand the dashboard by making new Dashboard Widgets
- Change the landing page when you login You could show based on user roles so Admins can see one page and non-admins can be shown a different page E.g. a content calendar, the All Posts page etc.
- The skys the limit really
- We like creating interactive content and use custom posts types and fields to created them.
- For example bingo card generators are just an archive template displaying a custom posts each with their own post meta.