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
58
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 Serverにしてみた
74th
1
510
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
680
NPOでのDevinの活用
codeforeveryone
0
650
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
390
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
170
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
520
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
0
470
VS Code Update for GitHub Copilot
74th
1
550
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
110
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
260
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
50
32k
ニーリーにおけるプロダクトエンジニア
nealle
0
710
Featured
See All Featured
KATA
mclloyd
30
14k
Docker and Python
trallard
44
3.5k
Scaling GitHub
holman
459
140k
Thoughts on Productivity
jonyablonski
69
4.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
It's Worth the Effort
3n
185
28k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Being A Developer After 40
akosma
90
590k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
17
950
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!