Joshua Wold

Menu

Designing Highly Functional WordPress Themes

Designing beautiful and highly functional WordPress themes is not as simple as opening your design editor of choice and going to town. There’s a lot more to think about when it comes to developing beautiful WordPress themes that intentionally focus on both form and function.

It’s important to understand the full genius of what “design” encompasses. The art of design not only reflects style and invokes emotion, it also consists of the underlining structure, rules,andstandards within a given context.

Understanding design is particularly significant in the context of WordPress theme development, as tastes and styles vary throughout the world — although WordPress theme development standards do not. And while design can be considered both subjective and objective, this guide focuses on the arguably objective principles to designing beautiful and highly functional WordPress themes.


Design for the unknown

When designing WordPress themes, half the battle is accounting for the unknown. Rightfully so, theme developers have very little control of what end users do with your theme, how they use it, or what content they’ll add. To combat this unknown, consciously design for probable-use cases and don’t force structure limitations on your users.

For example, if your WordPress theme adds related content below each article, you really don’t want a situation where the page looks broken if some posts lack featured images, or even if the images are not sized exactly as you’ve done on the live demo.

This is an accordion block from CoBlocks

Download CoBlocks on WordPress.org to add accordions, pricing tables, spacers, notices — the lot.

Simply don’t rely on users to build out their websites exactly as you have for the theme’s live demo. Most users won’t, nor should they be expected to.

Another example:It’s not necessary to display an empty sidebar, if users have not added widgets to the sidebar’s widget area. Instead, contextually display the post or page content at fullwidth, if there are no widgets. This empowers your users to decide if they want to display a sidebar or not — they’re not forced into it, just because the demo site has one.

All that to say, plan for the unknown and design for the unknown.

Design for mobile

Folks are now well educated on what a decent responsive website performs like and how it adapts to various screen sizes and resolutions. Ask any customer of yours if they have explored your WordPress theme from a mobile device before completing their purchase.

I bet they have.

The mobile nature of a website should never be an afterthought. Iron out the theme’s mobile styling and put additional effort into understanding a users’ experience navigating the theme from a mobile device.

Designing WordPress themes that are responsive, like Liam by ThemeBeans
Responsive nature of Liam, an upcoming ThemeBeans theme.

Spend the same amount of time on mobile views, as you do on desktop… it’s literally just as important. Ask yourself:

  • What happens if the theme is viewed from a touchscreen device that does not support hovering? Are there proper fallbacks in place?
  • Is your theme finger-friendly? Apple’s iOS Human Interface Guidelines suggest a minimal tappable area of at least 44pt x 44pt.
  • Are you taking full advantage of the available screen real-estate?

Half-baked responsiveness won’t get you very far. Do the work and deliver a responsive WordPress theme that your customers absolutely love to look at from any device.

Design for accessibility

The “web accessibility” entry from Wikipedia states:

The mission of the WordPress Accessibility Team is to make WordPress accessible to everyone, including the more than one billion humans with disabilities. So what exactly is web accessibility and what does it entail?

Web accessibility refers to the inclusive practice of removing barriers that prevent access to websites by people with disabilities. When sites are correctly designed, developed and edited, all users have equal access to information and functionality.

Accessibility is paramount to ensuring that everyone has the equal opportunity to consume your theme’s content. And while it’s not particularly difficult to develop digitally inclusive WordPress themes, there is a learning curve.

Here are a few accessibility hot tips to apply to your WordPress theme:

As developers, we are always discovering new techniques and developing new skills. Learning all that encompasses accessible WordPress theme development is a natural step in our careers as WordPress developers.

You can learn how to create accessible WordPress themes from the official Make WordPress Accessibility Handbook. I have also found that Google’s Accessible Styles guide is a great place to explore web accessibility.

Closing

In today’s WordPress economy, so few theme developers are designing WordPress themes with both design and function in mind. Set yourself apart by embracing these functional design principles in your WordPress themes.

