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
Oracle Database Technology Night 92 Database Connection control FAN-AC
oracle4engineer
PRO
1
460
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
2.4k
Tool Catalog Agent for Bedrock AgentCore Gateway
licux
7
2.5k
為你自己學 Python - 冷知識篇
eddie
1
350
機能追加とリーダー業務の類似性
rinchoku
2
1.3k
複雑なフォームに立ち向かう Next.js の技術選定
macchiitaka
2
180
Improving my own Ruby thereafter
sisshiki1969
1
160
AI時代のUIはどこへ行く?
yusukebe
18
9k
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
1
590
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
How Android Uses Data Structures Behind The Scenes
l2hyunwoo
0
470
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
Navigating Team Friction
lara
189
15k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
Gamification - CAS2011
davidbonilla
81
5.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
13k
Scaling GitHub
holman
463
140k
Done Done
chrislema
185
16k
Building Adaptive Systems
keathley
43
2.7k
Why Our Code Smells
bkeepers
PRO
339
57k
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!