Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

A Layout Customiser for The Sun

Avatar for John Blackbourn John Blackbourn
December 05, 2016
Technology
470
4

A Layout Customiser for The Sun

Presented at BigWP on 5th December 2016

Avatar for John Blackbourn

John Blackbourn

December 05, 2016

More Decks by John Blackbourn

See All by John Blackbourn
Investigating Regressions Quickly using Git Bisect
Avatar for John Blackbourn johnbillion
1
2.2k
WP CLI: An Intro and Interesting Use Cases
Avatar for John Blackbourn johnbillion
0
2k
Zen Mode: Developing While You're Offline
Avatar for John Blackbourn johnbillion
3
2.5k
An Explanation of HTTPS for the Inexperienced
Avatar for John Blackbourn johnbillion
0
1.7k
The A to Z of WordPress Multisite
Avatar for John Blackbourn johnbillion
3
2.2k
A Deep Dive into the Roles and Capabilities API
Avatar for John Blackbourn johnbillion
3
3k
Unit Testing: What? Why? How?
Avatar for John Blackbourn johnbillion
0
230
Debugging as a Key Skill - WCSOF - WCMIL
Avatar for John Blackbourn johnbillion
1
1.9k
An Introduction to Character Encoding - WCNO - WCNL
Avatar for John Blackbourn johnbillion
0
2.2k

Other Decks in Technology

See All in Technology
アクセラレーターで実現するServiceNow活用の高速化 / ServiceNow World Forum 2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
120
OneLakeをデータソースにした AI Search（Foundry IQ）の ライフサイクル管理
Avatar for Ryusei Iida ryuseiiida
0
220
【Oracle AI SPOTLIGHT ウェビナー】事例から見る！なぜOCIが選ばれたのか ― AI時代のクラウド戦略を紐解く ―
Avatar for oracle4engineer oracle4engineer
PRO
1
150
データマネジメント × 法務で作りあげる、 freeeの新しいデータガバナンスへの軌跡
Avatar for freee freee
PRO
3
670
SLOを阻む不安
Avatar for sraku sraku2159
0
210
AIエージェント統制はAPIから——押さえるべき5つの要素
Avatar for 草薙昭彦 nagix
0
120
Building Audio Plugin Ecosystem for Android in 2026
Avatar for Atsushi Eno atsushieno
1
110
AX時代の自治体支援リソース再配分と役割分担の再構成：戦略とロードマップ（概要）
Avatar for Sayaka Isizuka sishi2026
0
180
FinOpsを導入してマルチプロダクトのコスト最適化を実現する
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
0
110
IoTとは〜？ 数字で見るSORACOM UG【SORACOM UG Explorer 2026】
Avatar for SORACOM（ソラコム） soracom
PRO
0
120
Claude Codeから見る、エンジニアの世界の変容とその先
Avatar for Oikon oikon48
8
5.3k
cdk deployとcdkd deploy、実際にデプロイして5倍速近くの差を実測した
Avatar for Yuuki Yamashita yama3133
1
160

Featured

See All Featured
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.3k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
184
11k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.4k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
1
420
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
510
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6.2k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
3.7k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
610
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.3k

Transcript

  1. A Layout Customiser for The Sun

  2. John Blackbourn @johnbillion | humanmade.co.uk

  3. Largest print newspaper by circulation Second largest newspaper website by

    viewers Migrated to WordPress.com VIP Go 400,000+ articles 1TB images Switched to HTTPS

  4. Building a Layout Customiser (not a Page Builder)

  5. None

  6. Editorial Requirements Quickly alter the content and layout of the

    home page and section pages

  7. Editorial Requirements Visually and technically accurate representation

  8. Editorial Requirements Editorially scalable to a large number of articles

  9. Editorial Requirements Well-formatted storage of the content and presentation data

  10. UX Workshops Identified the typical journey of a news story

  11. UX Workshops Free-form control over layout is overwhelming, slow, and

    unnecessary

  12. UX Workshops Editing content inline for: 1. Context 2. Expediency

  13. Solutions "The layout customiser"

  14. None
  15. None
  16. None

  17. Solutions "The cascade"

  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None

  25. Solutions Maintaining accuracy of the preview

  26. None
  27. None

  28. Next Steps Scheduling layouts (for sections) Inline image editing REACT

    or ?...

  29. Want to see more? Come and see me

  30. John Blackbourn @johnbillion | humanmade.co.uk