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
51
Content Aware WordPress theming
My talk from WordCamp Providence 2014
CodeProKid
September 27, 2014
Tweet
Share
Other Decks in Programming
See All in Programming
Polarsの成長: v0.14からv1.0までの変遷と今後の展望
zerebom
1
350
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
81k
Introduction to GitOps
hwchiu
0
110
Temporalを取り巻く仕様を整理する
sajikix
0
110
AWS初心者ってどうやってAWSを学ぶ?〜アプリエンジニアがやってよかったアーキテクチャ学習方法〜
yamanashi_ren01
0
190
Namespace on read
tagomoris
2
370
はしめてのプログラミングとロボット制御
watawatavoltage
0
290
Ruby メモリ管理 プログラミング
megmogmog1965
0
130
CSC307 Lecture 07
javiergs
PRO
0
220
君たちはどうコードをレビューする (される) か / 大吉祥寺.pm
utgwkk
15
8.5k
社内 LT 会を発足し、アウトプット文化を醸成させるために考えたこと・やったこと / Starting internal LT meetings and fostering an output culture
mackey0225
3
120
The rollercoaster of releasing an Android, iOS, and macOS app with Kotlin Multiplatform | droidcon Berlin
prof18
0
110
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
Producing Creativity
orderedlist
PRO
340
39k
The Cult of Friendly URLs
andyhume
75
5.9k
Atom: Resistance is Futile
akmur
261
25k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
How GitHub (no longer) Works
holman
305
140k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
Git: the NoSQL Database
bkeepers
PRO
423
64k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
12
3.8k
Speed Design
sergeychernyshev
9
270
Design by the Numbers
sachag
277
18k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
129
32k
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!