What else to do on a chilly, blustery, snowy day, sitting on the couch, in front a warm fireplace, side by side blogging with my Cori… then to fiddle with my WordPress themes?

Yeah, as she says a compliment, I am weird.

This week I was helping my friend Mariana do some revamps, web site cleaning on her domain, and it was the main entry for her WordPress multisite that got me making the first version of WP-Dimension, a WordPress version of the nifty static site by HTML5 Up.

View of Mariana's Calling card site, with her name, a row of social media links, a quote, and 6 boxes of information links.

While I am geeky enough to want to be edit and update my own HTML version of the template, that’s not everyone’s idea of fun. And like the others I have done, when making WordPress versions there are things that make it easier to expand the original theme, such as having any number of front page links, adding social media icons just via a WordPress menu, all of WordPress’s media handling, and having stand alone Pages for longer content.

Mariana and I agreed to condense another longer portfolio site I had made that was itself just HTML, and winnow it down to a WordPress page that could live on her WP-Dimension site.

As I was working, a few minor improvements occurred to me that are now just rolled into the current version of WP-Dimension:

Rebranded Posts: Each of the boxes of content on the front page (clicking one brings up content in an overlay layer) is itself a separate WordPress post. Inside the editor, it seems not appropriate to call them Posts, so with some code I use elsewhere, they still use the Post Content type, but I am able to label them in the dashboard to be known internally as “Front Boxes”:

Posts are renamed “Front Boxes”, and the menu order paramater added to the post type allows a user to control the order of appearance.

To be extra fancy, I can even change the status messages when updated.

The other thing that has been counter-intuitive on this theme, is when you edit a Post Front Box, there was no single.php template to view it, because they are never really viewed singly (the content is in the main index.php template as a series of divs that are not displayed until a button is clicked.

So if you clicked to view/preview an entry, you just would end up seeing the front page (thank you WordPress template hierarchy). I started to create a full template, but really noticed that all you need to know is the div’s id to show it; e.g. http://lab.cogdogblog.com/dimension/#writing or http://lab.cogdogblog.com/dimension/#about.

So this was interesting, check out the new single.php template, rather cleve if I say so myself.

The last little thing to add was for documentation, there is a shortcode that lets you put link buttons in any content.

That’s all fine, but what I really liked was when I decided to see if there were some more examples I could add to the theme’s readme… I was able to triple the previous list.

Again, like I did for WP-Big Picture, I was able to search on a unique phrase in the footer, e.g. “WP Dimension Based on HTML5 Up”.

Quite a few calling card sites for folks here and there; two examples were for people into Yoga. And nifty project sites like Science in the Learning Gardens and Origin the Coventry University Art and Design Research Hub.

I’m hopeful soon we can make WP-Dimension a new one click install via the Reclaim Hosting cpanel.

I have a soft spot for WP-Dimension, because it was the first of now four that I have made WordPress versions of the beautiful, elegant, and openly licensed HTML5 Up templates. The things I learned making this first one made numbers 2,3, and 4 much simpler to do.

There likely will be more.

Featured image: Pixabay image by 4047295 shared into the public domain using Creative Commons CC0


If this kind of stuff has any value, please support me monthly on Patreon or a one time PayPal kibble toss
Profile Picture for Alan Levine aka CogDog
An early 90s builder of the web and blogging Alan Levine barks at CogDogBlog.com on web storytelling (#ds106 #4life), photography, bending WordPress, and serendipity in the infinite internet river. He thinks it's weird to write about himself in the third person.

Leave a Reply

Your email address will not be published. Required fields are marked *