In an effort to inspire more WordPress theme designers to embrace HTML5, I am releasing the “H5” Theme Template. The H5 Theme Template is a bare-bones WordPress theme built entirely with HTML5 and styled with some basic CSS 3.0.
As you may know, HTML5 provides greater flexibility and interoperability than previous markup languages, and enables us to build well-structured themes that are more flexible, interactive, and semantically precise. So using it to build awesome WordPress themes is a no-brainer.
Many WordPress users know the
wp-config.php file as the key to the WordPress database. It is where you set the database name, username, password, and location (among other things like security keys, database prefix, and localized language).
Here's a screenshot of
wp-config.php (aka the WordPress configuration file) for those who may not yet be familiar:
Included in the
header.php template of most WordPress themes, there is an important hook called
wp_head. This essential hook enables WordPress functions to output content to the browser in the
<head></head> area of your web pages1.
For example, in newer versions of WordPress,
wp_head() enables WordPress to output the following three lines to your theme’s
quicktags.js in the
In this tutorial, we’re going to take advantage of two of WordPress’ most powerful features,
get_posts() and custom fields, to create a stunning random lightbox-style header gallery for your post images.
Displayed before the standard post loop, this lightbox gallery will randomly display the images that are associated with your posts while also providing a descriptive title link to the post itself. Here is a graphical representation that will help us visualize the concept:
Ever needed to update an option in your database without having to log into your control panel or phpMyAdmin? WordPress provides you with an easy way to view, edit and update your database options table (
wp_options) by simply opening the following URL in your browser:
Welcome everyone! Chris and I are very excited to finally have this site launched. This site is going to serve as an outlet for us both to share WordPress related articles, be it news, tips and tricks, best practices, in-depth explanations, new plugins, reviews, and anything else WordPress related! Feel free to explore the archives already, there are a few good ones in there already. We have plenty of stuff lined up too, but right away we'd like to ask:
Beginning with version 2.5, WordPress automatically handles many types of canonical redirects. A good example of this may be seen by typing your blog address into your browser both with and without the
www prefix. If you are using WordPress 2.5 or better, one of these versions of your blog URL will be immediately redirected to the other. The same type of automatic redirect may be seen for several other non-canonical URL variations, and is handled via PHP deep in the WordPress core.
By default, WordPress provides a decent way of including
<title></title> information for your posts, pages, and various archive views. This is important for usability and for better SEO. Most themes ship with some sort of title functionality baked right in, but for those that don't, you can add titles easily using WordPress’ wp_title tag. Using
wp_title(), we can specify several useful parameters, including:
There are many reasons you might want to get a unique ID for your
<body></body> tag. Let's say you want your header elements to be a different color on your About page, you could apply a bit of CSS via your theme's stylesheet (i.e.,
style.css). For example, you could target the About page with some styles something like this:
Many footers on websites contain text like "© 2009 Your Website". A good measure, surely. We can use some classic PHP and a built-in WordPress function to make this bit of text dynamic so that it will never need to be tampered with manually again. Here is the code to add to your theme template file (most likely
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Mauris placerat eleifend leo.
Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!