Your SlideShare is downloading. ×
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Taking Control of WordPress: How to Build a Better Blog
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Taking Control of WordPress: How to Build a Better Blog

7,168

Published on

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

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

Published in: Travel
0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,168
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
119
Comments
0
Likes
9
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Taking Control of WordPress How to build a better blogSaturday, 26 March 2011
  • 2. John O’Nolan twitter.com/johnonolan Who?Saturday, 26 March 2011
  • 3. John O’Nolan twitter.com/johnonolan I’m a DesignerSaturday, 26 March 2011
  • 4. John O’Nolan twitter.com/johnonolan I’m a Designer Who likes to take PhotosSaturday, 26 March 2011
  • 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. 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. John O’Nolan twitter.com/johnonolan I work for WordPress UI Team DeputySaturday, 26 March 2011
  • 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. 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. 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. Saturday, 26 March 2011
  • 12. WordPress not WordpressSaturday, 26 March 2011
  • 13. WordPress powers around 12% of all sites in the world. Total: 30,000,000 Sites (ish)Saturday, 26 March 2011
  • 14. It’s like selling out every seat at every match at every stadium at the World CupSaturday, 26 March 2011
  • 15. 10 TimesSaturday, 26 March 2011
  • 16. Best blogging platform. EVER.Saturday, 26 March 2011
  • 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. 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. This Stuff is Easy But you might be surprised at the things you never knew you never knew.Saturday, 26 March 2011
  • 20. Saturday, 26 March 2011
  • 21. Saturday, 26 March 2011
  • 22. Saturday, 26 March 2011
  • 23. Saturday, 26 March 2011
  • 24. Saturday, 26 March 2011
  • 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. 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. 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. 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. “ 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. Saturday, 26 March 2011
  • 31. Saturday, 26 March 2011
  • 32. Saturday, 26 March 2011
  • 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. This is what the stumble bar does to poor, innocent cats.Saturday, 26 March 2011
  • 35. Saturday, 26 March 2011
  • 36. Saturday, 26 March 2011
  • 37. Saturday, 26 March 2011
  • 38. “ Design is not just what it looks like and feels like. Design is how it works. — Steve JobsSaturday, 26 March 2011
  • 39. Saturday, 26 March 2011
  • 40. Saturday, 26 March 2011
  • 41. Word count: 182Saturday, 26 March 2011
  • 42. Saturday, 26 March 2011
  • 43. Word count: 95Saturday, 26 March 2011
  • 44. Saturday, 26 March 2011
  • 45. Word count: 34Saturday, 26 March 2011
  • 46. Why is this good?Saturday, 26 March 2011
  • 47. Michael Schumacher Elephant Toothache Charlie Sheen Logitech Keyboard Jimmy The Lama Designer JeansSaturday, 26 March 2011
  • 48. Saturday, 26 March 2011
  • 49. Dinosaur ApronSaturday, 26 March 2011
  • 50. Saturday, 26 March 2011
  • 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. Saturday, 26 March 2011
  • 53. Saturday, 26 March 2011
  • 54. Saturday, 26 March 2011
  • 55. Saturday, 26 March 2011
  • 56. Saturday, 26 March 2011
  • 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. 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. Don’t Panic.Saturday, 26 March 2011
  • 60. Saturday, 26 March 2011
  • 61. Saturday, 26 March 2011
  • 62. Files DatabaseSaturday, 26 March 2011
  • 63. Saturday, 26 March 2011
  • 64. Saturday, 26 March 2011
  • 65. Don’t Panic.Saturday, 26 March 2011
  • 66. A Website is a Bit Like a Car Bodywork = HTML Paint job = CSS Engine = PHPSaturday, 26 March 2011
  • 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. Want to play it safe?Saturday, 26 March 2011
  • 69. Don’t fuck with the engine.Saturday, 26 March 2011
  • 70. CSS is very powerfulSaturday, 26 March 2011
  • 71. Saturday, 26 March 2011
  • 72. Saturday, 26 March 2011
  • 73. Saturday, 26 March 2011
  • 74. Saturday, 26 March 2011
  • 75. Saturday, 26 March 2011
  • 76. Same HTML Different CSSSaturday, 26 March 2011
  • 77. Saturday, 26 March 2011
  • 78. <a href=”http://example.com”>More</a>Saturday, 26 March 2011
  • 79. <a class=”more” href=”http://example.com”>More</a>Saturday, 26 March 2011
  • 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. Develop a Better Blog: 1. Explore your theme files 2. Play with CSS (a lot) 3. Careful with the PHPSaturday, 26 March 2011
  • 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. Performance Why should you care?Saturday, 26 March 2011
  • 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. 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. 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. Install W3 Total CacheSaturday, 26 March 2011
  • 88. Saturday, 26 March 2011
  • 89. Get rid of as many big images, social widgets, and fancy animations as possible.Saturday, 26 March 2011
  • 90. Measure your speed with the YSlow plugin for FirefoxSaturday, 26 March 2011
  • 91. Saturday, 26 March 2011
  • 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

×