The Ultimate WordPress Resources for Building a Website from Scratch

>The Ultimate WordPress Resources for Building a Website from Scratch
The Ultimate WordPress Resources for Building a Website from Scratch 2018-06-17T01:08:26+00:00

Everything That You Need in Order to Build and Properly Optimize a WordPress Website

In this list of WordPress resources, I’m going to share with you everything that you need in order to build a WordPress website from the ground up, and properly optimize it as well.

Most WordPress resources recommended here, especially at the plugins part, will have free versions, so even people that are on a tight budget can build and launch a properly optimized WordPress website!

“Free” doesn’t mean that they’ll be less powerful, though. Most great plugins come with free versions (e.g. WooCommerce, iThemes Security, W3 Total Cache, etc.), which you can upgrade if you need some extra cool features. We’ve been using them ourselves for years, and we’ve only got positive results.

So, with the WordPress resources that I’m going to recommend here, you can rest assured that you’ll be properly set up.

Let’s start!

affiliate disclosure banner

1. Website Domain

First things first, you’ll need a domain (e.g. https://example.com).

I recommend registering (buying) the domain name with the hosting company that you’re going to use in order to host your website. In that way, you’ll skip the hassle of changing Name Servers in order to point the domain to your hosting, and also wait for them to propagate, which can take anywhere between several hours to 24h, or 48h, or even 72h if you’re the unlucky type.

You won’t save that much money anyway, if you buy a domain name from whatever registrars, and some hosting companies even offer domain registration for free.

In case you don’t want to do it the way I recommend it, then here are several sites where you can buy / register a domain:

2. WordPress Hosting

Goes without saying that choosing a good and reliable hosting company is critical. Unfortunately, I still see a lot of people on all kinds of awful web hosts.

Note that WPEngine has a lot of plugin restrictions. Here’s their list with disallowed plugins.

3. SSL Certificate

An SSL certificate makes your site run through HTTPS instead of HTTP. This makes your site secure and it also provides a small ranking boost from Google.

It’s also a must if you plan to sell things on your site and use PayPal, or gateways that allow you to process payments on your website, without having the customers to leave to a 3rd party payment processing website.

Therefore, I strongly recommend implementing an SSL certificate and performing the HTTP to HTTPS redirection right from the very start, right after you’ve set up your hosting. It will save you time and hassle.

In order to get an SSL certificate, you have to either purchase it or use Let’s Encrypt, which is FREE and supported by several hosting companies, including SiteGround.

Let’s Encrypt is also very easy to set up; you’ll be done in less than a minute.

Insecure Content

If you already have content on your site when you decide to add an SSL certificate, then you’ll most likely get an “insecure content” error, because the content that you added on your site before, especially images, is still served via HTTP.

Since fixing this manually would take a lot of time, you’ll have to use a plugin, and I recommend this one:

This will solve most of your insecure content, if not all, depending on your theme and plugins.

We used this recently on a client’s website, but it didn’t fix every insecure content warning on every page, because some background images were updated via a page builder, Beaver Builder, and I had to manually fix those from inside the builder itself.

4. Installing WordPress

In your web host’s cPanel, you should usually find a software, like Softaculous, which you can use to easily install WordPress on your domain.

If your web host doesn’t provide that feature, or for some reason you want to manually install WordPress, then you can download it from here.

You can’t install a theme or plugins without installing WordPress first!

Here are 8 important things to do after installing WordPress.

5. WordPress Themes

Now that you have a domain, a hosting, and WordPress installed, you’ll need a theme. You can get one from a lot of places. Here are several of them:

Here are some useful tips on how to choose a good WordPress theme.

6. Must-have WordPress Plugins

I’ll only mention the must-have plugins that handle important and vital things like security, speed, SEO, and so on.

Here’s how to install a plugin in WordPress.

“Coming soon” or password protection plugin

If you care about SEO, or don’t want people to see all the “mess” until your site is finished, you can use a “Coming soon” or a simple password protection plugin.

I mentioned SEO because search engines can’t crawl web pages that are password protected, so you won’t end up with all the “mess” indexed before you finish.

Security plugin

Being well-known and the most used CMS platform, WordPress websites are targeted by hackers 24/7, mostly just for fun, so you really need a properly configured security plugin.

Backup plugin

A lot of things can go wrong with your website, and more frequent than you think, especially in the beginning when you’re just starting to learn stuff.

In order for your website to exist, it requires WordPress, a theme, and plugins. All these are made by different developers, so they don’t always go well together, therefore creating all sorts of conflicts and errors, some beyond fixing.

Or you can press the wrong button and delete half of your website.

Or you could get hacked, if some above average hacker really has a grudge on you and dedicates their time to bring your site down.

I said “above average hacker”, because with a good security in place, and without any security breaches in WordPress, your theme or a plugin, it’s very hard to hack into a WordPress website; unless you upset Anonymous.

So, always having a backup is another vital part. Here are some plugins for that:

Caching plugin

Caching plugins are designed to make your WordPress website load faster. A slow loading time can affect your SEO, user experience, and lead generation.

You have to pay for WP Rocket, but it’s totally worth the money. Works way better than any caching plugin, in my opinion.

SiteGround has it’s own caching plugin, SG Optimizer, so if you have a properly optimized small to medium website, you can use that. It lacks some features (e.g. minifying), but it gets the job done. It works with WP Rocket as well, so you can run both – we tried it.

Revisions plugin

By default, WordPress stores a record of each saved draft or published update. So, if you do a lot of editing to a post or page, you’ll end up having a lot of revisions stored in your database, which will eventually lead to bloat and slow queries, therefore affecting your site’s performance.

Use one of these plugins:

The first one is better, if you add it from the beginning, because you can set a limit to the revisions and forget about it. The second plugin – a bit outdated, but still works – only allows you to manually purge the revisions.

Note: The caching plugin mentioned above, WP Rocket, has a database cleaning feature, which also contains an option to purge revisions.

SEO plugin

I’m not even going to bother to recommend another one.

You need to have this even if you don’t care about SEO, because it has a lot of useful features that will make your life easier. You can edit your page titles and meta descriptions; it adds meta data for proper sharing on social media websites; adds breadcrumbs on your website, if you wish so; and so on.

Redirection plugin

This is for both SEO and user experience.

When you rename an URL, but don’t perform a redirect from the old one to the new one, then the old URL will pop a 404 Page Not Found error.

Why is it bad for SEO?

For example, if someone from another website links to your page, you’ll get a backlink, and backlinks usually help with the ranking of your pages.

If you change the URL, but don’t perform a redirect, then the backlink will point to a page that returns a 404 error, so no “link juice” for you. However, if you perform a redirect, then the “link juice” will be passed to the new URL.

Of course, there’s more to this than what I mentioned, but I can’t go in-depth, since it will take several more articles to cover this. SEO, especially link building, is pretty complicated.

Why is it bad for user experience?

Well, if the users click on a link and get a 404 Page Not Found error, instead of what they were looking for, they’ll probably leave your website, and I assume you don’t want that.

In order to perform a redirection after changing a URL, use this:

Learn how to redirect a link with the Redirection plugin.

Broken links plugin

Broken links cause errors, like the 404 Page Not Found error I mentioned above.

A plugin that takes care of this is the Broken Link Checker, but note that it can burden your server, especially if you are on a shared one.

If you don’t mind doing a little bit of manual work, I recommend using this online tool:

Image optimization plugin

The below plugins only do a part of the job. Read this guide in order to learn how to properly optimize images for WordPress.

Note: EWWW Image Optimizer can sometimes stress on the server, especially if you’re on a shared one. It can also cause an HTTP error when uploading images.

Why do I still recommend it then? Because the free version of WP Smush offers a limited amount of images that you can optimize in bulk; the image compression on free is not the best; it doesn’t optimize images that are bigger than 1MB, but you should never, ever upload an image that’s so big anyway.

Some people might be bothered by these limitations, even if it’s a free version, and might want to use the alternative.

Anti-Spam plugin

The iThemes Security plugin I mentioned above has a spam protection feature, and I also recommend moderating comments, but if you still want to add another layer of spam protection, then I recommend this simple, but efficient plugin:

E-commerce plugin

If you’re offering products or services on your website, then this plugin will do a great job:

Most themes are compatible with it, but make sure you always check.

Social sharing plugin

Even though they have changed some things, if you use Shareaholic, make sure you check your settings. I also recommend creating an account, it would be very useful.

Lazy load plugin

They are very useful, and can positively impact your page’s loading time, but they also create conflicts, quite often, with your theme or other plugins.

 

Lazy load for images

This plugin loads the images as they get close to enter the browser window when the visitor scrolls the page.

I stopped using this due to conflicts. For example, if we use it on our website, our theme’s portfolio gallery stops working properly.

This doesn’t mean it happens with all themes or plugins. Install it, check things out, and if it works for you, great!

 

Lazy load for videos

This plugin adds a preview image to the video, and the video itself only loads when the user clicks the preview image.

It only works for YouTube and Vimeo videos.

7. Useful tools for your WordPress website

Tool to resize and optimize images

Tool to create images

We’re using Canva to create our posts’ featured images. It’s a simple tool to use, and has lots of free images, icons, illustrations, and so on. And even if you want to pay for them, they’re only 1$ each.

Tool to check your website on mobile devices

If you want to check how your site looks on different mobile devices, use this online tool:

Note that these tools are not 100% accurate all the time, so you should also check an actual mobile device as well. Also, make sure that your theme, or a plugin that you might use, is responsive (mobile-ready).

Tool to check your website’s loading time

Note that these tools measure how much time it takes for your whole website to load, every script. So, if the results show, like, 5 seconds loading time, it doesn’t usually mean that it takes 4 seconds until your website actually starts to load / appear.

WebPageTest shows the page rendering time as well, which is more important.

Tool to improve your website’s loading time

A CDN (Content Delivery Network) can drastically improve your website’s loading time. Here are several such services:

SiteGround are partners with Cloudflare, and you can benefit from it for free with just a few clicks in cPanel.

Cloudflare offers more features than straight CDN.

Tools for monitoring SEO

These two tools are different, so I recommend using them both.

8. WordPress Help

WordPress is easy once you get the hang of it, but at first it can be overwhelming, since it’s so flexible and full of features.

I’ll give you some sites where you can read a lot of useful guides and tutorials, or ask for help.

Nevertheless, Google is your best friend. Just type your question in Google, and you’ll find an answer or a tutorial 90% of the time.

Learning WordPress

Here are some great blogs:

Additional resources:

Asking for help

Try to make sure that you ask help in the right place. Asking in the wrong place will just make you lose time, since your issue might go unanswered, or someone will recommend seeking help with the proper developers.

If you’re looking for help with a premium (purchased) theme or plugin, ask the dedicated support provided by the developers.

If you’re looking for help with a free theme or plugin from the WordPress repository, use their individual forums, which you can access from their pages.

Need help?

Need help setting up and maintaining your WordPress website? Then click the button and let’s talk about your project!

Let’s Talk