Your SlideShare is downloading. ×
0
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
Chris everson-wchtx-2010
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

Chris everson-wchtx-2010

229

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
229
On Slideshare
0
From Embeds
0
Number of Embeds
0
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
  • Introduction.Cover name, occupation, WordPress history, Life path, etc. Establish as an authority.LEAD INTO WHAT WILL BE COVERED
  • Explain the benefits of having a plan laid out before diving into dev.
  • Having an established direction will save you loads of time and prevent various different frustrationsYou’ll approach these projects in different manners. Single use gives more lee-way to sloppy code, shortcuts, etc.Don’t ask yourself what this theme will do, tell yourself and then make it happenWordPress isn’t right for everything.
  • If you’re designing the theme always start with a wireframe. Changes are easier. UX is much more apparent. Advantages of Digital Wireframing? Advantages of the pencil and paper method? It’s really personal preference. Are you just the developer on this project? Make a blueprint showing the layout as it will transfer to CSS to know your approach beforehand.
  • Address common pages : header, index, footer, sidebar, single, page, attachment, 404, searchMake mention of custom page templatesAddress the fact that to properly release a theme it should include all of the defaults listed at the linked URL.
  • Make reference to the code is poetry statement. Present on all Automattic open source projects.Clean, proper lighting, proper ergonomics. Dual monitors will change your life. Music, music, music.Describe my workspaceAvoid distraction at all costs. No TV? My musical instrument problem?Address the importance of breaks. Also note that taking breaks will sometimes get you through a rough spot in your programming.
  • Your software is your team, your employees. Don’t skimp when it comes to your most imoprtant tools.Highlight uses of each line item.
  • Provide reasons to mimic the deployment environment. Possible to run multiple instances of Apache if you have server admin knowledge. Web Server configmods.Mention local hosting advantages (security, privacy) vs remote (one-click installs? Access from anywhere? Easy to share for review)
  • Explain my file structure, access to commonly used files. Themes Keep design files & graphics organizedPluginsReset.CSSAvoid deleting things post-install. Only delete when a new version is available and verified as working.
  • Explain frameworks and their advantages. HUGE TIME SAVER.Most come with various common functionalities built-in. Widget ready, multi-column, SEO
  • If you build a lot you may want to build your own to fit your style. Explain personal framework. Click on one of the following to give an idea of what a framework looks like.Thematic -960gs, dynamic post classes, multi-author support, child theme support built-in w/ sample includedSandbox – amazingly simple and bare, unlikely that you’ll have to modify much PHPHybrid – comes with good hooks, various page templates, threaded comments
  • Explain what the codex is.
  • Explains tags used to dynamically display information. Follow link and explain a couple of them and show organizaiton.
  • Primarily used in plugin development, useful in templates when a value needs to be returned as a raw variable instead of presented on the page instantly. Used for deeper data manipulation.
  • Explain importance of following the guide to ensure proper behavior of WP. Explain importnace of checklist as pertains to submitting a theme to WordPress. OUTLINES STANDARDS / REQUIREMENTS FOR PARTICULAR FILES Also mention the theme testing processin the dev guide.
  • Also includes specifics on what to look for when the data is loaded into WP.
  • WP_Query contains the query information that is sent to the database. Determines what kind of page youre dealing with. Stores query data to be used later.
  • You can create a database query using WP_QUERY to return whatever information you’d like. Breaking all limits of the typical query.
  • Return the variables used in the query to the databaseNeed to change the information a query pulls? Create your own query.Need page data and recent posts in the same file? Create a second loop using WP_Query
  • Transcript

    • 1. Exploring Theme Development<br />
    • 2. Diving In<br />Plan Your Build<br />Development Environment<br />Frameworks<br />The Codex<br />WP_Query<br />Workflow<br />Deploying Your Theme<br />To Infinity and Beyond!<br />
    • 3. Plan Your Build<br />
    • 4. Set Your Path<br />Know what you want before pen hits paper.<br />Is the theme going to be for a single project or is it going to be reused?<br />What can I get this theme to do?What do you want your theme to do?<br />Is WordPress right for this project?<br />PLAN YOUR BUILD<br />
    • 5. Wireframe<br />Draw it out!<br />Digital VS Analog<br />Not the designer? Blueprint it.<br />PLAN YOUR BUILD<br />
    • 6. No Page Left Behind<br />Know what page types you might use.<br />Public Release? Include the defaults.<br />PLAN YOUR BUILD<br />
    • 7. Development Environment<br />
    • 8. Physical Environment<br />Code is poetry, your workspace should be too.<br />Avoid distraction.<br />Respect your sanity or lack thereof, take some breaks chief!<br />DEVELOPMENT ENVIRONMENT<br />
    • 9. Essential Tools<br />Your software is your team.<br />Text editor<br />FTP Client<br />Image editing<br />Utilities<br />Code Snippet Storage<br />Digital Color Meter<br />Firebug<br />On-screen ruler<br />DEVELOPMENT ENVIRONMENT<br />
    • 10. Hosting<br />Mimic the anticipated deployment environment.<br />Local hosting VS Remote hosting <br />DEVELOPMENT ENVIRONMENT<br />
    • 11. Local Filesystem Efficiency<br />Organize your files!<br />Become a packrat, avoid a headache.<br />DEVELOPMENT ENVIRONMENT<br />
    • 12. Frameworks<br />
    • 13. What Are They?<br />Your almost-blank canvas.<br />Benefits you ask? Frameworks are a huge time saver.<br />FRAMEWORKS<br />
    • 14. Options<br />Build your own?<br />Popular frameworks<br />Thematic ( themeshaper.com/thematic/ )<br />Sandbox ( plaintxt.org/themes/sandbox/ )<br />Hybrid ( themehybrid.com/themes/hybrid/ )<br />FRAMEWORKS<br />
    • 15. The Codex<br />
    • 16. Template Tags<br />The Template Tags portion of The Codex covers tags used frequently in standard template building.<br />THE CODEX<br />
    • 17. Function Reference<br />The Function Reference portion of The Codex covers tags that are used in the core functionality of WordPress.<br />THE CODEX<br />
    • 18. Theme Development Guide<br />The Theme Development Guide is your bible for theme standards and best practices.<br />The Theme Development guide also contains the Template File Checklist which is essential if submitting to the WP Theme Directory.<br />THE CODEX<br />
    • 19. Theme Unit Test <br />The Theme Unit Test provides test data to check your theme against all data types.<br />THE CODEX<br />
    • 20. WP_Query<br />
    • 21. Make The Loop Work For You<br />Don’t let default queries define your template.<br />WP_QUERY<br />
    • 22. Potential Uses<br />Access query variables<br />Modify queries<br />Implement multiple loops<br />WP_QUERY<br />
    • 23. Workflow<br />Comment your work as you go.<br />Maintain clean code throughout the development process.<br />Build it all then break it up.<br />
    • 24. Deploying Your Theme<br />Remove unused/unnecessary code and files.<br />Double, triple, quadruple check!<br />Public Theme? Submit for WordPress Gallery.<br />
    • 25. To Infinity and Beyond<br />Continue learning and building your skillset<br />Theme Options<br />Plugin Development<br />Hooks<br />

    ×