10+ Best Free Blogging Resources That Will Help You Design Your Blog

This post may contain affiliate links.

Best Free Blogging Resources


I notice a lot of blogs out there with lists of 50 or 60 websites that do the same thing. What I notice is that most of them are missing one of the most important resources. That’s why I want to share with you my best free blogging resources.

I like to keep things short and straight forward. Personally only your imagination is the limit. I focus on design, color, fonts, and logos. I will also cover some helpful websites if you have a problem with your design, and how to get help. I also added sources on how to improve your blog’s performance.

Where to start:

When I start with a new project I start with what kind of website I am working on. Is it photography, a simple blog, a website? Or is it a mix of 2?  I start looking for inspiration on WordPress Themes Directory and your competitors, it is OK to get inspired by them. After I found something I like I create a child theme and start building and add the finishing touches to the theme. The internet is full of great resources.

This is the reason I started with the best free blogging resources that get you started without spending a dollar.

List of the Best Free Blogging Resources.

These are the best free blogging resources I use that will help your blog design and grow traffic.

1. Create a logo, artwork & other graphics.



I love Canva.com They offer so much and all for free. Even after your business takes off its worth the pro version of them. Canva is truly a game-changer! Use canva.com for your social media art, and for your blog images!


2. Create a beautiful color scheme for your blog.



CoolorsThese two are my favorite color scheme generators to create a personal color scheme for your website, for your logo, and artwork, these color codes schemes can be integrated into your WordPress child theme to give your website a beautiful unique look.


3. Checking your CSS files for errors.

CSS Lint

Will hurt your feelings*
(And help you code better)

Always make sure you check your CSS files for errors. Personally I use CSS Lint And how you can improve them so your website stays compatible with all browsers with CSS Lint.  Use this in combination with your web development tools in your browser Chrome/Firefox/Edge by hitter F12 on your keyboard. This is to make sure all your viewers get to see your website the way you intended. CSSLint also helps you code better.


4. Check your website speed.

Google Pagespeed Insights

Make sure you check your site on your smartphone, different browsers, Firefox, Chrome, Edge, Landscape, and portrait. It might look good in Chrome but Firefox still has a big market share. Edge is moving towards the Chromium engine now. But it doesn’t hurt to check it.


5. Check your SEO

Website Grader

It’s always a good thing to check your SEO, your headings, sitemaps, speed, and loading time and responsiveness. I love Website Grader for this. It tells you about the size of the page, requests, and how fast it loads. Tells you if you use gzip compression, and much more. It doesn’t go into detail, but it will give a direction where you can improve your website.


6. Tools to learn and try new CSS HTML5 technology


W3Schools has great information about the latest technology including tools that help you test your code. To go a step further you can use JSFiddle. And last but not least WordPress Codex if you want to add or change the internal behavior of your theme.


7. Best HELP resources for WordPress, plugins, themes, or CSS/HTML code.

Get help

WordPress Support Page this is like the Walmart for support, from getting started, to hardening your blog, from A-Z it covers everything.

WordPress Support Forums I personally never have to use a web Forum, but WordPress has a great community with millions of users.

Also, Stack Exchange has great content and a community, mostly these go into more coding.


8. Choose your fonts

Google Fonts

Your fonts have to be as clear and crisp as possible, the darker the color the better. A lot of blogs out there are hard to read because of their light grayish color, which is hard on the eyes and strain people’s eyes, reducing the contrast. And you can lose a lot of readers because of that. You can choose your font from Google fonts and I will explain to you how to integrate them into your child theme in the other post. Choose Serif for Headings and Sans for regular text.


9. Find Free graphics for your blog

Pixabay offers over 1+ million free graphics images for your blog, social media pages. Shutterstock is also worth looking in to. All of these graphics are in the public domain, and you can use them or edit them with GIMP which is a free open source Photoshop alternative.

Also, Google Images search for a specific image and click > tools > usage rights > labeled for reuse


10. Use a page builder

For certain pages use a page builder to give it a great design, they give your website, like Elementor or Beaver Builder. Elementor is by far the best free feature-rich and responsive page builder, and for this reason, I recommend Elementor.


11. Check your website speed with GTMetrix.


GTMetrix is is a free tool that analyzes your page’s speed performance using Google Page Speed and YSlow. It is extremely useful for improving your website loading speed. And has a loading waterfall feature sees what files take the longest to load.


Final Thoughts:

You don’t have to start spending hundreds of dollars to create a good looking and profitable blog. We hope you found this helpful, let us know what you think about the best free blogging resources in the comment section.

If you want to start building your own blog I created a howto create a child theme. And I also created a list of the best WordPress plugins you should be using.