Download CoBlocks today

CoBlocks is a collection of page builder Gutenberg blocks for content marketers, built by the fine folks at ThemeBeans.

Combine these WordPress theme design principles with my tips on getting approved on ThemeForest and you’ll start off ahead of the competition.

Just don’t be another “one-off” developer looking to make a quick buck. Instead, treat your customers to beautiful WordPress themes that are focused on functionality, responsiveness, and web accessibly — like mine.

587 thoughts on “Designing Highly Functional WordPress Themes

  1. Pretty great post. I simply stumbled upon your blog and wanted to say that I have truly loved surfing around your blog posts. After all I will be subscribing to your feed and I am hoping you write once more soon!|

  2. I really like your blog.. very nice colors & theme. Did you create this website yourself or did you hire someone to do it for you? Plz reply as I’m looking to create my own blog and would like to find out where u got this from. thank you|

  3. Definitely believe that which you said. Your favorite reason seemed to be on the internet the simplest thing to be aware of. I say to you, I definitely get annoyed while people consider worries that they just do not know about. You managed to hit the nail upon the top and defined out the whole thing without having side-effects , people can take a signal. Will likely be back to get more. Thanks|

  4. My brother suggested I may like this web site. He used to be entirely right. This put up truly made my day. You cann’t imagine simply how a lot time I had spent for this information! Thank you!|

  5. With havin so much written content do you ever run into any issues of plagorism or copyright violation? My blog has a lot of unique content I’ve either written myself or outsourced but it seems a lot of it is popping it up all over the web without my authorization. Do you know any ways to help prevent content from being stolen? I’d genuinely appreciate it.|

  6. fantastic publish, very informative. I wonder why the other experts of this sector don’t notice this. You should continue your writing. I’m confident, you have a great readers’ base already!|

  7. Hello! I know this is kind of off topic but I was wondering if you knew where I could find a captcha plugin for my comment form? I’m using the same blog platform as yours and I’m having problems finding one? Thanks a lot!|

  8. Hello there, just became aware of your blog via Google, and located that it’s truly informative. I’m gonna be careful for brussels. I’ll be grateful should you proceed this in future. A lot of other folks will be benefited out of your writing. Cheers!|

  9. I was very pleased to discover this website. I need to to thank you for your time for this particularly wonderful read!! I definitely really liked every little bit of it and i also have you book marked to look at new stuff on your site.|

  10. Fantastic blog! Do you have any hints for aspiring writers? I’m planning to start my own website soon but I’m a little lost on everything. Would you suggest starting with a free platform like WordPress or go for a paid option? There are so many choices out there that I’m completely confused .. Any recommendations? Thanks!|

  11. Thank you a bunch for sharing this with all of us you actually understand what you’re speaking about! Bookmarked. Kindly also consult with my website =). We may have a link trade arrangement between us|

  12. I absolutely love your blog.. Pleasant colors & theme. Did you create this amazing site yourself? Please reply back as I’m wanting to create my very own website and want to know where you got this from or what the theme is named. Thank you!|

  13. hi!,I love your writing so so much! proportion we keep up a correspondence more about your post on AOL? I need an expert in this house to solve my problem. May be that is you! Taking a look forward to look you. |

  14. I’m amazed, I have to admit. Rarely do I encounter a blog that’s both educative and entertaining, and without a doubt, you’ve hit the nail on the head. The issue is something that too few men and women are speaking intelligently about. I’m very happy that I came across this in my hunt for something concerning this.|

  15. Hey There. I found your blog using msn. This is a very well written article. I will be sure to bookmark it and return to read more of your useful info. Thanks for the post. I’ll definitely comeback.|

  16. I don’t even understand how I finished up right here, but I assumed this post used to be great. I do not recognize who you’re but definitely you’re going to a well-known blogger in the event you aren’t already. Cheers!|

  17. Hey there! I know this is kind of off topic but I was wondering which blog platform are you using for this website? I’m getting fed up of WordPress because I’ve had problems with hackers and I’m looking at alternatives for another platform. I would be fantastic if you could point me in the direction of a good platform.|

  18. Howdy are using WordPress for your site platform? I’m new to the blog world but I’m trying to get started and set up my own. Do you need any coding expertise to make your own blog? Any help would be greatly appreciated!|

  19. I think this is one of the most vital information for me. And i’m glad reading your article. But should remark on some general things, The web site style is wonderful, the articles is really excellent : D. Good job, cheers|

  20. Hello there, I found your website by means of Google whilst searching for a comparable matter, your site came up, it appears to be like good. I’ve bookmarked it in my google bookmarks.

  21. Today, I went to the beach front with my kids. I found a sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She placed the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear. She never wants to go back! LoL I know this is totally off topic but I had to tell someone!|

  22. Heya i’m for the first time here. I came across this board and I to find It truly useful & it helped me out a lot. I hope to present one thing again and help others such as you aided me.|

  23. We’re a bunch of volunteers and opening a brand new scheme in our community. Your website offered us with helpful info to work on. You have done an impressive job and our whole neighborhood will be thankful to you.|

  24. I really like your blog.. very nice colors & theme. Did you make this website yourself or did you hire someone to do it for you? Plz reply as I’m looking to create my own blog and would like to find out where u got this from. thanks|

  25. Hello, I think your blog might be having browser compatibility issues. When I look at your website in Firefox, it looks fine but when opening in Internet Explorer, it has some overlapping. I just wanted to give you a quick heads up! Other then that, awesome blog!|

  26. After looking over a few of the articles on your web page, I truly like your technique of writing a blog. I book marked it to my bookmark site list and will be checking back soon. Please visit my website too and tell me your opinion.|

  27. I don’t even know how I finished up here, but I thought this post was good. I don’t recognise who you might be but certainly you’re going to a famous blogger if you happen to are not already. Cheers!|

  28. Howdy would you mind sharing which blog platform you’re working with? I’m going to start my own blog in the near future but I’m having a difficult time deciding between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design seems different then most blogs and I’m looking for something unique. P.S Apologies for being off-topic but I had to ask!|

  29. Today, while I was at work, my sister stole my iphone and tested to see if it can survive a forty foot drop, just so she can be a youtube sensation. My iPad is now broken and she has 83 views. I know this is entirely off topic but I had to share it with someone!|

  30. I truly love your blog.. Great colors & theme. Did you build this amazing site yourself? Please reply back as I’m planning to create my own personal blog and would like to know where you got this from or what the theme is named. Kudos!|

  31. Oh my goodness! Awesome article dude! Thank you, However I am going through issues with your RSS. I don’t understand the reason why I cannot subscribe to it. Is there anyone else getting similar RSS issues? Anybody who knows the solution will you kindly respond? Thanx!!|

  32. Hey there just wanted to give you a quick heads up. The words in your article seem to be running off the screen in Internet explorer. I’m not sure if this is a formatting issue or something to do with browser compatibility but I thought I’d post to let you know. The design and style look great though! Hope you get the problem fixed soon. Cheers|

  33. I’ll right away grasp your rss as I can’t find your email subscription hyperlink or newsletter service. Do you have any? Kindly allow me understand so that I could subscribe. Thanks.|

  34. Good day! This is my first comment here so I just wanted to give a quick shout out and tell you I truly enjoy reading your articles. Can you recommend any other blogs/websites/forums that deal with the same topics? Thanks a lot!|

  35. Excellent blog! Do you have any tips for aspiring writers? I’m planning to start my own site soon but I’m a little lost on everything. Would you advise starting with a free platform like WordPress or go for a paid option? There are so many choices out there that I’m completely confused .. Any ideas? Thanks!|

  36. With havin so much content and articles do you ever run into any issues of plagorism or copyright violation? My blog has a lot of completely unique content I’ve either created myself or outsourced but it looks like a lot of it is popping it up all over the web without my agreement. Do you know any methods to help protect against content from being ripped off? I’d really appreciate it.|

  37. Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point. You definitely know what youre talking about, why waste your intelligence on just posting videos to your weblog when you could be giving us something informative to read?|

  38. Hey There. I discovered your weblog using msn. That is an extremely smartly written article. I will be sure to bookmark it and return to read more of your helpful info. Thanks for the post. I’ll certainly comeback.|

  39. Hey there would you mind letting me know which hosting company you’re using? I’ve loaded your blog in 3 different browsers and I must say this blog loads a lot faster then most. Can you suggest a good web hosting provider at a reasonable price? Kudos, I appreciate it!|

  40. Oh my goodness! Amazing article dude! Many thanks, However I am having troubles with your RSS. I don’t know the reason why I cannot subscribe to it. Is there anybody else having identical RSS problems? Anybody who knows the answer will you kindly respond? Thanx!!|

  41. Hey! This post couldn’t be written any better! Reading through this post reminds me of my old room mate! He always kept talking about this. I will forward this page to him. Pretty sure he will have a good read. Thank you for sharing!|

  42. I think what you posted made a lot of sense. However, what about this? what if you added a little information? I ain’t saying your content is not good, but what if you added a post title that grabbed folk’s attention? I mean BLOG_TITLE is a little plain. You might peek at Yahoo’s home page and note how they create article titles to get people to open the links. You might add a video or a related picture or two to get readers excited about what you’ve got to say. In my opinion, it could bring your website a little livelier.|

  43. Good day! This is my first comment here so I just wanted to give a quick shout out and say I really enjoy reading your articles. Can you recommend any other blogs/websites/forums that cover the same subjects? Thanks a lot!|

  44. Thank you, I’ve recently been searching for info about this topic for a long time and yours is the best I’ve found out so far. But, what in regards to the conclusion? Are you sure about the supply?|

  45. I’m not sure where you’re getting your information, but great topic. I needs to spend some time learning more or understanding more. Thanks for fantastic information I was looking for this information for my mission.|

  46. You can certainly see your expertise in the article you write. The sector hopes for more passionate writers like you who are not afraid to say how they believe. All the time follow your heart.|

  47. Hey there, You’ve performed a fantastic job. I’ll definitely digg it and personally suggest to my friends. I am confident they will be benefited from this website.|

  48. Have you ever thought about writing an ebook or guest authoring on other websites? I have a blog centered on the same topics you discuss and would love to have you share some stories/information. I know my audience would enjoy your work. If you’re even remotely interested, feel free to send me an email.|

  49. We are a group of volunteers and opening a new scheme in our community. Your site offered us with helpful info to work on. You’ve done a formidable job and our whole community shall be thankful to you.|

  50. I have been exploring for a little for any high quality articles or weblog posts in this sort of space . Exploring in Yahoo I finally stumbled upon this website. Studying this info So i’m satisfied to show that I have a very just right uncanny feeling I found out just what I needed. I such a lot surely will make certain to do not fail to remember this website and provides it a glance regularly.|

  51. Do you mind if I quote a few of your articles as long as I provide credit and sources back to your webpage? My blog is in the exact same niche as yours and my users would definitely benefit from some of the information you provide here. Please let me know if this alright with you. Thanks a lot!|

  52. Great post. I used to be checking continuously this weblog and I’m inspired! Extremely helpful info specifically the final section 🙂 I maintain such information a lot. I was looking for this particular information for a very long time. Thanks and good luck. |

  53. I don’t even understand how I finished up right here, but I believed this submit was great. I do not understand who you’re however certainly you’re going to a famous blogger if you happen to aren’t already. Cheers!|

Leave a Reply

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