In this WordPress tutorial, you will find everything you need in order to create a website with WordPress. From installation to backups – I have it all covered.
WordPress first saw the light of day on May 27, 2003. The founders are Matt Mullenweg and Mike Little.
WordPress can be referred to as an online, open-source site-building tool based on PHP and MySQL programming languages. In more advanced terms it is called a content management system (CMS).
When WordPress was first launched it had several users but over time grew into the biggest and most popular CMS in the world. Today, WordPress is powering over 82 million websites.
Research carried out in 2020 shows that this content management system is used by more than 26% of the 10 million best-ranking sites.
After finding out the massive number of users WordPress has, it may leave you wondering, why is it so popular?
A mixture of several factors should be taken into account. The general view is that WordPress is a simple blogging tool, however, it is much more than that.
Due to the fact that WordPress is free and an open-source project, it allows anyone to improve and edit its code according to one’s liking. It also features thousands of free plugins, themes, widgets, and other tools.
All these features allow you to create any type of website, starting from simple blogs, personal websites, or portfolios, ranging to e-shops, knowledge bases, or job boards.
Another factor is that WordPress is completely free and supports all hosting platforms with PHP and MySQL. On top of that, this CMS is constantly updated with new versions that improve security, including new features and improve overall performance.
Last, but not least, WordPress has a huge community with dedicated forums and discussions all over the internet. The amount of data that is available and thousands of WordPress tutorials also make WordPress one of the easiest to use content management systems out there.
What is a CMS?
A content management system or CMS for short is an application with the ability to create, modify, and publish digital content. In most cases, it also supports multiple users, allowing them to work in collaboration.
For example, in WordPress it is possible to create several administrative users, each one having different privileges. Content management systems also include text and formatting features, the ability to upload videos, photos, audio, maps, or even your own code.
A content management system consists of two major components:
⦁ A content management application (CMA). The CMA can be referred to as the graphical user interface (GUI) that lets a user create, modify, remove, and publish content without ever needing to have knowledge of HTML or programming languages.
⦁ A content delivery application (CDA). The CDA is responsible for the back-end services that manage and deliver content after it is in the CMA.
Other features worth mentioning are:
⦁ SEO-friendly URLs
⦁ Online support and communities
⦁ User/group functions
⦁ Various templates and designs
⦁ Installation wizards and upgrades/updates
The three most popular content management systems in the world are WordPress, Joomla, and Drupal.
WordPress.com vs. WordPress.org
WordPress.com and WordPress.org are two ways of hosting a WordPress site.
The thing that varies with these two methods is the actual host. By using WordPress.org, you may download the script free of charge and host it yourself on a local machine or with a hosting provider (such as harmonweb.com).
Both WordPress.org and WordPress.com have certain pros and cons.
If you are not interested in having your own hosting or managing a web server, then WordPress.com may be the way to go.
It is free and can be quickly set up. You will also have various features and options for your site’s customization.
However, it comes with downsides. Your website will include WordPress.com in the URL and you will not be able to upload custom themes or plugins.
The ability to edit or modify the PHP code behind your site will also not be possible.
Using a self-hosted version from WordPress.org provides more flexibility and control over your site. You will be able to use your own domain name, upload themes, plugins, and install them.
You will also have access to your WordPress files, database, and code, meaning that you will be able to modify it according to your liking. The most popular and powerful WordPress sites are self-hosted, as it provides greater flexibility and the ability to implement custom functionality, code, and designs.
Last but not least, in case of WordPress is not the CMS for you, having your own hosting account will allow you to test other content management systems such as Drupal or Joomla.
This WordPress tutorial will focus on the self-hosted WordPress version.
Step 1 – Installing WordPress
One reason for WordPress popularity is the low system requirements needed to run this CMS on a web server:
PHP version 5.2.4 or greater.
MySQL version 5.0.15 or greater or any version of MariaDB.
You would probably have to search for a hosting provider that lacks WordPress support. Many hosts use various auto-installers to make the WordPress installation process as simple as possible.
By using auto-installers, users no longer have to deal with database creation or file uploading.
In this part of the WordPress tutorial, you will learn two different ways to install WordPress.
Before proceeding with WordPress installation, you need to decide on how you want to access your website. Do you want WordPress on your domain name root (example.com), subfolder (example.com/blog), or subdomain name (blog.example.com)? Only if you want to set up WordPress on a subdomain name, you will have to take an additional step and create a subdomain name. On HarmonWeb this can be easily done in the Subdomains section.
Click here for more details on how to install WordPress
Option 1.2 – Installing WordPress Manually
If you want to understand the basics and learn how WordPress works, you can install it manually. WordPress is famous for its 5-minute installer.
The process is straightforward and similar to any other software installation. So if you have ever installed any computer program – it won’t be hard for you to complete the WordPress installation.
What you need before proceeding:
⦁ FTP client or File Manager (These are in your cPanel)
⦁ Latest Version of WordPress
First of all, download the latest WordPress from the official WordPress.org website.
Once the download is complete, you can start uploading WordPress files to your hosting account. You can use either a File Manager provided by your hosting provider, or an FTP client.
There is no difference which tool you will use to upload WordPress files, besides ease-of-use. The only thing that you should take into account is the destination directory.
For example, if you want to have WordPress on a root domain name, files should be uploaded to the public_html folder; if you want to serve WordPress from a subdomain name or a subfolder, upload the files to the appropriate directory.
WordPress stores information in the database. Thus, it’s mandatory to create one. On Harmonweb, a new database can be created in the MySQL Databases section. Be sure to write down the database details as you will need them later.
This file contains the database information and lets WordPress know which database to pull information from. The wp-config.php file can be found in File Manager in the folder where WordPress is installed. Follow the steps below to configure your WordPress files.
⦁ Click and expand the file public_html and open the folder containing the WordPress installation.
⦁ Locate the wp-config-sample.php file and rename it to wp-config.php, then right-click on it, and select Code Edit. Once open, look for the information that says:
// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress / define( 'DB_NAME', 'database_name_here' ); /* MySQL database username / define( 'DB_USER', 'username_here' ); /* MySQL database password / define( 'DB_PASSWORD', 'password_here' ); /* MySQL hostname */
define( 'DB_HOST', 'localhost' );
⦁ Replace database_name_here with the name of the MySQL Database you created earlier.
⦁ Replace username_here with the username you created and password_here with the password you created.
⦁ When you’ve finished editing, click Save Changes, and close the file.
Now that we have the preparation stage covered, we can proceed with the installation process. Access your domain name to open the setup page.
The WordPress 5-minute installation wizard only has five steps in total:
⦁ Select your language and press Continue.
⦁ WordPress will ask to collect the MySQL details. Since you already have them, press Let’s go!
⦁ Enter the MySQL database credentials. You may leave the Database Host and the Table Prefix fields as they are. Only change the latter if you wish to run multiple installations inside one database. Click Submit.
⦁ WordPress will check whether it’s possible to connect to the MySQL database you have created. If there are no errors, select Run the installation.
⦁ Fill the website and the administrator’s information. Install WordPress to finalize the process.
⦁ You can now press the Login button to access the WordPress admin area.
Step 2 – Navigating in WordPress Dashboard
Once the installation is complete, the first thing you would want to do is log in to the WordPress administrator dashboard.
Usually, there is a link to the login page on the front end of the WordPress blog. However, some themes don’t have this link. In this case, the easiest way to log in to WordPress is by adding wp-admin at the end of your website’s address like this:
This URL will direct you to the login screen where you will be asked to enter the administrator’s username and password. Remember, you have entered these details during WordPress installation. If you have forgotten your password, click on the Lost your password? link.
After logging in, you will see the administrator dashboard. It’s built to give you an overview of your entire website and contains 3 main sections:
- A toolbar at the top of the page. It contains links to the most commonly used administrative functions and resources. For example, if you hover over your website’s name, you will get a link to the public view of your site. It also displays simple notifications like updates and new comments count.
- The main work area.
- The main navigation menu on the left-hand side. It contains links to all administrative screens of WordPress. If you hover over a menu item, a submenu with additional items will be displayed.
The first time you log in to the WordPress admin panel, you will see a welcome module which contains some useful links to help you get started.
Once you are comfortable with the dashboard, press the Dismiss button in order to hide this module.
⦁ At a Glance, the box will tell you how many posts, pages, and comments you have. It also shows the WordPress version and theme you are running.
⦁ The activity box gives you a bit more information about your latest posts and comments. It shows the status of all comments and a shortlist of the most recent comments.
⦁ Quick Draft box. Entering content into this box will start a new blog post. However, you cannot publish one from here as this box is only for taking blog posts ideas for you to come back to later.
⦁ WordPress News. This module displays the latest WordPress news.
Each of these windows has little arrows that you can use to quickly hide the box. You can also drag and drop them to different positions.
Step 3 – Publishing Content
Creating a website with WordPress starts with publishing a new post or a new page. You may wonder – what is the difference between posts and pages?
The answer is simple. WordPress posts can be categorized, tagged, archived. WordPress posts are used to publish time-sensitive content.
In contrast, pages are mainly for static, dateless content. They don’t have categories or tags. Contact us or About pages are good examples of pages.
Step 3.1 – Creating a New Post
To create a new WordPress post open the Add New section under Posts or choose New -> Post option from the top toolbar.
You will be presented with an editing screen with an array of posting features. The first thing you should do is enter a title for your post.
Secondly, enter the actual content of your post in the field below. If you want to format your text, use the toolbar options.
It’s similar to the one you can find in MS Word or any other popular text editor.
At the right-hand side of the screen, you can see the so-called meta-boxes. Each box has a particular function.
⦁ Publish. Here you can change the status and visibility of your post, schedule it. By clicking the Publish button your post will go live. If you decide to delete the post, press the Move to Trash button.
⦁ Categories. On this box, you can assign your post to a specific category. You can even create a new one by pressing the + Add New Category button.
⦁ Tags box allows to quickly add new tags.
⦁ Featured Image. Here you can assign a featured image to a post. It will be visible at the very top of the post (image location can be different depending on theme).
Step 3.2 – Creating a New Page
In order to create a new WordPress page, open the Add New section under the Pages menu or click the New -> Page button at the top toolbar.
Add New page section has identical WYSIWYG text editor just like the Posts section has. Thus, the process of text input and formatting is the same.
You may also notice that the Pages section does not have Tags and Categories meta-boxes. Instead, it has a box called Page Attributes.
In this section, you can change the order of your pages and set parent pages. This is useful if you want to have several pages under one parent page.
Step 4 – Installing WordPress Plugins
The primary purpose of WordPress plugins is to expand WordPress functionality. Just by installing and activating a plugin, you can add new features to a WordPress site without any coding.
There are thousands of free and paid plugins built for different purposes: from social media sharing to security. Thus, you will surely find a plugin that fits your needs.
Installing WordPress plugins is an easy task even for a beginner. Free and freemium plugins are available on WordPress.org plugin directory.
Just like themes, these can be installed by using the inbuilt WordPress installer.
To install a WordPress plugin press the Add New button under Plugins and enter the name of the plugin you want to install in the search field. Hit Install and then the Activate button.
There are thousands of premium (paid) WordPress plugins which cannot be installed from the official WordPress plugin directory. If you purchased a premium plugin, you would have to manually upload it to WordPress.
The process is quite similar to themes installation. To proceed, press the Add New button under Plugins and hit Upload Plugin. Now select a plugin archive and upload it. Finally, install and activate the plugin.
Essential WordPress Plugins
There are so many WordPress plugins – it could be hard to choose the right one. In fact, many of the plugins serve the same purpose, for example, there are dozens of WordPress caching plugins.
That is why I decided to list the best WordPress plugins that are essential for every WordPress website.
⦁ Google XML Sitemaps. This plugin will automatically generate XML site maps for better search engine optimization. It’s easy to use and update it regularly.
⦁ Yoast SEO. Probably the most popular SEO plugin for WordPress. It will help you improve search engine optimization. From meta tags to writing suggestions – Yoast SEO plugin has it all.
⦁ Wordfence Security. This plugin will keep your WordPress safe from hackers and malware. It has firewall and malware scanner modules which are super useful.
⦁ Contact Form 7. Simple but very powerful WordPress contact form plugin. Create any contact or even lead generation forms with this plugin.
It’s not recommended to clog WordPress with dozens of plugins as it can decrease the site’s performance. Keep your WordPress clean by installing only essential plugins and delete the ones you are not using.
Step 5 – Installing WordPress Themes
The look of the WordPress site can be changed by applying themes. There are free and premium WordPress themes. Some of them are universal and can be used on any website. Others are built for a very specific purpose, for example, the e-commerce themes.
WordPress made theme installation super easy. It literally takes just a few minutes to install free WordPress themes.
In order to proceed, access the Appearance, click Add New section and search for a nice looking theme. You can even filter themes by features or colors.
Theme preview feature lets you see how your website will look with a selected theme. This is useful, as it will save your time – you will not have to install multiple themes just to find the theme that fits your needs.
The above method is suitable for free and freemium themes only. What if you purchased a nice looking premium theme? In this case, you will have to upload the theme files manually.
Access the same Appearance section, press the Upload Theme button and select the theme’s .zip file. It can take up to a few minutes for the uploading process to complete. Once it’s done, simply Activate the theme.
Step 6 – Optimizing WordPress Performance
In this WordPress tutorial, we have now learned how to install and use WordPress in order to create and manage your very own website. As your WordPress site grows, so does the amount of text, images, code and other media files.
A bigger website means that it will take longer to load. To avoid slow response time in WordPress, you should also invest some time in optimization.
It will ensure that your pages load quickly and efficiently, thus, leaving your visitors happy and wanting to come back for more.
Everyone has encountered a slow website at least a few times and felt the frustration that comes while waiting endlessly for it to load.
Taking that into account, spending some time to improve your WordPress speed is a really good idea. The best part about WordPress is that it’s really easy to optimize due to the number of plugins and other tools available.
You can make your WordPress site lightning fast without even having any coding knowledge at all. To get you on the right track, we will cover a few WordPress optimization techniques that will provide a notable speed boost to your website.
Step 6.1 – Using WordPress Caching Plugins
The first step in optimizing your WordPress site is setting up a WordPress caching plugin. Is short, a cache is a temporary data storage. In most cases, active data is cached which results in reduced loading times.
For example, when you access a frequently visited site, your browser will have a portion of the site’s static content located in its cache.
As a result, the browser needs to request fewer files and information from the server which ultimately leads to quicker loading.
WordPress caching plugins work by creating a static version of your website and delivering it, instead of loading all PHP scripts every time when someone refreshes or re-enters your site.
Most popular WordPress caching plugins are:
⦁ WP Super Cache
⦁ W3 Total Cache
⦁ WP Fastest Cache
We have talked about how to install plugins, so you already know that, now let’s talk about how to configure the WP Super Cache plugin
Configuring WP Super Cache Plugin
From the WordPress admin dashboard, navigate to Settings -> WP Super Cache.
Enable web caching by selecting the Caching On option under the Easy tab. Then, hit the Update Status button.
Should you want to configure more settings, head over to the Advanced tab. There are several recommended settings there, such as disabling caching for logged-in visitors and enabling page compression. Explore those options and select ones that suit you best.
Hit Update Status once you’re done.
Step 6.2 – Optimizing WordPress Images
Image optimization is another crucial task that should be done in order to make your WordPress site fast. Generally, there are 2 main issues that cause images to load slowly:
⦁ Using too large images. For example, you upload a 500 x 500 dimension picture but your site resizes it to 100 x 100. As a result, the visitor’s browser will have to download the larger file first, scale it down and only then display it. The proper way would be to simply upload a 100 x 100 dimension picture so that the excessive task of scaling down the image would be avoided. The image would also take up less space that way, resulting in an overall boost of speed.
⦁ Images are not fully compressed. You can save lots of space and bandwidth by properly compressing your images. Luckily, WordPress has a really great plugin that can help you with that, it’s called WP Smush.
The more images your WordPress site has, the more beneficial this optimization task will be.
Step 6.3 – Enabling gzip Compression for WordPress
Enabling gzip compression for a WordPress website is a great way to increase speed and performance. In short, gzip compression works by finding similar strings in a text file and replacing it temporarily, resulting in smaller file sizes.
HTML and CSS files have a lot of repetitive text and spaces, making gzip compression very effective. On the whole, it can reduce the size of a WordPress page by up to 50-70%.
There are a few ways to enable gzip compression:
- Enabling gzip compression via .htaccess file (recommended): This method is quite technical, so it’s more suitable for advanced users. However, anyone can do it as long as they are careful.
Before we continue, remember that you should always back up your .htaccess file first in case something goes wrong.
⦁ You will need to download an FTP client, like Filezilla, to locate the .htaccess file. It is usually placed in the public_html directory of your website.
⦁ Download the file and save a copy on your computer as a backup. Then, write the following code before # END WordPress line of .htaccess.
- Enabling gzip compression via WordPress plugins, such as GZip Ninja Speed.
One thing that you should keep in mind is that gzip compression may slightly increase CPU usage. If CPU is not an issue, then gzip compression is a really great way to optimize your WordPress site.
Step 6.5 – Removing Query Strings from Static Resources
GTMetrix and other optimization tools suggest removing query strings from CSS and JS in order to improve the caching of those elements.
The previously mentioned WordPress plugin Speed Booster Pack is among a few others that can help you with this task.
Step 6.6 – Enabling Lazy Loading
Generally, when a web page is opened, all the content is loaded instantly, which is called eager loading. Alternatively, it is possible to delay the initialization of some objects (such as images) until they are needed, which is called lazy loading.
The most common practice is displaying images only when they are visible from the visitor’s viewpoint or on the screen.
In next tutorial, we’ll be discussing on how to create a professional blog.