WordPress – Going Beyond The           Basics    An Adventure Behind the Scenes of          Your WordPress Site!          ...
Who The Hell Am I?Been using WordPress since 2004I train people in using WordPress, and do online marketingconsultingI hav...
Why Go Beyond The Basics•You’ve mastered the dashboard and plugins and areready for more!•If you break something, you want...
Tools of the TradeFTP Program (preferable to using cpanel file manager)Filezilla (free)     Coda (not free)Code editing pr...
Cover Your Ass AKA Build A SafetyNetRemove fear by building a safety net:Back everything up files + db (e.g. beforeupgrade...
Best Practices For Code              Tweaking• Retain original copy of any file you work on• Use a text editor + ftp, not ...
Server Access•   FTP credentials:•   Host name•   Username•   Password         Lucy Beer | WebTrainingWheels.com | lucy@we...
What’s All This Stuff On The           Server   Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
What’s All This Stuff On The                Server•   Core files•   wp-config.php•   .htaccess•   Your stuff is in wp-cont...
WP-ConfigLucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
What’s NOT On The Server?• Database  –   Stores post/page content  –   Theme options/settings  –   Plugin settings  –   Us...
Anatomy of a WordPress       Theme Twenty Eleven theme files  Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.c...
Anatomy of a WordPress themeViaYoast.com            Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
Anatomy of a WordPress themeViaYoast.com            Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
Anatomy of a WordPress themePHP files generate HTMLCSS styles the HTMLTypical theme files include:Index.phpStyle.cssSingle...
CSS Tweaks• Style.css• Use Developer Tools to test the change you  want to make and isolate the part of the code  you need...
What To Do If Something             Breaks• Generally it’s a plugin conflict  – Deactivate all, re-activate one by one• If...
Manual Plugin Deactivation  Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
ResourcesAwesome blogs and resources:•   CSS-Tricks.com•   Bill Erickson.net•   PerishablePress.com•   WP Tuts: http://wp....
Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
Upcoming SlideShare
Loading in …5
×

WordPress -Going Beyond The Basics - Seattle WordCamp 2012

1,206 views
1,162 views

Published on

This are my presentation slides from WordCamp Seattle 2012. My topic was "WordPress - Going Beyond The Basics: An Adventure Behind the Scenes of your WordPress Site!"
The goal was to introduce some key files, concepts and best practices for WordPress users who are not developers but are ready to take their knowledge of WordPress further than the dashboard. The presentation included a quick live demo of how to make a CSS tweak using Chrome Developer Tools, by way of a child theme.
http://www.webtrainingwheels.com

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,206
On SlideShare
0
From Embeds
0
Number of Embeds
344
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WordPress -Going Beyond The Basics - Seattle WordCamp 2012

  1. 1. WordPress – Going Beyond The Basics An Adventure Behind the Scenes of Your WordPress Site! Lucy Beer @webtw WebTrainingWheels.com
  2. 2. Who The Hell Am I?Been using WordPress since 2004I train people in using WordPress, and do online marketingconsultingI have taught myself about CSS, PHP etc because I wanted tomake WordPress do more and moreIf I can do it, YOU sure as hell can!!!Find me : www.WebTrainingWheels.com | @webtw Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  3. 3. Why Go Beyond The Basics•You’ve mastered the dashboard and plugins and areready for more!•If you break something, you want to fix it•You want to understand what youre looking at onthe server• You want to change something in your theme that itdoesn’t give you an admin option for•Sometimes plugins require you to add a codesnippet to your theme files•It’s fun & rewarding…..once you get past scary… Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  4. 4. Tools of the TradeFTP Program (preferable to using cpanel file manager)Filezilla (free) Coda (not free)Code editing program: MAC - Textwrangler (free), Smultron (free) PC – Notepad ++ (free)Desktop Server for local installations:ServerPress.com – free + premium versionsChrome Developer Tools, or Firefox Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  5. 5. Cover Your Ass AKA Build A SafetyNetRemove fear by building a safety net:Back everything up files + db (e.g. beforeupgrade) Duplicator (free)BackupBuddy (not free) WP-DB-Backup + FTP filesPractice locally firstPractice on your own server with testsites.Things will break – it’s ok, this is how youlearn! Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  6. 6. Best Practices For Code Tweaking• Retain original copy of any file you work on• Use a text editor + ftp, not WordPress dashboard• Comment your code if you make a lot of changes• NEVER EVER touch core WP files• Use child themes or duplicate and rename your theme to prevent future upgrades overwriting your changes Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  7. 7. Server Access• FTP credentials:• Host name• Username• Password Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  8. 8. What’s All This Stuff On The Server Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  9. 9. What’s All This Stuff On The Server• Core files• wp-config.php• .htaccess• Your stuff is in wp-content : Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  10. 10. WP-ConfigLucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  11. 11. What’s NOT On The Server?• Database – Stores post/page content – Theme options/settings – Plugin settings – User info, dashboard Settings• Access via control panel, PHPMyAdmin• Or WordPressplugin – Adminer Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  12. 12. Anatomy of a WordPress Theme Twenty Eleven theme files Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  13. 13. Anatomy of a WordPress themeViaYoast.com Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  14. 14. Anatomy of a WordPress themeViaYoast.com Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  15. 15. Anatomy of a WordPress themePHP files generate HTMLCSS styles the HTMLTypical theme files include:Index.phpStyle.cssSingle.phpPage.phpHeader.phpFunctions.php Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  16. 16. CSS Tweaks• Style.css• Use Developer Tools to test the change you want to make and isolate the part of the code you need to change• [live demo] Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  17. 17. What To Do If Something Breaks• Generally it’s a plugin conflict – Deactivate all, re-activate one by one• If that doesn’t work, test with the default theme• What if you install a bad plugin and you can no longer access your dashboard at all? – Manual deactivation Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  18. 18. Manual Plugin Deactivation Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  19. 19. ResourcesAwesome blogs and resources:• CSS-Tricks.com• Bill Erickson.net• PerishablePress.com• WP Tuts: http://wp.tutsplus.com/• Codex: http://codex.wordpress.org/Main_Page• Template hierarchy: http://codex.wordpress.org/images/1/18/Template_Hierarchy.png• Yoast “Anatomy of A WordPress Theme” http://yoast.com/wordpress-theme-anatomy/ Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  20. 20. Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw

×