Your SlideShare is downloading. ×
0
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
WordPress -Going Beyond The Basics - Seattle WordCamp 2012
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

WordPress -Going Beyond The Basics - Seattle WordCamp 2012

1,040

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!" …

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,040
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
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. WordPress – Going Beyond The Basics An Adventure Behind the Scenes of Your WordPress Site! Lucy Beer @webtw WebTrainingWheels.com
  • 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. 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. 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. 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. 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. Server Access• FTP credentials:• Host name• Username• Password Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  • 8. What’s All This Stuff On The Server Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  • 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. WP-ConfigLucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  • 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. Anatomy of a WordPress Theme Twenty Eleven theme files Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  • 13. Anatomy of a WordPress themeViaYoast.com Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  • 14. Anatomy of a WordPress themeViaYoast.com Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  • 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. 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. 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. Manual Plugin Deactivation Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw
  • 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. Lucy Beer | WebTrainingWheels.com | lucy@webtrainingwheels.com | @webtw

×