Taking Control of WordPress                            How to build a better blogSaturday, 26 March 2011
John O’Nolan                          twitter.com/johnonolan                                          Who?Saturday, 26 Mar...
John O’Nolan                          twitter.com/johnonolan                                  I’m a DesignerSaturday, 26 M...
John O’Nolan                          twitter.com/johnonolan                 I’m a Designer      Who likes to take PhotosS...
John O’Nolan                          twitter.com/johnonolan                   I’m a Designer          Who likes to take P...
John O’Nolan                          twitter.com/johnonolan                   I’m a Designer          Who likes to take P...
John O’Nolan                          twitter.com/johnonolan                             I work for            WordPress  ...
John O’Nolan                          twitter.com/johnonolan                             I work for            WordPress  ...
John O’Nolan                          twitter.com/johnonolan                             I work for            WordPress  ...
John O’Nolan                          twitter.com/johnonolan          The size of my travel p    is about 200 cities sprea...
Saturday, 26 March 2011
WordPress                           not WordpressSaturday, 26 March 2011
WordPress powers around                  12% of all sites in the world.                Total: 30,000,000 Sites       (ish)...
It’s like selling out every seat at every match at                      every stadium at the World CupSaturday, 26 March 2...
10 TimesSaturday, 26 March 2011
Best blogging platform. EVER.Saturday, 26 March 2011
Taking control of WordPress:                 No black magic required, just some easy tips and tricks.                1. Th...
Taking control of WordPress:                 No black magic required, just some easy tips and tricks.                1. Th...
This Stuff is Easy        But you might be surprised at the things you        never knew you never knew.Saturday, 26 March...
Saturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Must Have Plugins        Don’t leave home without them. Ever!        - Akismet (Automattic)        - After The Deadline (R...
The Basics of Better Blog:                   1. Create Usable Permalinks                   2. Use a Strong Category/Tag St...
Taking control of WordPress:                 No black magic required, just some easy tips and tricks.                1. Th...
The Good News:               There are a lot of travel blogs out there with bad designs.               There’s a huge amou...
“     A designer knows he has achieved perfection                     not when there is nothing left to add, but when     ...
Saturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Stop this.                          - It’s ugly                          - It takes up valuable screen space              ...
This is what the stumble bar                          does to poor, innocent cats.Saturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
“     Design is not just what it looks like and feels                     like. Design is how it works.               — St...
Saturday, 26 March 2011
Saturday, 26 March 2011
Word count: 182Saturday, 26 March 2011
Saturday, 26 March 2011
Word count: 95Saturday, 26 March 2011
Saturday, 26 March 2011
Word count: 34Saturday, 26 March 2011
Why is this good?Saturday, 26 March 2011
Michael Schumacher                          Elephant Toothache                 Charlie Sheen                 Logitech Keyb...
Saturday, 26 March 2011
Dinosaur ApronSaturday, 26 March 2011
Saturday, 26 March 2011
“ Everyother designers’ work. secretseethat they                 copy                       designer’s dirty little       ...
Saturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Design a Better Blog:                   1. Cut out the distractions                   2. Focus your users on specific cont...
Taking control of WordPress:                 No black magic required, just some easy tips and tricks.                1. Th...
Don’t Panic.Saturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Files   DatabaseSaturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Don’t Panic.Saturday, 26 March 2011
A Website is a Bit Like a Car                          Bodywork = HTML                           Paint job = CSS          ...
A Website is a Bit Like a Car               Bodywork = HTML ➞ Creates Structure                          Paint job = CSS ➞...
Want to play it safe?Saturday, 26 March 2011
Don’t fuck with the engine.Saturday, 26 March 2011
CSS is very powerfulSaturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Saturday, 26 March 2011
Same HTML                          Different CSSSaturday, 26 March 2011
Saturday, 26 March 2011
<a href=”http://example.com”>More</a>Saturday, 26 March 2011
<a class=”more” href=”http://example.com”>More</a>Saturday, 26 March 2011
.more {                            display:block;                            padding:2px 10px 1px 10px;                   ...
Develop a Better Blog:                   1. Explore your theme files                   2. Play with CSS (a lot)           ...
Taking control of WordPress:                 No black magic required, just some easy tips and tricks.                1. Th...
Performance               Why should you care?Saturday, 26 March 2011
Performance               Why should you care?               For every 100ms delay in page load, Amazon               meas...
Performance               Why should you care?               For every 100ms delay in page load, Amazon               meas...
Performance               Why should you care?               For every 100ms delay in page load, Amazon               meas...
Install W3 Total CacheSaturday, 26 March 2011
Saturday, 26 March 2011
Get rid of as many big images,               social widgets, and fancy                animations as possible.Saturday, 26 ...
Measure your speed with                   the YSlow plugin for FirefoxSaturday, 26 March 2011
Saturday, 26 March 2011
My Name is John O’Nolan                          twitter.com/JohnONolan                     My Book, Coming Soon:     JOHN...
Upcoming SlideShare
Loading in...5
×

Taking Control of WordPress: How to Build a Better Blog

7,237

Published on

My talk at #TBU11 on how to take control of WordPress and build a better (travel) blog.

Published in: Travel

Taking Control of WordPress: How to Build a Better Blog

  1. 1. Taking Control of WordPress How to build a better blogSaturday, 26 March 2011
  2. 2. John O’Nolan twitter.com/johnonolan Who?Saturday, 26 March 2011
  3. 3. John O’Nolan twitter.com/johnonolan I’m a DesignerSaturday, 26 March 2011
  4. 4. John O’Nolan twitter.com/johnonolan I’m a Designer Who likes to take PhotosSaturday, 26 March 2011
  5. 5. John O’Nolan twitter.com/johnonolan I’m a Designer Who likes to take Photos & build Stuff on the webSaturday, 26 March 2011
  6. 6. John O’Nolan twitter.com/johnonolan I’m a Designer Who likes to take Photos & build Stuff on the web People tell me I swear at inappropriate momentsSaturday, 26 March 2011
  7. 7. John O’Nolan twitter.com/johnonolan I work for WordPress UI Team DeputySaturday, 26 March 2011
  8. 8. John O’Nolan twitter.com/johnonolan I work for WordPress UI Team Deputy I built a travel blog for over atSaturday, 26 March 2011
  9. 9. John O’Nolan twitter.com/johnonolan I work for WordPress UI Team Deputy I built a travel blog for over at I built a travel app for the new aircraftSaturday, 26 March 2011
  10. 10. John O’Nolan twitter.com/johnonolan The size of my travel p is about 200 cities spread across 25 countries Size doesn’t matter, it’s not a competition. (But if it was - I would be #WINNING)Saturday, 26 March 2011
  11. 11. Saturday, 26 March 2011
  12. 12. WordPress not WordpressSaturday, 26 March 2011
  13. 13. WordPress powers around 12% of all sites in the world. Total: 30,000,000 Sites (ish)Saturday, 26 March 2011
  14. 14. It’s like selling out every seat at every match at every stadium at the World CupSaturday, 26 March 2011
  15. 15. 10 TimesSaturday, 26 March 2011
  16. 16. Best blogging platform. EVER.Saturday, 26 March 2011
  17. 17. Taking control of WordPress: No black magic required, just some easy tips and tricks. 1. The Basics 2. Design 3.Development 4. PerformanceSaturday, 26 March 2011
  18. 18. Taking control of WordPress: No black magic required, just some easy tips and tricks. 1. The Basics 2. Design 3.Development 4. PerformanceSaturday, 26 March 2011
  19. 19. This Stuff is Easy But you might be surprised at the things you never knew you never knew.Saturday, 26 March 2011
  20. 20. Saturday, 26 March 2011
  21. 21. Saturday, 26 March 2011
  22. 22. Saturday, 26 March 2011
  23. 23. Saturday, 26 March 2011
  24. 24. Saturday, 26 March 2011
  25. 25. Must Have Plugins Don’t leave home without them. Ever! - Akismet (Automattic) - After The Deadline (Raphael Mudge) - WordPress Database Backup (Austin Matzko) - Comment Reply Notification (Denishua) - Google Analytics for WordPress (Joost) - WordPress SEO (Joost)Saturday, 26 March 2011
  26. 26. The Basics of Better Blog: 1. Create Usable Permalinks 2. Use a Strong Category/Tag Structure 3. Customise Your Screen Options 4. Always Update! 5. Edit Images As You Go 6. Use Some Good PluginsSaturday, 26 March 2011
  27. 27. Taking control of WordPress: No black magic required, just some easy tips and tricks. 1. The Basics 2. Design 3.Development 4. PerformanceSaturday, 26 March 2011
  28. 28. The Good News: There are a lot of travel blogs out there with bad designs. There’s a huge amount of opportunity. The Bad News: Good design isn’t easy.Saturday, 26 March 2011
  29. 29. “ A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away. — Antoine De Saint-ExuperySaturday, 26 March 2011
  30. 30. Saturday, 26 March 2011
  31. 31. Saturday, 26 March 2011
  32. 32. Saturday, 26 March 2011
  33. 33. Stop this. - It’s ugly - It takes up valuable screen space - It’s a distraction from your content - It makes your site load slower - It’s ineffective http://bit.ly/nomorestumblebarSaturday, 26 March 2011
  34. 34. This is what the stumble bar does to poor, innocent cats.Saturday, 26 March 2011
  35. 35. Saturday, 26 March 2011
  36. 36. Saturday, 26 March 2011
  37. 37. Saturday, 26 March 2011
  38. 38. “ Design is not just what it looks like and feels like. Design is how it works. — Steve JobsSaturday, 26 March 2011
  39. 39. Saturday, 26 March 2011
  40. 40. Saturday, 26 March 2011
  41. 41. Word count: 182Saturday, 26 March 2011
  42. 42. Saturday, 26 March 2011
  43. 43. Word count: 95Saturday, 26 March 2011
  44. 44. Saturday, 26 March 2011
  45. 45. Word count: 34Saturday, 26 March 2011
  46. 46. Why is this good?Saturday, 26 March 2011
  47. 47. Michael Schumacher Elephant Toothache Charlie Sheen Logitech Keyboard Jimmy The Lama Designer JeansSaturday, 26 March 2011
  48. 48. Saturday, 26 March 2011
  49. 49. Dinosaur ApronSaturday, 26 March 2011
  50. 50. Saturday, 26 March 2011
  51. 51. “ Everyother designers’ work. secretseethat they copy designer’s dirty little They is work they like and they imitate it. Rather cheekily, they call this inspiration. — Aaron RussellSaturday, 26 March 2011
  52. 52. Saturday, 26 March 2011
  53. 53. Saturday, 26 March 2011
  54. 54. Saturday, 26 March 2011
  55. 55. Saturday, 26 March 2011
  56. 56. Saturday, 26 March 2011
  57. 57. Design a Better Blog: 1. Cut out the distractions 2. Focus your users on specific content 3. Don’t be afraid to take “inspiration”Saturday, 26 March 2011
  58. 58. Taking control of WordPress: No black magic required, just some easy tips and tricks. 1. The Basics 2. Design 3.Development 4. PerformanceSaturday, 26 March 2011
  59. 59. Don’t Panic.Saturday, 26 March 2011
  60. 60. Saturday, 26 March 2011
  61. 61. Saturday, 26 March 2011
  62. 62. Files DatabaseSaturday, 26 March 2011
  63. 63. Saturday, 26 March 2011
  64. 64. Saturday, 26 March 2011
  65. 65. Don’t Panic.Saturday, 26 March 2011
  66. 66. A Website is a Bit Like a Car Bodywork = HTML Paint job = CSS Engine = PHPSaturday, 26 March 2011
  67. 67. A Website is a Bit Like a Car Bodywork = HTML ➞ Creates Structure Paint job = CSS ➞ Applies Styling Engine = PHP ➞ Makes it GOSaturday, 26 March 2011
  68. 68. Want to play it safe?Saturday, 26 March 2011
  69. 69. Don’t fuck with the engine.Saturday, 26 March 2011
  70. 70. CSS is very powerfulSaturday, 26 March 2011
  71. 71. Saturday, 26 March 2011
  72. 72. Saturday, 26 March 2011
  73. 73. Saturday, 26 March 2011
  74. 74. Saturday, 26 March 2011
  75. 75. Saturday, 26 March 2011
  76. 76. Same HTML Different CSSSaturday, 26 March 2011
  77. 77. Saturday, 26 March 2011
  78. 78. <a href=”http://example.com”>More</a>Saturday, 26 March 2011
  79. 79. <a class=”more” href=”http://example.com”>More</a>Saturday, 26 March 2011
  80. 80. .more { display:block; padding:2px 10px 1px 10px; font-size:10px; text-transform:uppercase; color:#fff; text-decoration:none; text-shadow:#000 1px 1px 0; background:#f9f9f9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }Saturday, 26 March 2011
  81. 81. Develop a Better Blog: 1. Explore your theme files 2. Play with CSS (a lot) 3. Careful with the PHPSaturday, 26 March 2011
  82. 82. Taking control of WordPress: No black magic required, just some easy tips and tricks. 1. The Basics 2. Design 3.Development 4. PerformanceSaturday, 26 March 2011
  83. 83. Performance Why should you care?Saturday, 26 March 2011
  84. 84. Performance Why should you care? For every 100ms delay in page load, Amazon measured a 1% drop in sales.Saturday, 26 March 2011
  85. 85. Performance Why should you care? For every 100ms delay in page load, Amazon measured a 1% drop in sales. 1% of $4.3billion a month = $43millionSaturday, 26 March 2011
  86. 86. Performance Why should you care? For every 100ms delay in page load, Amazon measured a 1% drop in sales. 1% of $4.3billion a month = $43million For every 500ms delay in page load, Google measured a 20% drop in traffic.Saturday, 26 March 2011
  87. 87. Install W3 Total CacheSaturday, 26 March 2011
  88. 88. Saturday, 26 March 2011
  89. 89. Get rid of as many big images, social widgets, and fancy animations as possible.Saturday, 26 March 2011
  90. 90. Measure your speed with the YSlow plugin for FirefoxSaturday, 26 March 2011
  91. 91. Saturday, 26 March 2011
  92. 92. My Name is John O’Nolan twitter.com/JohnONolan My Book, Coming Soon: JOHN facebook.com/JohnONolan flickr.com/photos/JohnONolan DESIGNING LICENSING: EMOTION This talk is released under the Creative Commons 3.0 license. All slides and content will be available on john.onolan.org BY JOHN O’NOLAN PHOTO CREDITS: AND ADII PIENAAR Myself, Rick Nunn, icanhascheezburger.com, chroot.co.uk, gabemac.com SPRING 2011 http://amzn.to/DesigningEmotionSaturday, 26 March 2011
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×