Replace p-Tag on Images in Content of WordPress

Personally I think the use of HTML5 makes sense and I like the new possibilities, also in the field of semantics. WordPress has a feature on delivering content that come from the editor – setting breaks and paragraphs. Since forever WordPress is the reason for that, not TinyMCE and the same applies to the integration of images or other elements of this kind. In order to use HTML5 in a perfect way I had to replace the p-Tag with the figure-Tag and so is this small filter was created.
Continue reading …

WordPress Basis Theme – Also In HTML5

Since I deal with WordPress (version 0.71), I have my own theme layout created, which I always use to start with a new theme - WP Basis.
I published this theme under GPL since then and it is quite popular. I have continued the development on the theme and it has grown with every version of WordPress up to 2.8.2. To better handle these changes, I put the theme in the SVN of Google Code and were able to profit of the cooperation of Andreas and Dominik - many thanks to them!

The theme is also backward compatible, tested up to version 1.5 of WordPress.

Download the theme here

FYI, the theme is not a Framework, it is a simple theme, which contains the foundation of a theme only and also a variety of little features from my experience with WordPress. It really means that you have a theme for your clients or yourself created, adapted to the requirements. It doesn't contain any unnecessary markup, as you have with most Frameworks. It will remain as it is now, no Child-Themes or something similar, no hooks for comfortable implementing of code. I like this kind of work, lean and fast, direct to the point. That's why I'm not a big fan of Frameworks in WordPress, but that does not mean that other developers should do the same!

If you like this kind of work and you always write your own theme, then Basis Theme might be something for you. By the management in the SVN you are also have the opportunity to report errors and issues. It would be great if you could help to make this theme even better.

The future

I began to build the Basic Theme in HTML5, so that WordPress can work with it. I also added an example stylesheet, so there is a design available.

In addition, there is a small stylesheet, which displays the new fields and their tags, a good start in HTML5 to have it more visual. The stylesheet is not included in the code but can be added via the web developer toolbar. You can find the stylesheet in the structure under layout/html5areas/html5areas.css. A post with this stylesheet looks like that:


Several parts are currently only in Opera > 9.5 visible. These include all the contents of the comment form.


Work with ...

As a reference I use the summary of w3c and the blog about HTML5. Unfortunately, validating is not so easy, because I don't know any validator which can validate locally. If you know one, please let me know. For IE, I added a script, which teaches IE to deal with various elements.

Why all this?

It would be great if one or another can look at it, maybe people who have a profound knowledge of HTML5. Feedback would be great and perhaps one or other might expand the theme with specific tags or elements.

How do I get it?

There is no download link and as of now there are only a few guidelines but it should become the same as WP Base Theme. To become acquainted with the theme or just look over it, you can check it out in the repository. There you are able to comment and discuss.

The folder with all contents can be found in trunk/basis-html5 of the SVN.