VMware Clarity based WordPress Theme – v0.1

Written by Sam McGeown
Published on 20/6/2018 - Read in about 2 min (406 words)

A couple of days ago I saw a tweet from Cody De Arkland showing his new tweaked VMware Clarity based theme on his website.

Cody has gone down the route of using Hugo and AWS, which I respect, but just seems like too much work for me at the moment! I am familiar with WordPress, and Simon is barely computer literate at the best of times, so I can’t ask him to start writing in markdown. But I did want some of this Clarity goodness - so I set about learning how to create a WordPress theme, and how to integrate Clarity with this.

I was massively helped by the post Cody put up detailing how he went about incorporating Clarity into his code, and the Clarity docs themselves are nice and easy to understand, so I have fumbled my way though to where I am now. In the spirit of eating my own dogfood, I have switched DefinIT over to Clarity 0.1!

You can, if feeling brave, get my theme code from github here: https://github.com/sammcgeown/wordpress-clarity

What works:

  • Navigation - you need to add a menu to the Clarity Header Navigation
  • Theme Colours - you can select the Light or Dark Clarity Theme
  • Header Colour - you can select header-1 to header-6, which will change the header colour scheme
  • Logo upload - you can upload a 40px by 100px logo, to replace the default clarity logo
  • Pagination - this works, I think
  • Widgets - you can add widgets to the Clarity Cards Sidebar
  • Search
  • RSS - the code icon in the top right links to the sites RSS feed

Still to do:

  • Some general layout issues (scrollbars everywhere?)
  • Anything to do with comments
  • Social sharing links
  • More than basic post/page display
  • Better pagination
  • Forms
  • Etc…

It’s a 0.1 release people, it’s buggy - use at your own risk. If you do use it, please hit me up on twitter (@sammcgeown) and let me know how it’s going, any requests etc. And if you’re interested in contributing to the theme, send a pull request!

Any feedback or broken things on this site, please let me know via twitter again!

Share this post