AddThis - Share Button, Social Bookmark, Sharing Plugins and Analytics. Api.wordpress.org/secret-key/1.1/ WordPress. Creating a WordPress Theme HTML Structure. Update: We’ve created a second edition of this article, with updated code samples and coverage of the latest theme development techniques. Check it out at Creating a WordPress Theme HTML Structure. It’s part of The ThemeShaper WordPress Theme Tutorial: 2nd Edition. Now we’re starting to get into the real meat of WordPress Theme development: coding the HTML structure.
The Goals of Any HTML Structure When coding a web site you should have 2 goals in mind: lean code and meaningful code. That is, using as little markup (HTML tags) as possible and making sure that the markup is meaningful by using semantic class and ID names that refer to their content, not how they “look” (class=”widget-area” instead of class=”sidebar-left”). Now, when coding a WordPress Theme (or any template for any Content Management System) a balance is going to have to be struck between lean markup, with very little structure, and what’s called Divitis; including too many unnecessary div elements in your code.
Like this: Top 50 Wordpress Tutorials. As a web developer, you can broaden your potential client base and add value for existing clients by listing 'Wordpress' as an area of expertise. Of course, unless you want to bluff your way through jobs, you'd better have the skill to back-up that claim. This collection will help. Wordpress Basics 1. Nettuts+ author Gilles Maes has written an in-depth overview of the comments.php file and how to make the most of the template. 2. iThemes has a tutorial on how to become a Wordpress developer. 3. Streamline your Wordpress set-up by installing multiple instances of Wordpress on the same database.
Theme Tutorials 4. Nettuts+ author Sam Parkinson gives a thorough overview of how to make your own custom theme from scratch, complete with source code. 5. A lengthy and thorough series of tutorials covering nearly every aspect of Wordpress theme development. 6. Drew Douglass will teach us, using easy to understand screencasts, exactly how to design for WordPress. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.