Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Content Aware WordPress theming
Search
CodeProKid
September 27, 2014
Programming
1
59
Content Aware WordPress theming
My talk from WordCamp Providence 2014
CodeProKid
September 27, 2014
Tweet
Share
Other Decks in Programming
See All in Programming
MCPとデザインシステムに立脚したデザインと実装の融合
yukukotani
4
1.4k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
380
アルテニア コンサル/ITエンジニア向け 採用ピッチ資料
altenir
0
110
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
280
Design Foundational Data Engineering Observability
sucitw
3
200
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
marcoroth
0
690
Navigating Dependency Injection with Metro
zacsweers
3
960
rage against annotate_predecessor
junk0612
0
170
ユーザーも開発者も悩ませない TV アプリ開発 ~Compose の内部実装から学ぶフォーカス制御~
taked137
0
180
Amazon RDS 向けに提供されている MCP Server と仕組みを調べてみた/jawsug-okayama-2025-aurora-mcp
takahashiikki
1
110
AIコーディングAgentとの向き合い方
eycjur
0
270
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
160
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Being A Developer After 40
akosma
90
590k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
Navigating Team Friction
lara
189
15k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
4 Signs Your Business is Dying
shpigford
184
22k
For a Future-Friendly Web
brad_frost
180
9.9k
Transcript
Content Aware WordPress Theming Ryan Kanner @CodeProKid
+ + Who am I?
Content Aware What?
Templates that can automatically make adjustments based on the content
being displayed. { }
We aren’t launching this service until next year, can we
remove it? Can we add a newsletter signup here? We don’t have anything to put here...
None
The Problem • Rigid grid systems • WordPress gives non
technical people total control of their content. • Content changes, as it should. • Clients needs change over time.
Current Solutions...
None
None
None
None
None
Issue with this solution • Limitless layout possibilities to account
for • Fragmented User Experience • Overwhelming amount of options • Too much control for clients • Good luck moving that content ever.
My Solution • Decisions, not options. • Identify layout modules
that can be broken by content. • Fallbacks for empty content. • A little bit of math + grid system = a whole lot of awesome.
What to look out for Changing Content • More •
Less • Longer • Shorter • NULL Trouble Spots • Filtered Content • Sidebars • Widgets • Content Buckets • Inline lists
Examples woo, code.
What happens when this is empty?
“No Posts Found...”
None
Empty Queries Yes No Is this content the main focus
of this page? Display Similar content, or another way to find what they are looking for Display an alternate set of content instead Don’t display anything
None
None
None
Establish what you were looking for in the first place
State there was nothing found Offer a way to find something else
Empty Sidebars
Content Conditional Sidebar Conditional
Let’s Count
None
None
None
Flexible Widgets
None
None
Widgets • Horizontal widgets are a nightmare • Fixed classes
on widgets goes against the entire concept of widgets • My solution https://github. com/CodeProKid/Flexible-Widget-Widths
None
But why? • Saves you time in the end •
Eliminates jobs you don’t want • Establishes trust between you and your clients • Provides a better user experience
Thanks!