WordPress Post Formats
-
Upload
kristen-symonds -
Category
Technology
-
view
168 -
download
0
description
Transcript of WordPress Post Formats
![Page 1: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/1.jpg)
WordPressPost Formats
What, When, How
kristarella.com
![Page 2: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/2.jpg)
What are Post Formats?
• Post Formats are a new(ish) method of designating content types in posts
• Image
• Gallery
• Status
• Aside
• Link
• etc
codex.wordpress.org/Post_Formats
![Page 3: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/3.jpg)
When to use Formats?
• The best time to use post formats is when both:
a. your theme supports them
b. you intend to share useful content in smaller (more manageable?) chunks, rather than always using long-form
![Page 4: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/4.jpg)
How can you use them?
1. Find a theme that supports Post Formats well, or modify your theme to support them.
2. Assign formats to your posts.
![Page 5: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/5.jpg)
Step 2 is easy!
Choose the format that matches your post
(as you would any categories or tags)
![Page 6: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/6.jpg)
Step 1 is slightly harder
• Trial & error
• Test themes to see how they display different post formats (and if they display them differently at all)
• OR Build your own child theme to display post formats how you want to
NB Theme Unit Test is useful either way
![Page 7: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/7.jpg)
Theme testingJust because a theme says it supports
post formats doesn’t mean it does anything with them!
The following themes, except Genesis, are all freely available
from the WordPress theme respository
![Page 8: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/8.jpg)
Twenty Thirteen
Different colours Icons & borders Colours & meta
Icon & formatting Featured image ↑ title Featured image hidden
No page templates!
![Page 9: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/9.jpg)
Esquire
No gallery title Epic image border Big link title
Bright quote No featured images Not responsive
![Page 10: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/10.jpg)
Hum
Format labels 1 gallery image + number Quote typography
Simple link Image display Not all formats labelled
![Page 11: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/11.jpg)
Pachyderm
Cute format icons... in a range of colours... for all tested formats!
Cute featured images(not on single posts) Attention to detail Clever sidebar
![Page 12: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/12.jpg)
Path
No title for short formats Title links to Link Smooth quotes
Gallery “excerpt” Status avatar Nicely responsive
![Page 13: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/13.jpg)
Preference Lite
Gallery with feature Subtle Aside label Duplicate images?!
Link is okay Status: avatar, butprominent titleQuote is nice, but out of flow
![Page 14: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/14.jpg)
Expound•Not much different for post formats ✘
•Asides don’t show title is the only change•Nice featured image thumbnail display•Responsive ✔
Genesis•Post Format icons hook ✔•No default featured image display•No default post format display variations
Living Journal•No titles for image & quote formats•Featured image thumbnails, not on singles•No featured image for image format ✔
![Page 15: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/15.jpg)
Matala•Featured image thumbnails show for image formats too ✘•Cool post format icons next to title ✔•Not resposive
Montezuma•Nothing different for post formats•but simple enough design to suit formats•Nice featured images, not on singles
Vertigo•Nifty audio & video format styles
•Cassette tape & video projector rolling! ✔•Link formats break PHP ✘
![Page 16: WordPress Post Formats](https://reader034.fdocuments.net/reader034/viewer/2022052619/55525d35b4c905d41d8b4a33/html5/thumbnails/16.jpg)
Else, make a child theme
• codex.wordpress.org/Child_Themes
• Content templates
• Understanding get_template_part
• Create required template parts: content-{post format name}.php
• Add needed CSS styles
• Framework hooks & actions