Upgrade to Pro — share decks privately, control downloads, hide ads and more …

8 Tips for Designing WordPress Websites

Avatar for Ngaire Ackerley Ngaire Ackerley
May 14, 2014
Design
0
450

8 Tips for Designing WordPress Websites

8 Simple Tips to help designers and developers when creating a website. This was part of the 5 minute lightning talk for the WordPress London Meetup Group on 14 May, 2014.
Avatar for Ngaire Ackerley

Ngaire Ackerley

May 14, 2014
Tweet

More Decks by Ngaire Ackerley

See All by Ngaire Ackerley
Designing websites for users
Avatar for Ngaire Ackerley ngaireackerley
1
910
5 Design Tips when choosing a WordPress theme
Avatar for Ngaire Ackerley ngaireackerley
0
210
Top Tips for Creating a WordPress Website or Blog
Avatar for Ngaire Ackerley ngaireackerley
0
340
Designing and creating a base WordPress theme
Avatar for Ngaire Ackerley ngaireackerley
0
340
Design Techniques for a more clean, professional and engaging website
Avatar for Ngaire Ackerley ngaireackerley
0
390
Getting Online on a Shoestring
Avatar for Ngaire Ackerley ngaireackerley
0
340
10 Questions to ask your client when you're starting a WordPress Project
Avatar for Ngaire Ackerley ngaireackerley
1
2.1k
Designing for WordPress and Web Design: Bridging the Gap Between Design and Development
Avatar for Ngaire Ackerley ngaireackerley
2
650
Moving Fluid
Avatar for Ngaire Ackerley ngaireackerley
1
930

Other Decks in Design

See All in Design
商業デザインのアクセシビリティにおける倫理フレームワークの考察
Avatar for Yu Morita securecat
1
600
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
Avatar for 株式会社カミナシ kaminashi
2
1.7k
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
260
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
0
1.3k
PF_濵村ひろみ_202503
Avatar for 濱村ひろみ maru_design78
0
180
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
660
sachi_y_portfolio
Avatar for Sachi sachi337
0
250
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
140
“ブロック”で作る、WordPress制作フロー変革のすすめ
Avatar for Koots koots2021
4
1.8k
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
860k
harutaka Vision Deck
Avatar for ZENKIGEN,Inc. zenkigenforrecruit
0
130
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
8
4k

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.4k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
94
6.1k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.7k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
24
1.7k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
94
14k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.7k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
124
52k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
800
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k

Transcript

  1. 8 Tips for Designing WordPress Websites Presented by Ngaire Ackerley

    @ngaireackerley

  2. 1. Use White Space Let content breathe

  3. None
  4. None

  5. 2. Limit number of colours Let images bring in additional

    colour
  6. None
  7. None

  8. 3. Limit number of fonts Use ones that complement each

    other
  9. None
  10. None

  11. 4. Be consistent Keep flow and brand, avoid jarring

  12. None
  13. None

  14. 5. Carefully consider

  15. None

  16. 6. Put important content in easy to find places Consider

    headers, sidebars and footers
  17. None
  18. None
  19. None

  20. 7. Guide the user’s eye What order do you want

    content to be seen in?
  21. None

  22. 8. Remove clutter Less is more – get the message

    across
  23. None

  24. Thanks! [email protected] designack.com | kiwifootprints.com | lbdesign.tv @ngaireackerley