“How do I pick my blog design theme?” is one of the most frequently asked questions from new bloggers. Design of your blog is very important as the better looking your site is, the more memorable it will be for your visitors and more of them will stick to it, subscribe, return back and share it with their friends in social media.
Let’s have a look at steps you need to take to activate your new blog look, all the important design elements you should consider during the process, the importance of having a mobile-friendly site, and the best looking WordPress themes you can start with.
7 of the best free WordPress design themes for 2017
So how do you choose a great design theme for your blog? The open-source community behind WordPress, the most popular blogging platform, has created more than 2,500 of themes that are beautiful and feature-rich. There are also many commercial premium themes like the one I use on my blog (more on this below). You’ll have plenty of choice for selecting the design template that works for you.
This is the list of seven of the most impressive free WordPress themes that I have picked for your inspiration. Have a look around the themes section, give some a try to see which one fits you best. WordPress makes the process of finding a design simple as it’s easy to switch between and test different designs until you find the perfect one.
Found something you like? Are you ready to get started? Keep reading.
First step in designing your blog
First step is to pick the right content publishing platform that allows you a range of design possibilities. WordPress is my platform of choice. It’s an open-source platform that powers more than 75 million sites and more than 25% of the total web.
I love it and run all my sites on it. WordPress needs a domain name and a web server space to work. A domain name is the address people will type to reach your site and a server space is where your content and files are hosted online.
For the easiest possible install of a WordPress, I recommend Bluehost. It’s simple to use, offers a free domain name, an affordable hosting with unlimited space and is officially recommended by WordPress. The whole process will take you some five minutes and you’ll have your shiny new blog live and running! Click below to get the process started:
If you need help, you can find my detailed instructions on how to install WordPress here.
Disclosure: I do earn a commission if you signup to Bluehost using my link at no additional cost to you. Please know that I only recommend products and services that I find helpful and useful. If you do choose to purchase through my affiliate link, thank you for your support!
Now that you have your WordPress blog up and running, let’s take a look at how you can set up your blog design.
Activating your first WordPress theme
Free themes are not a bad starting point for a new blogger. I suggest you access your WordPress admin, go into “Appearance” on the left-hand side navigation menu and click “Themes”. There you can explore and test these free themes.
- Go into “Appearance” in your WordPress admin’s left hand sidebar. Click “Add New” on top of that page to discover the different opportunities:
- Try for example and browse through “Featured” or through “Popular” or “Latest”:
- Or use the “Feature Filter” to find more specific themes with exact features that you are looking for. You can sort by color, layout, features and specific subjects:
- Each theme has a page with further details. This can help you make a better decision. Browse through the theme page to learn more details and see how the theme would look on your blog. When you find a design theme that you like simply click on “Install” to activate it on your site. Some things to look out for:
- Last updated date should be in the recent months. Older themes could break in most recent versions of WordPress
- Active installs shows you how many blogs use the theme right now. The more the better as it shows that the theme is quality, but watch out not to have your blog look like thousands of other blogs.
- Ratings number between 1 and 5 stars. The higher the rating the better the theme may be.
- Look through the reviews to see what people are saying about the theme.
- Browse the support forum to see what type of questions and problems bloggers have with the theme. Notice if the theme developer actively responds and helps people.
- Finally preview the theme to see how it actually looks like for a visitor.
An alternate way to find a design is to go to your favorite blogs and see what design they use. When you find a blog that you love it’s pretty simple to see what design it uses. In many cases there will be a template name or link in the footer of the blog, or you can right-click in your browser and click “View Source”.
Take a look at the code. You will see lines with /wp-content/themes/something/. The folder after /themes/ will be the name of the theme. When you have the name search for it, learn more about it and test it out on your blog.
Things to consider when choosing a design
Thinking of usability is a key thing to consider on your way to a great looking blog. You have to consider the font and the size of font you are using, the colors, what you present in the sidebar and much more. Your visitors should enjoy not only the aesthetics of your site but also the ease of use, page speed and user-friendliness. These are the things to think about when choosing a design for your site:
- Header section brands your site and is the thing the visitors see first. Having a great header section is important as that is the first thing people see when entering your site. Always make sure to take your time to create a great looking header and navigation. Consider how the header of the design looks like and consider how easy it is to change and customize it.
- Layout options. Would you like to have one sidebar or two sidebars or maybe none? Would you like sidebars on the left or on the right or on both sides of the content? The ability to customize your design with a simple and easy interface varies a lot from one WordPress theme to another. Some have drag-and-drop, user-friendly interface, some can only be edited and customized by CSS and coding.
- Flexibility and enhanced features. If you’re not comfortable with CSS and coding, how many customization options and inbuilt features does the theme give you? If you don’t have a coding or design background it is best to pick a template that allows customization without the need of coding skills. Or simply pick a theme that you really love as it is and have no need to customize.
- The look of the front page. Do you have a magazine style front page option? A prominent subscribe and call-to-action position? Or is the front page more like a traditional blog featuring the latest posts?
- Which font and font sizes would you like on your blog? How easy is it to change the font, size and color? Font, font size, spacing between letters and line height all have a big impact on how your visitors feels when reading online. Screen resolutions are increasing which means that you need to make your content more readable for these new screens. Larger font makes your site more clear and easy to look at. Sans-Serif Fonts are best suited for digital content while you want your font size to be a 16pt at a minimum and should go even more to 20pt+ for best results.
- Simplicity rules in modern web design. Simplicity gives your visitors a better experience when browsing your content, it puts more emphasis on the content itself and makes your site load faster. How simple is the design by default? This also means you should think twice before adding too many animations, before adding extra banners ads or pop-up windows and before putting more things in your sidebar. Consider how this will affect your visitors and the user experience.
- Support is important as the web and WordPress itself are continuously changing and your theme needs upgrades and latest bug fixes to continue serving you and your visitors. Is your theme actively maintained, updated and supported by a reputable developer or company?
- Load time it takes to display your site. Aim for your site to be loaded within a couple of seconds at most. See here how you can track this.
- Search engines are important when building traffic to your site. Your design’s code has to be clean and search engine friendly for traffic to start coming in.
- Fixed navigation bar. Many sites now fix their navigation menus to the top of your browser window so the navigation follows you as you scroll down the page. This helps the visitor easily navigate your site at any time and gets them to explore your content deeper. For this to work best you should think about what pages or posts you want to put into your navigation to best present your site.
- Fixed widget. Traditionally when scrolling through a post you would have the sidebar towards the top but the more you scroll down the more emptiness and white space there would as the sidebar is finished. This is a waste of valuable space. Put in a sticky widget in your sidebar so it scrolls through with the visitor. You could have a subscription widget sticky to increase number of subscribers or social media followers. Or you can fix your popular posts to get more clicks and help people discover more of your content. Q2W3 Fixed Widget plugin allows you to do this.
- Live search. This is very much like Facebook or Google search works. Upon starting to type a search query your visitor will get a drop down of different options and search results. It is a faster way to search than the default WordPress search. Here’s a simple plugin to get this functionality: Dave’s WordPress Live Search.
- Infinite scrolling. Instead of splitting your pages with pagination you can just allow your visitors to keep scrolling continuously while your site loads more and more of your articles. You see this in action in your Facebook news feed, in Twitter feed and in Google image search results. As usual there is a WordPress plugin for this: Infinite-Scroll.
- Single page sites. If you don’t have much information and want to present something in a very quick, simple, visually appealing and user-friendly way consider using a single page site. The user just needs to scroll down the page to get all the information they need. This works well for landing pages if you have a product, a webinar or an event you want to present.
Mobile phones, tablets and responsive design
An increasing number of visitors browse the web from their tablets and mobile devices so having a design that looks great on smaller screens or touch based screens is another key consideration.
How does the design look on these devices? Smartphone sales have overtaken computer sales. Mobile traffic has surpassed desktop traffic worldwide. Mobile and tablet devices accounted for 55.14% of global internet traffic in January 2017. Sites that I run vary from 25% to 75% visitors coming in from mobiles and tablets.
Mobile responsive design is a smart design that adapts itself to the screen size of the device the user is browsing with. It works on everything from large desktop monitors to small screens on mobile devices. Responsive design provides optimal viewing experience for visitors, as the design elements are consistent with the standard design while there is no more need to zoom out, or zoom in or scroll too much around finding what you need.
Google recommends responsive design as the best way to configure your site design because it is easier for the user and there is no need for redirection like on other mobile solutions.
Try it now if you are reading this article on a desktop browser – shrink the browser size and see how the content resizes itself to fit your browser size. The layout switches depending on the screen size you are viewing my site on and it works equally well on any device. If you want to check how your site works on mobile devices, take this Mobile-Friendly Test from Google.
There are also commercial premium themes
There are also many commercial premium design theme options. Premium themes you have to pay to use (usually in the range of $20-$50) but they can be more exclusive and unique as they are used less frequently than themes available in the free directory.
Commercial themes are in many cases more flexible and customizable for people who have little or no design skills. They allow you to create a professional and unique looking blog without needing to code or use Photoshop. You can change columns, sidebars, fonts, font sizes, colors, header and many other design elements through a simple browser interface. With a premium theme you have better control of the look of your blog even without tech know-how.
Premium themes are constantly developed, upgraded to the latest standards and have the full customer support for when you have some questions or need some help. When there is a WordPress upgrade you can count that the premium theme is compatible and functioning correctly. Same is not always the case with the free themes that may have been a side project and were not kept updated which means that they might break in most recent versions of the WordPress software.
I use a premium theme myself on this blog. It’s made by StudioPress and is a theme called Atmosphere Pro for Genesis. I recommend themes made by StudioPress. More than 170,000 website owners use them. They’re beautiful, minimalist, mobile responsive, clean coded, fast to load, easily customizable through the browser interface, constantly updated and fully supported by customer support channels and step-by-step instructions.
Time to get started
Whatever you do just don’t spend too much time thinking about your theme. No matter how beautiful and pretty your site is, it will never grow without you spending time on creating great content and attracting visitors. So do pick a design and start blogging!