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
46
Content Aware WordPress theming
My talk from WordCamp Providence 2014
CodeProKid
September 27, 2014
Tweet
Share
Other Decks in Programming
See All in Programming
クソコード動画『カプセル化 Mk-II』 で考える 上手くカプセル化できない理由 / encapsulation2
minodriven
11
8k
デザインシステムで Tailwind CSSとCSS in JSに分散投資をしたら良かった話
fsubal
14
3.4k
イベントストーミングによるオブジェクトモデリング・オブジェクト指向プログラミングの適用・開発プロセスの変遷・アーキテクチャの変革 / Object modeling with Event Storming.
nrslib
12
3.2k
9年開発を牽引して見えてきた、共通化すべきものと個別でつくるもの ~プログラム言語~
shinout
1
220
今の SmartHR にエンジニアで入社するとどうなるの?
daisukeshinoku
3
1.4k
MySQL のインデックスの種類をおさらいしよう! / overviewing indexes in MySQL
okashoi
0
170
TCAの Shared Stateって どういう仕組みになってんの?
yimajo
0
330
決断するための勇気、そのためのBacklog / Courage to make decisions, Backlog for that.
seike460
PRO
4
1.9k
Deep Dive 大規模システムアーキテクチャ/開発組織エンジニアリング / Deep Dive Large-Scale System Architecture, Development Organization Engineering
nrslib
15
2.9k
Enhancing Applications with Accessibility API
kishikawakatsumi
3
1k
OpenAPI を守るのは難しい
ohmori_yusuke
1
140
ドメイン・ファーストで考える問題解決に役立つモデル設計 / Domain First Model Design
suzushin54
1
1.4k
Featured
See All Featured
Thoughts on Productivity
jonyablonski
57
3.8k
Designing for Performance
lara
601
67k
Unsuck your backbone
ammeep
661
56k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
8
8.2k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Statistics for Hackers
jakevdp
789
220k
The Cost Of JavaScript in 2023
addyosmani
13
3.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
185
15k
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
57k
Building Adaptive Systems
keathley
29
1.8k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
Done Done
chrislema
178
15k
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!