{"id":470,"date":"2020-11-17T10:33:58","date_gmt":"2020-11-17T08:33:58","guid":{"rendered":"https:\/\/www.scalahosting.com\/kb\/?p=470"},"modified":"2024-05-02T12:02:54","modified_gmt":"2024-05-02T09:02:54","slug":"how-to-create-a-wordpress-website-for-beginners","status":"publish","type":"post","link":"https:\/\/www.scalahosting.com\/kb\/how-to-create-a-wordpress-website-for-beginners\/","title":{"rendered":"How to Create a WordPress Website (for Beginners)"},"content":{"rendered":"\n<p>WordPress is the most popular CMS solution, with hundreds of millions of websites created with the software. Today, we are going to learn how to make a WordPress website ourselves, from registering a hosting account all the way to the essential steps involved in our site building.<\/p>\n\n\n\n<p>Let&#8217;s begin!<\/p>\n\n\n\n<p class=\"section-sep\">SECTION 1<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-wpwebsite\"><strong>What is a WordPress website?<\/strong><\/h2>\n\n\n\n<p>In order to answer this question, let\u2019s take a step back to understand the core concept of a website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"what-is-a-website\"><strong>What Is a Website<\/strong>?<\/h3>\n\n\n\n<p>A website is a collection of web pages that can be accessed by typing a domain name (ex: yourname.com). They can have any kind of content \u2013 <strong>text, images, videos, audio players, photo gallery, forms, <\/strong>and so on<strong>.&nbsp;<\/strong><\/p>\n\n\n\n<p>As the internet evolved, so did the way websites are structured. The usual process of downloading your web page, editing it on your computer, and then uploading it back online, became too inefficient.<\/p>\n\n\n\n<p>A new approach for managing website content was needed and <strong>Content Management Systems (CMSs)<\/strong> came to the stage.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"what-is-a-content-management-system\"><strong>What Is a Content Management System?<\/strong><\/h3>\n\n\n\n<p>The web page you are currently reading, is what came known as the<strong> public-facing side of a website \u2013 the front end.<\/strong> And just as every theater needs a stage, the front end is where the show happens on any website. Meanwhile, behind that stage, there is a whole crew making the magic happen. In website lingo, this is known as the backend.<\/p>\n\n\n\n<p>The backend provides website authors and editors with the tools they need to manage the content of their pages. To do that, they often utilize all-in-one web building tools, known as <strong>Content Management Systems.<\/strong> It allows for changes submitted on the backend to appear on the frontend so your visitors can see the finished product.<\/p>\n\n\n\n<p>Content Management Systems vary in their purpose and underlying technologies. WordPress, for example, is a <strong>general-purpose CMS<\/strong> based on <strong>PHP and MySQL<\/strong>.<\/p>\n\n\n\n<p>So, what have we learned so far:<\/p>\n\n\n\n<p><strong>A WordPress website is a collection of web pages that are being managed by the content management system of the same name.<\/strong><\/p>\n\n\n\n<p class=\"section-sep\">SECTION 2<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why-choose-wp\"><strong>Why Choose WordPress as Your Website Platform?<\/strong><\/h2>\n\n\n\n<p>When we\u2019re looking to pick a tool, we naturally lean toward something popular and battle-tested as those are good signs of reliability. In that essence, WordPress is often regarded as<strong> the king of CMS,<\/strong> having more than a third of websites on the internet running with its help.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-many-websites-use-wordpress\"><strong>How Many Websites Use WordPress?<\/strong><\/h3>\n\n\n\n<p>According to a <a href=\"https:\/\/w3techs.com\/technologies\/overview\/content_management\">survey by w3techs.com<\/a> WordPress is being used in <strong>63.6% of websites that run on a known CMS<\/strong> and a grand<strong> 37.6% of all the websites on the internet.<\/strong> As you might have already thought \u2013 that\u2019s a lot!&nbsp;<\/p>\n\n\n\n<p>And there is a good reason for the mainstream adoption.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"benefits-of-using-wordpress\"><strong>Benefits of Using WordPress<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"1-short-learning-curve\"><em><strong>1. Short Learning Curve<\/strong><\/em><\/h4>\n\n\n\n<p>The learning curve is considered one of the shortest when it comes to understanding <strong>how to create a successful website using WordPress<\/strong>.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"2-no-coding-skills-required\"><b><i>2. No Coding Skills Required<\/i><\/b><\/h4>\n\n\n\n<p>Unless you want to heavily customize the tiniest details, there is absolutely no need for you to know programming code. The WordPress functionality can easily be extended with plugins and the looks of your website \u2013 changed completely with a wide variety of beautiful themes. Everything here is plug-and-play.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"3-loved-by-search-engines\"><strong><em>3. Loved by Search Engines<\/em><\/strong><\/h4>\n\n\n\n<p>The WordPress code has been written with all the best practices in mind, thus improving the<strong> user experience of your visitors<\/strong>. And this is just the kind of thing search engines like Google want to prioritize in their search results.&nbsp;<\/p>\n\n\n\n<p>Of course, just using WordPress is not going to magically rank you #1 on Google. But is a great starting point for your SEO efforts and brings great potential for increasing your traffic.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"4-reliable\"><strong><em>4. Reliable<\/em><\/strong><\/h4>\n\n\n\n<p>When it comes to software, there is always a (small) possibility that something might go wrong. Instead of searching for a platform with zero points of failure (which is practically non-existent), it\u2019s much more productive to choose a platform that has a huge user base and an active community that is always ready to help.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"5-free\"><b><i>5. Free<\/i><\/b><\/h4>\n\n\n\n<p>Aside from web hosting and domain expenses, WordPress is a free website platform thanks to the open-source code under the<strong> GNU General Public License<\/strong>. This is a software license under which WordPress is distributed, that allows you to own a copy completely for free and modify it in any way you see fit.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"6-countless-customization-options\"><strong><em>6. Countless Customization Options<\/em><\/strong><\/h4>\n\n\n\n<p>Using the world\u2019s most popular platform draws in another benefit \u2013 <strong>a ton of<\/strong> <strong>WordPress website themes and plugins<\/strong>, readily available and completely for free via a one-click installation process.<\/p>\n\n\n\n<p>At the time of writing, there are <strong>7,544 themes and 56,995 plugins <\/strong>available.&nbsp;<\/p>\n\n\n\n<p>Recently, WordPress devs have also introduced <strong>Commercial Themes<\/strong>. These are WordPress website themes and just like the others, can be used or customized however you see fit. But this specific template type <strong>includes paid support services by the teams and organizations<\/strong> behind them. If you would like to have someone providing you with support exclusively for your project &#8211; this is easily the option for you.<\/p>\n\n\n\n<p><strong>Bottom line:<\/strong> With the right tools, you can be running a completely custom WordPress website in a matter of hours.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"7-start-with-a-blog-grow-into-anything\"><strong><em>7. Start With a Blog, Grow Into Anything<\/em><\/strong><\/h4>\n\n\n\n<p>Put enough effort into anything and you can make a business out of it. When the time comes to start your WordPress business website, make sure there are <strong>enough plugins available to meet your specific needs and business model<\/strong>.<\/p>\n\n\n\n<p>Whether you want to enable your visitors to be booking events, compare products, or search through your content &#8211; odds are there is a plugin for it. You just have to dig a little.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"wordpress-website-examples\"><strong>WordPress Website Examples<\/strong><\/h3>\n\n\n\n<p>WordPress is the go-to solution for many types of websites &#8211; <strong>blogs, magazines, business pages, online shops, news outlets<\/strong>. Its versatility allows for the core app to be customized so heavily, that it would take a detective to find out what the site is built with.<\/p>\n\n\n\n<p>Here are some examples of notable brands that decided to trust WordPress for their online presence:<\/p>\n\n\n\n<p>1. <a href=\"https:\/\/www.sonymusic.com\/\">Sony Music<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-1-1024x491.jpg\" alt=\"How to Create a WordPress Website (for Beginners), WordPress Website Examples\" class=\"wp-image-471\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-1-1024x491.jpg 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-1-300x144.jpg 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-1-768x368.jpg 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-1.jpg 1332w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>2. <a href=\"https:\/\/www.nytco.com\/\" rel=\"nofollow\">The New York Times<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-2-1024x491.jpg\" alt=\"How to Create a WordPress Website (for Beginners), WordPress Website Examples 2\" class=\"wp-image-472\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-2-1024x491.jpg 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-2-300x144.jpg 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-2-768x368.jpg 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-2.jpg 1332w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>3. <a href=\"https:\/\/www.beyonce.com\/\" rel=\"nofollow\">Beyonce<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-3-1024x491.jpg\" alt=\"How to Create a WordPress Website (for Beginners), WordPress Website Examples 3\" class=\"wp-image-473\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-3-1024x491.jpg 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-3-300x144.jpg 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-3-768x368.jpg 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-3.jpg 1332w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>4. <a href=\"https:\/\/thewaltdisneycompany.com\/\">The Walt Disney Company<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-4-1024x491.jpg\" alt=\"How to Create a WordPress Website (for Beginners), WordPress Website Examples 4\" class=\"wp-image-474\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-4-1024x491.jpg 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-4-300x144.jpg 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-4-768x368.jpg 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-4.jpg 1332w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>5. <a href=\"https:\/\/sweden.se\/\" rel=\"nofollow\">Sweden\u2019s Official Website<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"436\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-5-1024x436.jpg\" alt=\"How to Create a WordPress Website (for Beginners), WordPress Website Examples 5\" class=\"wp-image-475\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-5-1024x436.jpg 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-5-300x128.jpg 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-5-768x327.jpg 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Website-Example-5.jpg 1332w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>These websites can easily be considered among some of the<strong> best WordPress websites on the Internet<\/strong>. And while some of them have had a lot of customization and development work done, you would be surprised as to how easy some changes can be made even without any technical experience.&nbsp;<\/p>\n\n\n\n<p class=\"section-sep\">SECTION 3<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-pick-brand\"><strong>How to Pick a Website Name and Buy a Domain and Hosting<\/strong><\/h2>\n\n\n\n<p>Before we go into how to create a WordPress website, we need to make sure you have three essential components:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A brand or website name<\/li>\n\n\n\n<li>Registering that name as a domain<\/li>\n\n\n\n<li>Ordering web hosting<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"brand-or-website-name\"><strong>Brand or Website Name<\/strong><\/h3>\n\n\n\n<p>First things first \u2013 your new home on the internet needs a name to go by. This should be relevant to your project and your business name as well. If this is a hobby or personal project, the name can be practically anything, your creativity is the limit.<\/p>\n\n\n\n<p>Whatever project and name you decide to go with, remember you can always register a different one later on and have your website tied to this new domain.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"what-is-a-domain\"><strong>What Is a Domain<\/strong>?<\/h3>\n\n\n\n<p>The contents of the internet are stored on a vast network of computers. In order for anyone to access this content &#8211; the address of this computer must be specified. Every computer operates under its own <strong>unique, numeric address, known as an internet protocol (IP) address<\/strong>.<\/p>\n\n\n\n<p>An IP address looks like this:<\/p>\n\n\n\n<p><em>173.237.190.136<\/em><\/p>\n\n\n\n<p>Can you imagine having to remember the addresses of your favorite websites in such a way? Thankfully, that\u2019s where domain names come in!<\/p>\n\n\n\n<p>A domain name is t<strong>he human-readable name that is assigned to a computer\u2019s address on the internet.<\/strong> For example, if you open up your browser and in the address bar type <strong><em>scalahosting.com<\/em> <\/strong>you will actually be going to<strong> 173.237.190.136<\/strong>.<\/p>\n\n\n\n<p>Domain names also include a domain extension. Let\u2019s say we\u2019re registering &#8220;yourname.com.&#8221; In this example, &#8220;yourname&#8221; will be the name of the domain, and &#8220;.com&#8221; is the extension.<\/p>\n\n\n\n<p><strong>Based on the extension, domain names can generally be:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>generic (.com, .net, .org, .info, .biz)<\/li>\n\n\n\n<li>country-specific (.es, .de, .jp)<\/li>\n<\/ol>\n\n\n\n<p>All domain names and IP addresses are regulated by the Internet Corporation for Assigned Names and Numbers \u2013<strong> ICANN.<\/strong><\/p>\n\n\n\n<p>Due to the large number of registered domain names, several years ago ICANN introduced additional generic domain name extensions such as .club, .site, .xyz, and many others. Still, the most sought-after are the &#8220;classic&#8221; extensions such as<strong> .com, .net, .org<\/strong> as they have the biggest recognition among the general public.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"what-is-web-hosting\"><strong>What is Web Hosting<\/strong>?<\/h3>\n\n\n\n<p>Just as a domain will give people easy access to your content, you need a computer to store that content as well.<\/p>\n\n\n\n<p>That\u2019s where web hosting companies come in.<\/p>\n\n\n\n<p>Hosts basically <strong>store your content on their robust computers (called servers)<\/strong> in exchange for a yearly or monthly fee. Configuring a web server manually requires a myriad of settings, so the fee is often an investment well spent.&nbsp;<\/p>\n\n\n\n<p>Web hosts are also<strong> responsible for the &#8220;health&#8221; and performance of the server<\/strong>, so your website can be up and running and loading quickly at all times.<\/p>\n\n\n\n<p>With your <a href=\"https:\/\/www.scalahosting.com\/web-hosting-for-small-business.html\"><strong>web hosting package<\/strong><\/a> you also get an ever-growing list of tools and services. Such include <strong>email services,<\/strong> <strong>spam protection, website usage statistics, app installation, <\/strong>and quite a few others.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"what-is-a-web-hosting-plan\"><strong>What is a Web Hosting Plan<\/strong>?<\/h3>\n\n\n\n<p>Every web hosting company breaks down its services into plans. These packages cover different performance options and tools so they can better serve different business models.&nbsp;<\/p>\n\n\n\n<p>Generally speaking, the types of web hosting can be:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Shared web hosting<\/strong> &#8211; Renting a small portion of a very powerful server, which you share with many other website owners.<\/li>\n\n\n\n<li><strong>VPS hosting<\/strong> &#8211; Renting a <strong>virtual private server<\/strong> is the closest to owning your own dedicated machine. The VPS technology allows you and a few others to share the same machine, but in a much more efficient and secure manner, providing considerably higher performance.<br>The virtual server can either be <strong>managed by the hosting company <\/strong>or<strong> operated by you <\/strong>(self-managed). The managed services include constant maintenance, optimization, monitoring, software installation, issue resolution, and more.<\/li>\n\n\n\n<li><strong>Dedicated servers <\/strong>&#8211; As the name implies, this is an entire server, dedicated to you and your project. Completely managed by yourself and fully customizable, this solution definitely tales some technical skills to master.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"choosing-the-web-hosting-plan-for-you\"><strong>Choosing The Web Hosting Plan For You<\/strong><\/h3>\n\n\n\n<p>When starting out, it\u2019s perfectly okay to purchase the most basic web hosting plan and as your website grows &#8211; to upgrade accordingly. Most of the time, moving up the ladder is seamless, and you don\u2019t risk having your WordPress website going offline during the process.<\/p>\n\n\n\n<p>When choosing your new hosting provider, consider your specific needs and the requirements of your chosen software.<\/p>\n\n\n\n<p>In fact, this rule applies to any website platform you might be using. Different software requires different server settings, so it\u2019s only<strong> beneficial to pick a hosting plan<\/strong> specifically optimized for it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-buy-hosting-and-register-a-domain-name\"><strong>How to Buy Hosting and Register a Domain Name<\/strong><\/h3>\n\n\n\n<p>We\u2019re now getting to the first essential step of setting up a <strong>WordPress website<\/strong>! Here is how to register your WP hosting plan and get a domain name for 1 year completely free of charge:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"stage-1-pick-a-wordpress-web-hosting-plan\"><strong><em>Stage 1 \u2013 Pick a WordPress Web Hosting Plan<\/em><\/strong><\/h4>\n\n\n\n<p>1. Head over to <a href=\"https:\/\/www.scalahosting.com\/fastest-wordpress-hosting.html\">ScalaHosting.com\/wordpress-hosting.html<\/a> and pick your desired WordPress website hosting plan.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"918\" height=\"369\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Stage 1 \u2013 Pick a WordPress Web Hosting Plan\" class=\"wp-image-478\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-1.png 918w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-1-300x121.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-1-768x309.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"513\" height=\"168\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-2.png\" alt=\"How to Create a WordPress Website (for Beginners), Stage 1 \u2013 Pick a WordPress Web Hosting Plan 2\" class=\"wp-image-479\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-2.png 513w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-2-300x98.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>2. Once you have selected a web hosting plan and a period for it, you will be redirected to the<strong> domain registration page<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"stage-2-register-a-domain-name\"><strong><em>Stage 2 \u2013 Register a Domain Name<\/em><\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"897\" height=\"97\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-3.png\" alt=\"How to Create a WordPress Website (for Beginners), Stage 2 \u2013 Register a Domain Name\" class=\"wp-image-481\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-3.png 897w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-3-300x32.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-3-768x83.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>1. Use the field on that page to<strong> enter a desired name <\/strong>and click the blue <strong>Check<\/strong> button to see its availability. You can also experiment with <strong>different domain name extensions<\/strong> in this step.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"187\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-4-1024x187.png\" alt=\"How to Create a WordPress Website (for Beginners), Stage 2 \u2013 Register a Domain Name 2\" class=\"wp-image-483\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-4-1024x187.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-4-300x55.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-4-768x140.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-4.png 1074w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>2. Once you click the <strong>Check <\/strong>button, if the domain name is already taken, you will be presented with alternatives based on your query.<\/p>\n\n\n\n<p>3. Once you <strong>have picked a domain name<\/strong>, click <strong>Continue<\/strong> at the bottom of the page to proceed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"586\" height=\"133\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-5.png\" alt=\"How to Create a WordPress Website (for Beginners), Stage 2 \u2013 Register a Domain Name 3\" class=\"wp-image-484\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-5.png 586w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-5-300x68.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p class=\"noting\"><strong>Note:<\/strong> Always check your spelling when registering a domain. Once registered, the name cannot be edited.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"stage-3-create-your-account-and-complete-checkout\"><strong><em>Stage 3 \u2013 Create Your Account and Complete Checkout<\/em><\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"925\" height=\"106\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-6.png\" alt=\"How to Create a WordPress Website (for Beginners), Stage 3 \u2013 Create Your Account and Complete Checkout\" class=\"wp-image-482\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-6.png 925w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-6-300x34.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-6-768x88.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p><strong>1. If you are already a customer,<\/strong> use the blue button at the top right corner of the page <strong>Already Registered?<\/strong> to log in and have the name associated with your existing account.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"317\" height=\"110\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-7.png\" alt=\"How to Create a WordPress Website (for Beginners), Stage 3 \u2013 Create Your Account and Complete Checkout 2\" class=\"wp-image-485\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-7.png 317w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-7-300x104.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>If you\u2019re just starting out, you can either <strong>sign up with Facebook or Google<\/strong>, or fill out the fields in the <strong>Personal Information<\/strong> section and have your account created with those details.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"471\" height=\"146\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-8.png\" alt=\"How to Create a WordPress Website (for Beginners), Stage 3 \u2013 Create Your Account and Complete Checkout 3\" class=\"wp-image-487\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-8.png 471w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-8-300x93.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>Take your time and make sure to pick a password with a strength of at least 50%. Write it down to a safe place. A good practice is to use a two-word phrase that has capital letters and features a number or a special symbol <em>(!!@#$%^&amp;*) <\/em>after each word<em>.<\/em><\/p>\n\n\n\n<p>2. In the <strong>Domain Registrant Information<\/strong> section make sure you enter valid information. The registrant information is your ID card on the internet and is required by ICANN to be valid at all times. Failure to do so can lead to many problems with potential domain transfers or ownership cases.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"157\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-9-1024x157.png\" alt=\"How to Create a WordPress Website (for Beginners), Stage 3 \u2013 Create Your Account and Complete Checkout 4\" class=\"wp-image-488\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-9-1024x157.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-9-300x46.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-9-768x117.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-9.png 1184w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>3. Below is the <strong>Order Summary<\/strong> section. Double-check your order to make sure the spelling of your domain is right. Once registered, it cannot be changed.&nbsp;<\/p>\n\n\n\n<p>You can pay for your new hosting plan by either:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Credit or debit card<\/li>\n\n\n\n<li>PayPal<\/li>\n\n\n\n<li>Bank transfer<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"155\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-10-1024x155.png\" alt=\"How to Create a WordPress Website (for Beginners), Stage 3 \u2013 Create Your Account and Complete Checkout 5\" class=\"wp-image-489\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-10-1024x155.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-10-300x45.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-10-768x116.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-10.png 1203w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>4. Before clicking the blue <strong>Complete Order <\/strong>button at the bottom of the page, make sure to read the <strong>Terms of Service<\/strong> (link opens in a new window) and check the associated checkbox as a confirmation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"335\" height=\"119\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-11.png\" alt=\"How to Create a WordPress Website (for Beginners), Stage 3 \u2013 Create Your Account and Complete Checkout 6\" class=\"wp-image-490\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-11.png 335w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Scala-Hosting-Order-Process-img-11-300x107.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>5. Check the email you specified for the order with a sales receipt. Once your payment has been processed, you will receive a<strong> Welcome email <\/strong>with more information on how to log in to your <a href=\"https:\/\/www.scalahosting.com\/spanel.html\"><strong>web hosting control panel<\/strong><\/a>.<\/p>\n\n\n\n<p class=\"section-sep\">SECTION 4<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-install-wp\"><strong>How to Install WordPress<\/strong><\/h2>\n\n\n\n<p>In this section of the tutorial, we will go over the steps on how to set up a WordPress website and how to create backups for it.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"steps-for-vps-hosting\"><strong>Install WordPress on VPS Hosting<\/strong><\/h3>\n\n\n\n<p>On ScalaHosting the <a href=\"https:\/\/www.scalahosting.com\/managed-cloud-hosting.html\">VPS Hosting Plan<\/a> is managed through <strong>SPanel<\/strong>. This is our free and lightweight alternative to the popular web management solution \u2013 cPanel.<\/p>\n\n\n\n<p>In order to begin setting up WordPress, refer to the email you received from Scala when your account has been created.<\/p>\n\n\n\n<p>1. Follow the link to SPanel. It should be something like this: <em>https:\/\/yourdomain.com\/spanel<\/em><\/p>\n\n\n\n<p>2. Log in with your email and password. They should be available in the Welcome email as well.<\/p>\n\n\n\n<p>3. The SPanel dashboard features a number of tools, menus, and indicators. What we are looking for is the <strong>Create an Account<\/strong> link.<br>You will find it first thing in the <strong>Quick Links<\/strong> section or in the vertical main menu under <strong>Accounts Management.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"784\" height=\"211\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Install WordPress on VPS Hosting\" class=\"wp-image-491\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-1.png 784w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-1-300x81.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-1-768x207.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"235\" height=\"91\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-2.png\" alt=\"How to Create a WordPress Website (for Beginners), Install WordPress on VPS Hosting 2\" class=\"wp-image-493\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"creating-a-vps-account\"><strong><em>Creating a VPS Account<\/em><\/strong><\/h4>\n\n\n\n<p>4. This page features four fields that are <strong>required to continue:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The <strong>Domain name<\/strong> field is the name of your website. Enter it in the format: <strong>yoursite.com<\/strong><\/li>\n\n\n\n<li>In the <strong>Username <\/strong>field, specify any name that makes sense to you.<\/li>\n\n\n\n<li>The <strong>Password <\/strong>and <strong>Repeat Password<\/strong> fields are next. Refer to the strength meter below the fields to choose a strong passkey that contains upper and lowercase letters, numbers, and special symbols.<\/li>\n\n\n\n<li>The last two fields of the page \u2013 <strong style=\"color: initial;\">Disk Space Limit <\/strong>and <strong style=\"color: initial;\">Inodes Limit<\/strong><span style=\"color: initial;\"> \u2013 are a bit more advanced options. It&#8217;s easier to just leave the default values.<\/span> Modify them only if you&#8217;re sure what you&#8217;re doing<\/li>\n<\/ol>\n\n\n\n<p>5. Click the <strong>Create Account<\/strong> button to finish the account creation process.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"144\" height=\"53\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-3.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a VPS Account\" class=\"wp-image-495\"\/><\/figure>\n\n\n\n<p>6. As a confirmation of the account creation, you will be presented with something similar to the following:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"559\" height=\"527\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-4.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a VPS Account 2\" class=\"wp-image-496\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-4.png 559w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-4-300x283.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"logging-in-to-a-vps-account\"><strong><em>Logging into your VPS Account<\/em><\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"215\" height=\"201\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-5.png\" alt=\"How to Create a WordPress Website (for Beginners), Logging into your VPS Account\" class=\"wp-image-497\"\/><\/figure>\n\n\n\n<p>7. To access the newly created account, locate the <strong>Accounts Management<\/strong> section in the vertical main menu to the left side of the page. Select the <strong>List Accounts<\/strong> option.<\/p>\n\n\n\n<p>8. On the next page, you should see a table with the accounts created on your VPS host. To the right end of the table row, there is a blue<strong> Actions <\/strong>button<strong>. <\/strong>Click on it and select <strong>Login<\/strong> from the menu that appears.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"226\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-6-1024x226.png\" alt=\"How to Create a WordPress Website (for Beginners), Logging into your VPS Account 2\" class=\"wp-image-498\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-6-1024x226.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-6-300x66.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-6-768x170.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-6.png 1036w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"253\" height=\"332\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-7.png\" alt=\"How to Create a WordPress Website (for Beginners), Logging into your VPS Account 3\" class=\"wp-image-499\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-7.png 253w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-7-229x300.png 229w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>9. You are now logged into the account we previously created. Scroll to the bottom of the page and locate the <strong>Tools<\/strong> section. Click on the <a href=\"https:\/\/www.scalahosting.com\/wordpress-manager.html\">SWordPress Manager<\/a> icon located within that section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"843\" height=\"160\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-8.png\" alt=\"How to Create a WordPress Website (for Beginners), Logging into your VPS Account 4\" class=\"wp-image-500\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-8.png 843w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-8-300x57.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-8-768x146.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"installing-wordpress\"><strong><em>Installing WordPress<\/em><\/strong> via SWordPress Manager<\/h4>\n\n\n\n<p>SWordPress Manager is another one of ScalaHosting&#8217;s in-house developed tools. Its purpose is to simplify many of the essential actions related to building a website with the world&#8217;s most popular CMS.<\/p>\n\n\n\n<p>Within the SWordPress Manager, we are presented with a very straightforward interface comprised of two sections:&nbsp;<\/p>\n\n\n\n<p>1) Install New WordPress Site<\/p>\n\n\n\n<p>2) Existing WordPress Installations<br>Let\u2019s begin the installation by focusing on the first field &#8211;<strong> Install New WordPress Site:<\/strong><\/p>\n\n\n\n<p>10. Since we are working with a single domain name, leave the<strong> Domain\/Path <\/strong>field as is.<\/p>\n\n\n\n<p><strong>11. <\/strong>The following fields in this section \u2013 <strong>username<\/strong>, <strong>password<\/strong>, <strong>password confirmation,<\/strong> and<strong> email address<\/strong> \u2013 are for creating the administrative user with which you will use to manage your new WordPress website. Fill them out accordingly and click on the <strong>Install WordPress<\/strong> button to continue.<\/p>\n\n\n\n<p class=\"noting\"><strong>Note:<\/strong> The email address you specify here is used for admin notifications from the website (<em>new comments, updates, password resets, etc.<\/em>)<br><strong>Also note:<\/strong> The Install WordPress button will remain gray until all fields are properly filled out.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"417\" height=\"96\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-9.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing WordPress via SWordPress Manager\" class=\"wp-image-501\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-9.png 417w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-9-300x69.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>12. Once you click the blue Install WordPress button, allow a moment for the installation to complete in the background.<\/p>\n\n\n\n<p>13. Upon the successful end of the process, a confirmation message will appear.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"798\" height=\"138\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-11.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing WordPress via SWordPress Manager 2\" class=\"wp-image-502\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-11.png 798w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-11-300x52.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-11-768x133.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"managing-existing-wordpress-installations\"><strong><em>Managing Existing WordPress Installations<\/em><\/strong><\/h4>\n\n\n\n<p>Before navigating away from the SWordPress Manager, let\u2019s take a moment to review what you can do within the <strong>Existing WordPress Installations section<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"945\" height=\"282\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-12.png\" alt=\"How to Create a WordPress Website (for Beginners), Managing Existing WordPress Installations\" class=\"wp-image-503\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-12.png 945w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-12-300x90.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-12-768x229.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>This section is basically a table, listing your <strong>active WordPress installations<\/strong>, one website per row.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"950\" height=\"285\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-13.png\" alt=\"How to Create a WordPress Website (for Beginners), Managing Existing WordPress Installations 2\" class=\"wp-image-504\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-13.png 950w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-13-300x90.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-13-768x230.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>There are <strong>two On\/Off buttons<\/strong> to the right of the row.&nbsp;<\/p>\n\n\n\n<p><strong>The Security Lock feature<\/strong> is used to prevent any changes to your website done by third parties. Once no one would be able to &#8220;write&#8221; code to your website as its contents will be &#8220;read-only&#8221;. Be advised that this protects the website from <em>any<\/em> changes, and this includes You! While this feature is active, you won\u2019t be able to make <strong>theme modifications<\/strong>,<strong> plugin installations, <\/strong>and <strong>any updates<\/strong>.<\/p>\n\n\n\n<p><strong>The Auto Updates feature<\/strong> is used as an easy way to enable or disable updates for your website, including the <strong>WordPress core, themes, and plugins<\/strong>. It\u2019s best to keep your Auto Updates options to <strong>On<\/strong> unless you\u2019re having custom work done to your website. In that case, consult with your web developer about what will be the best approach.<\/p>\n\n\n\n<p>The blue <strong>Actions <\/strong>button to the far right of each row will open a new menu for you.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"240\" height=\"218\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Installation-Through-SPanel-14.png\" alt=\"How to Create a WordPress Website (for Beginners), Managing Existing WordPress Installations 3\" class=\"wp-image-507\"\/><\/figure>\n\n\n\n<p><strong>The menu contains:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Change password <\/strong>&#8211; change the WordPress admin password<\/li>\n\n\n\n<li><strong>Clone<\/strong> &#8211; clone your entire website to a new folder<\/li>\n\n\n\n<li><strong>Uninstall<\/strong> &#8211; remove the corresponding WordPress website<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"logging-in\"><strong><em>Logging in<\/em><\/strong><\/h4>\n\n\n\n<p>For further instructions, please refer to the section below, titled: <strong>WordPress Initial Setup<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"steps-for-installing-wordpress-on-a-shared-web-hosting-account\"><strong>Steps for Installing WordPress on a Shared Web Hosting Account<\/strong><\/h3>\n\n\n\n<p>1. To log in to your shared web hosting cPanel refer to the Welcome email for instructions or <strong>type your domain name <\/strong>in your browser and <strong>add a <em>\/cpanel<\/em><\/strong> after that.<\/p>\n\n\n\n<p class=\"alert-blue\"><strong>Note:<\/strong> If you have just recently pointed your domain to your nameservers, accessing the control panel via the domain won&#8217;t work until the changes propagate globally. In such cases, refer to the welcome email for more instructions.<\/p>\n\n\n\n<p>Your screen should look like that:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"653\" height=\"342\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Steps for Installing WordPress on a Shared Web Hosting Account\" class=\"wp-image-508\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-1.png 653w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-1-300x157.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>2. Type in your account <strong>username <\/strong>and <strong>password<\/strong>.<\/p>\n\n\n\n<p>3. Upon successful login, you will see the main page for your cPanel. It is <em>loaded<\/em> with apps and various options.<\/p>\n\n\n\n<p>4. Scroll down, to the very bottom of the dashboard and look for a section titled <strong>Softaculous Apps Installer<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"325\" height=\"185\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-2.png\" alt=\"How to Create a WordPress Website (for Beginners), Steps for Installing WordPress on a Shared Web Hosting Account 2\" class=\"wp-image-509\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-2.png 325w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-2-300x171.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>5. Now that we\u2019re in, all you need to do is <strong>click on the<\/strong> <strong>WordPress icon<\/strong> to enter the setup wizard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"721\" height=\"308\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-4.png\" alt=\"How to Create a WordPress Website (for Beginners), Steps for Installing WordPress on a Shared Web Hosting Account 3\" class=\"wp-image-511\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-4.png 721w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-4-300x128.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>6. On the WordPress Installer page, please locate<strong> the horizontal menu <\/strong>right under the WordPress logo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"355\" height=\"172\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-5.png\" alt=\"How to Create a WordPress Website (for Beginners), Steps for Installing WordPress on a Shared Web Hosting Account 4\" class=\"wp-image-512\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-5.png 355w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-5-300x145.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>7. On the blue <strong>Install <\/strong>button, click the triangle pointing downwards to open up the additional menus.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"320\" height=\"136\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-6.png\" alt=\"How to Create a WordPress Website (for Beginners), Steps for Installing WordPress on a Shared Web Hosting Account 5\" class=\"wp-image-513\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-6.png 320w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-6-300x128.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>8. Select <strong>Quick Install<\/strong> from the menu.<\/p>\n\n\n\n<p>The next page requires just a few fields to set up for the installation<strong>.<\/strong><\/p>\n\n\n\n<p>9. By default, the installer<strong> sets WordPress to a sub-folder<\/strong> <strong>called <em>wp<\/em><\/strong>. If you wish to install the CMS in the root folder of your domain name &#8211; leave this field blank.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"861\" height=\"73\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-7.png\" alt=\"How to Create a WordPress Website (for Beginners), Steps for Installing WordPress on a Shared Web Hosting Account 6\" class=\"wp-image-514\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-7.png 861w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-7-300x25.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-7-768x65.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>10. In the <strong>Admin Account <\/strong>section, enter the desired username and password for your admin user. As a rule of thumb, make sure your password is at least at 50% difficulty.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"471\" height=\"39\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-7a.png\" alt=\"How to Create a WordPress Website (for Beginners), Steps for Installing WordPress on a Shared Web Hosting Account 7\" class=\"wp-image-515\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-7a.png 471w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-7a-300x25.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>11. In the <strong>Admin Email<\/strong> field, type in the email where you would like to receive <strong>notifications on updates<\/strong>, <strong>comments, <\/strong>and other events related to your website.<\/p>\n\n\n\n<p>12. There are two additional sections here &#8211; <strong>Select Plugin(s)<\/strong> and <strong>Select Theme<\/strong> where you can add a desired template and add-ons to include in the installation.<\/p>\n\n\n\n<p>13. Scroll down to the bottom of the page. You can enter the same email, you used for the Admin user in the field below the blue <strong>Install<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"433\" height=\"131\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-8.png\" alt=\"How to Create a WordPress Website (for Beginners), Steps for Installing WordPress on a Shared Web Hosting Account 8\" class=\"wp-image-516\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-8.png 433w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/cPanel-WordPress-Installation-8-300x91.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>14. Press the blue Install button to initiate the installation. You will be presented with <strong>a progress bar<\/strong> to monitor how the installation is going. Please allow a couple of minutes for it to complete.<\/p>\n\n\n\n<p>Once your WordPress setup is completed, you will receive an email with your login credentials and website address.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"logging-in\"><strong><em>Logging in<\/em><\/strong><\/h4>\n\n\n\n<p>For further instructions please refer to the section below, titled: <strong>WordPress Initial Setup<\/strong><\/p>\n\n\n\n<p class=\"secion-sep\">SECTION 5<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wordpress-initial\"><strong>WordPress Initial Setup<\/strong><\/h2>\n\n\n\n<p>Now that your WordPress website is up and running, it\u2019s time to customize it and make it your own.&nbsp;<\/p>\n\n\n\n<p>In this section, we\u2019re going to work with some of <strong>the core adjustments for your website, its search engine visibility, page settings<\/strong>, and so on.<\/p>\n\n\n\n<p>WordPress is designed to cater to people from any skill level and, for this reason, the administrative area includes both<strong> advanced and beginner settings<\/strong>.<\/p>\n\n\n\n<p>Let&#8217;s check them out so you can get started with creating your content as soon as possible.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"logging-into-the-wordpress-admin\"><strong>Logging Into the WordPress Admin<\/strong><\/h3>\n\n\n\n<p>1. To enter your WordPress dashboard, just <strong>type your domain name<\/strong> followed by a <em>\/wp-admin<\/em> at the end. The full address should look something like this: https:\/\/yoursite.com\/wp-admin&nbsp;<\/p>\n\n\n\n<p>2. Now, enter the username and password you specified in the WordPress setup wizard and hit the <strong>Enter<\/strong> button on your keyboard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"532\" height=\"394\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Logging Into the WordPress Admin\" class=\"wp-image-517\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-1.png 532w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-1-300x222.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>3. Upon successful login you will be redirected to the dashboard &#8211; the place where you&#8217;ll be building your website. <strong>Welcome to WordPress!<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"site-title-and-tagline\"><strong>Site Title and Tagline<\/strong><\/h3>\n\n\n\n<p>1. Now that you are at the dashboard, locate <strong>the Settings link<\/strong> at the bottom of the main menu on the left hand side of the screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"190\" height=\"209\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-2.png\" alt=\"How to Create a WordPress Website (for Beginners), Site Title and Tagline\" class=\"wp-image-518\"\/><\/figure>\n\n\n\n<p>2. Clicking the Settings link will redirect you to the first sub-page of this menu \u2013 <strong>General Settings<\/strong>. This is where you will set the <strong>name and tagline (catchphrase) <\/strong>of your website.<\/p>\n\n\n\n<p class=\"alert-blue\"><strong>Note: <\/strong>Different designs for your website, also known as Themes, might display the tagline differently or hide it altogether.<\/p>\n\n\n\n<p>3. At the bottom of every settings page in the admin there is a blue <strong>Save Changes<\/strong> button that you must always click whenever you change anything.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"140\" height=\"46\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-3.png\" alt=\"How to Create a WordPress Website (for Beginners), Site Title and Tagline 2\" class=\"wp-image-519\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"timezone\"><strong>Timezone<\/strong><\/h3>\n\n\n\n<p>1. On the same General Settings page, you can scroll down to the <strong>Timezone <\/strong>drop-down. It looks like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"851\" height=\"154\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-4.png\" alt=\"How to Create a WordPress Website (for Beginners), Timezone\" class=\"wp-image-520\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-4.png 851w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-4-300x54.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-4-768x139.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>2. Use it to <strong>pick the appropriate timezone for your location<\/strong>. This is an important setting related to tasks like post scheduling.<\/p>\n\n\n\n<p>3. Remember to <strong>save your changes<\/strong> once you&#8217;re set.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"to-search-engine-or-not-to-search-engine\"><strong>To Search Engine or Not to Search Engine?<\/strong><\/h3>\n\n\n\n<p>Since you are just starting out with your website, it\u2019s important to keep search engines in mind from the very beginning and design your pages in a way that will complement your SEO efforts.<\/p>\n\n\n\n<p>So, before you are fully ready to publish your project online, it&#8217;s best to discourage them from displaying your pages in the search results. To do this:<\/p>\n\n\n\n<p>1. Locate the <strong>Settings <\/strong>menu to the left and click the<strong> Reading <\/strong>sub-page.<\/p>\n\n\n\n<p>2. At the bottom of the page, there is a<strong> Search Engine Visibility checkbox.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"586\" height=\"129\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-5.png\" alt=\"How to Create a WordPress Website (for Beginners), To Search Engine or Not to Search Engine?\" class=\"wp-image-521\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-5.png 586w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-5-300x66.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>To prevent search engines from indexing your site, make sure this checkbox is <strong>checked<\/strong>.<\/p>\n\n\n\n<p>3. Click the <strong>Save Changes<\/strong> button.<\/p>\n\n\n\n<p>4. Make sure to put a note somewhere that your site is currently not indexed and you should change that as soon as you&#8217;re ready to go live.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"allowing-and-disallowing-comments\"><strong>Allowing and Disallowing Comments<\/strong><\/h3>\n\n\n\n<p>Comments on posts can be of great value to your blog, but can also be an unnecessary distraction or an easy gateway for spam<strong>.<\/strong> In WordPress, comments are enabled by default. To set up your commenting options:<\/p>\n\n\n\n<p>1. Go to <strong>Settings <\/strong>and then <strong>Discussions <\/strong>on the left-side menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"164\" height=\"162\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-6.png\" alt=\"How to Create a WordPress Website (for Beginners), Allowing and Disallowing Comments\" class=\"wp-image-522\"\/><\/figure>\n\n\n\n<p>2. The first option here is the <strong>Default Post Settings<\/strong> which includes all the basic settings for the WordPress commenting system:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"787\" height=\"183\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-7.png\" alt=\"How to Create a WordPress Website (for Beginners), Allowing and Disallowing Comments 2\" class=\"wp-image-523\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-7.png 787w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-7-300x70.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-7-768x179.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>&nbsp;Attempt to notify any blogs linked to from the post<\/strong><br>When you write a post and you place a link within your text, that leads to another post on another WordPress site, the &#8220;recipient&#8221; will also receive a notification that you have linked to their blog post. This is known as <strong>Pingbacks<\/strong>.<\/li>\n\n\n\n<li>&nbsp;<strong>Allow<\/strong> <strong>link notifications from other blogs<\/strong> <em><strong>(pingbacks and trackbacks)<\/strong><\/em> <strong>on new posts<\/strong><br>If you leave this setting <em>On<\/em>, a notification will automatically appear in your blog post whenever someone links to it.<\/li>\n\n\n\n<li><strong>&nbsp;Allow people to submit comments on new posts<\/strong><br>Toggle this to enable or disable comments on your blog posts. Note that this setting can be overridden by the comments setting on your individual blog posts.<\/li>\n<\/ul>\n\n\n\n<p>3. Click the blue <strong>Save Changes<\/strong> button to confirm your settings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"permalinks\"><strong>Permalinks<\/strong><\/h3>\n\n\n\n<p>Permalinks are the bread and butter of your website\u2019s structure. Every post and page on your WordPress website has a web address, also known as a URL. Permalinks<strong> define the structure of your URL. <\/strong><\/p>\n\n\n\n<p>To access Permalinks settings:<\/p>\n\n\n\n<p>1. Click on the <strong>Permalinks <\/strong>link located near the bottom of your <strong>Settings <\/strong>menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"162\" height=\"251\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-8.png\" alt=\"How to Create a WordPress Website (for Beginners), Permalinks\" class=\"wp-image-524\"\/><\/figure>\n\n\n\n<p>2. There are quite a few options to pick from here and all of them are intended for different types of WordPress websites. If you are unsure how they work, avoid leaving the <strong>Plain <\/strong>setting on. <strong>Day and name<\/strong> and<strong> Post name<\/strong> are the most common ones.<\/p>\n\n\n\n<p>3. To select a <strong>Permalink scheme<\/strong>, simply click on the name or the radio button on the left.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"172\" height=\"38\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Initial-Setup-9.png\" alt=\"How to Create a WordPress Website (for Beginners), Permalinks 2\" class=\"wp-image-525\"\/><\/figure>\n\n\n\n<p>4. Scroll to the bottom of the page and click on the<strong> Save Changes <\/strong>button to confirm your permalink changes.<\/p>\n\n\n\n<p class=\"alert-blue\"><strong>Note:<\/strong> Permalinks practically change the addresses of your posts and pages, so it\u2019s best to avoid changing them often. Once you change the structure of your permalinks, the old URLs will become invalid.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"viewing-as-visitor\"><strong>Viewing the Website as a Visitor<\/strong><\/h2>\n\n\n\n<p>As we discussed at the beginning of this WordPress tutorial, visitors view content in the front end and administrators manage it on the backend.<\/p>\n\n\n\n<p>From this point on, you will be making lots of changes that will affect the front end, so you will need a fast and easy way to alternate between the user and admin parts of your website.<\/p>\n\n\n\n<p>1. Have a look at the top left corner of the<strong> WordPress admin<\/strong> <strong>dashboard<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"321\" height=\"92\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WP-Backend-Frontend-Switch-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Viewing the Website as a Visitor\" class=\"wp-image-526\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WP-Backend-Frontend-Switch-1.png 321w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WP-Backend-Frontend-Switch-1-300x86.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>2. There is a button with your <strong>website name<\/strong> <em>(My Blog in our case) <\/em>with a <strong>house icon<\/strong> next to it. Click on it.<\/p>\n\n\n\n<p>3. You are now transported to the front end. Notice how the icon changed. It is now showing a <strong>gauge<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"321\" height=\"92\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WP-Backend-Frontend-Switch-2.png\" alt=\"How to Create a WordPress Website (for Beginners), Viewing the Website as a Visitor 2\" class=\"wp-image-527\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WP-Backend-Frontend-Switch-2.png 321w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WP-Backend-Frontend-Switch-2-300x86.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>4. Click on the gauge icon to return to the WordPress admin (a.k.a. the backend).<\/p>\n\n\n\n<p class=\"section-sep\">SECTION 6<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"working-with-content\"><strong>Working With Content<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"types-of-content-in-wordpress\">Types of Content in WordPress<\/h3>\n\n\n\n<p>The content of your website is divided into six major types:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Posts<\/strong><br>&#8211; appear as content displayed within a<strong> Category <\/strong>or a<strong> Tag <\/strong>on your blog; <br>&#8211; can also be displayed as links on your website menus and sidebars;<\/li>\n\n\n\n<li><strong>Pages<\/strong><br>\u2013 appear as links on your website menus and sidebars;<br>\u2013 unlike posts, can only be organized into pages and sub-pages;<\/li>\n\n\n\n<li><strong>Files<\/strong><br>\u2013 appear as download links in the content of your site;<br>\u2013 inserted into posts and pages as a gallery of images;<\/li>\n\n\n\n<li><strong>Categories<\/strong><br>\u2013 used to group posts together;<br>\u2013 can also contain other sub-categories, filled with their own posts;<br>\u2013 each post must belong to at least one category;<br>\u2013 posts can belong to multiple categories;<\/li>\n\n\n\n<li><strong>Tags<\/strong><br>\u2013 are used as a more fine-grained method for grouping posts together;<br>\u2013 cannot contain items other than posts;<br>\u2013 are optional for grouping posts, unlike categories;<br>\u2013 posts can have multiple tags;<\/li>\n\n\n\n<li><strong>Comments<\/strong><br>\u2013 appear under posts as content submitted by your website visitors;<br>\u2013 like files, comments do not have categories, tags, and parents.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"creating-and-managing-content\"><strong>Creating and Managing Content<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"posts\">Posts<\/h4>\n\n\n\n<p>To begin working with your content, click on the<strong> Posts <\/strong>option in the main menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"172\" height=\"82\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Posts\" class=\"wp-image-528\"\/><\/figure>\n\n\n\n<p>When working with the other content types you will notice that the screens for Posts and Pages are very much alike, the same way it is for Categories and Tags.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"206\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-2-1024x206.png\" alt=\"How to Create a WordPress Website (for Beginners), Posts 2\" class=\"wp-image-529\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-2-1024x206.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-2-300x60.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-2-768x155.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-2.png 1315w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"creating-a-post\"><strong>Creating a Post<\/strong><\/h5>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p>1. To start creating a post, click on the<strong> Add New <\/strong>button, located right next to the <strong>Posts <\/strong>title of the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"357\" height=\"107\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-3.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a Post\" class=\"wp-image-530\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-3.png 357w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-3-300x90.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>2. Welcome to the <strong>Post Edit<\/strong> screen. You will see a welcome screen that tells you more about the <strong>Block Editor.<\/strong><\/p>\n\n\n\n<p>You can start the tutorial by clicking on the blue <strong>Get Started<\/strong> button or simply check it at a later point.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"316\" height=\"208\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-4.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a Post 2\" class=\"wp-image-531\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-4.png 316w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-4-300x197.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>3. We can focus on adding text content by simply selecting one of the blocks and typing in it.&nbsp;<\/p>\n\n\n\n<p>4. On the right-hand sidebar you will see two tabs: <strong>Document <\/strong>and <strong>Block<\/strong>. Whenever you click on a block to add text, the sidebar will switch to the <strong>Block tab<\/strong>. Analogically, the global post settings are in the <strong>Document tab<\/strong>. For our current needs, we need to navigate to the latter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"293\" height=\"67\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-5.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a Post 3\" class=\"wp-image-532\"\/><\/figure>\n\n\n\n<p>5. Adding the post to a category is important for your website structure. You can assign any post by clicking on the<strong> Categories drop-down<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"284\" height=\"68\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-6.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a Post 4\" class=\"wp-image-533\"\/><\/figure>\n\n\n\n<p>6. When the drop-down expands you will see there is only one category \u2013 <strong>Uncategorized. <\/strong>This is the default category where all posts without an assigned category go automatically.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"270\" height=\"129\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-7.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a Post 5\" class=\"wp-image-534\"\/><\/figure>\n\n\n\n<p>7. Click on the <strong>Add New Category <\/strong>link to create a more specific category.<br>This will expand the section with two new fields:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"270\" height=\"306\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-8.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a Post 6\" class=\"wp-image-535\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-8.png 270w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-8-265x300.png 265w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>8. Under the <strong>New Category Name <\/strong>label, type the name of your new category.<\/p>\n\n\n\n<p>9. Click the <strong>Add New Category<\/strong> button to apply the changes. Our new category is now created and we have assigned our post to it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"269\" height=\"117\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-9.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a Post 7\" class=\"wp-image-536\"\/><\/figure>\n\n\n\n<p>10. Adding a tag to a post is even more straightforward. Click on the <strong>Tags <\/strong>drop-down, located right under the <strong>Categories <\/strong>section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"270\" height=\"168\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-10.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a Post 8\" class=\"wp-image-537\"\/><\/figure>\n\n\n\n<p>11. If you want to include multiple tags, you can separate them with commas. Hit <strong>Enter <\/strong>once you are done adding tags.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"267\" height=\"171\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-11.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a Post 9\" class=\"wp-image-538\"\/><\/figure>\n\n\n\n<p class=\"alert-blue\"><strong>Note:<\/strong> When you are entering the name of a tag that already exists, WordPress will auto-complete it for you based on the first three characters you have entered.<\/p>\n\n\n\n<p>12. When you are done creating your post, click on the <strong>Publish <\/strong>button at the top right corner of the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"369\" height=\"114\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-12.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a Post 10\" class=\"wp-image-539\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-12.png 369w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-12-300x93.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>13. Once you choose to publish, you will need to confirm your choice. Make sure you are okay with the changes you\u2019ve done on the post and press the blue <strong>Publish <\/strong>button once again.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"281\" height=\"154\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-13.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a Post 11\" class=\"wp-image-540\"\/><\/figure>\n\n\n\n<p>14. The post is published and you can leave the Block Editor by clicking on the black and white WordPress-themed button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"196\" height=\"89\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-14.png\" alt=\"How to Create a WordPress Website (for Beginners), Creating a Post 12\" class=\"wp-image-541\"\/><\/figure>\n\n\n\n<p>15. Clicking on it will redirect you back to the Posts screen.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"updating-a-post\"><strong>Updating a Post<\/strong><\/h5>\n\n\n\n<p>Updating a post uses the <strong>very same mechanics <\/strong>we\u2019ve been through in the previous section with the only difference that we will be addressing an existing post.<\/p>\n\n\n\n<p>1. In the <strong>Posts <\/strong>screen locate the post you just created and move your mouse over its row.<\/p>\n\n\n\n<p>2. Four links appear below its title. Click on <strong>Edit<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"560\" height=\"142\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-15.png\" alt=\"How to Create a WordPress Website (for Beginners), Updating a Post\" class=\"wp-image-542\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-15.png 560w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-15-300x76.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>3. You are now back at the Block Editor. Notice the top right corner where the blue Publish button was? It is now replaced by <strong>Update.<\/strong><\/p>\n\n\n\n<p>4. To test, make any minor change to trigger the Update button. It will turn dark blue once active.<\/p>\n\n\n\n<p>5. Click on the Update button. A notification will appear in the bottom left corner of the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"262\" height=\"73\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-16.png\" alt=\"How to Create a WordPress Website (for Beginners), Updating a Post 2\" class=\"wp-image-543\"\/><\/figure>\n\n\n\n<p>6. You can either click on the <strong>View Post<\/strong> link or move back to the WordPress Admin by clicking on the black and white WordPress logo, located at the top left corner.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"deleting-a-post\"><strong>Deleting a Post<\/strong><\/h5>\n\n\n\n<p>Deleting a post is quite easy through the <strong>Posts <\/strong>screen<strong>.<\/strong> You can remove posts in two ways:<\/p>\n\n\n\n<p>1. Deleting a single post is done by pointing at its row and clicking on the red <strong>Trash <\/strong>icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"560\" height=\"142\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-15.png\" alt=\"How to Create a WordPress Website (for Beginners), Updating a Post\" class=\"wp-image-542\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-15.png 560w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-15-300x76.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p><strong>2. <\/strong>If you want to delete multiple posts, click on the associated checkbox and select <strong>Move to Trash<\/strong> from the <strong>Bulk Actions<\/strong> drop-down.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"524\" height=\"294\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-17.png\" alt=\"How to Create a WordPress Website (for Beginners), Deleting a Post 2\" class=\"wp-image-544\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-17.png 524w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-17-300x168.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"the-trash-bin\"><strong>Managing<\/strong> <strong>The Trash<\/strong><\/h5>\n\n\n\n<p>Once a post is deleted, it goes to the<strong> Trash <\/strong>bin where you can either restore the post or delete it forever (just like the Trash on your personal computer). It is accessible only when there are posts or pages in it.<\/p>\n\n\n\n<p>To visit the trash once you have deleted a post, refer to the corresponding link that is now visible under the title on the Posts screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"269\" height=\"63\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-18.png\" alt=\"How to Create a WordPress Website (for Beginners), Managing The Trash\" class=\"wp-image-545\"\/><\/figure>\n\n\n\n<p>The Trash screen uses the same mechanics to manage posts as the Posts section with the only exception of the <strong>Empty Trash <\/strong>button. The option is visible right above the posts list. Use it to empty the entire trash.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"276\" height=\"111\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-19.png\" alt=\"How to Create a WordPress Website (for Beginners), Managing The Trash 2\" class=\"wp-image-546\"\/><\/figure>\n\n\n\n<p>You can also <strong>remove single posts<\/strong> by clicking on the checkbox at the beginning of each row or delete them in bulk from the <strong>Bulk Actions <\/strong>drop-down<strong>.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"535\" height=\"145\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-20.png\" alt=\"How to Create a WordPress Website (for Beginners), Managing The Trash 3\" class=\"wp-image-547\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-20.png 535w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-20-300x81.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"526\" height=\"207\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-21.png\" alt=\"How to Create a WordPress Website (for Beginners), Managing The Trash 4\" class=\"wp-image-548\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-21.png 526w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-21-300x118.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"categories\"><strong><em>Categories<\/em><\/strong><\/h4>\n\n\n\n<p>The <strong>Categories <\/strong>screen can be accessed by clicking on <strong>Posts <\/strong>from the left-side menu and then following the corresponding option<strong>.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"172\" height=\"164\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-22.png\" alt=\"How to Create a WordPress Website (for Beginners), Categories\" class=\"wp-image-549\"\/><\/figure>\n\n\n\n<p>The post edit screen is comprised of two parts:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Add New Category<\/strong> section to the left<\/li>\n\n\n\n<li><strong>Existing Categories<\/strong> list to the right<\/li>\n<\/ol>\n\n\n\n<p class=\"alert-blue\"><strong>Note:<\/strong> The Categories list is identical to the posts list and works in the same way when it comes to editing and deleting existing categories.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"adding-a-new-category\"><strong>Adding a New Category<\/strong><\/h5>\n\n\n\n<p>1. In the <strong>Add New Category<\/strong> section, type in the desired name of your category in the blank text field, labeled <strong>Name<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"409\" height=\"235\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-23.png\" alt=\"How to Create a WordPress Website (for Beginners), Adding a New Category\" class=\"wp-image-550\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-23.png 409w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-23-300x172.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>2. You can skip the <strong>Slug <\/strong>text field \u2013 this one is populated automatically.<\/p>\n\n\n\n<p>3. Use the <strong>Parent Category<\/strong> drop-down if you would like to turn the category you are creating into a sub-category of another one.<\/p>\n\n\n\n<p>4. The <strong>Description <\/strong>field is usually skipped as well \u2013 it is utilized by the WordPress themes for displaying a category description on the frontend but many templates don&#8217;t show this information anyway.<\/p>\n\n\n\n<p>5. Once you are done filling out the text fields for the new category, click the blue <strong>Add New Category<\/strong> button at the bottom of the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"158\" height=\"49\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-24.png\" alt=\"How to Create a WordPress Website (for Beginners), Adding a New Category 2\" class=\"wp-image-551\"\/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"editing-categories\"><strong>Editing Categories<\/strong><\/h5>\n\n\n\n<p>1. You can edit a category by moving the mouse cursor over its row and clicking <strong>Edit<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"739\" height=\"137\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-25.png\" alt=\"How to Create a WordPress Website (for Beginners), Editing Categories\" class=\"wp-image-552\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-25.png 739w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-25-300x56.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>2. You are now at the <strong>Edit Category <\/strong>screen<\/p>\n\n\n\n<p>3.&nbsp;Once you are done making any edits to the contents of the fields, click the blue <strong>Update<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"175\" height=\"53\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-26.png\" alt=\"How to Create a WordPress Website (for Beginners), Editing Categories 2\" class=\"wp-image-553\"\/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"deleting-categories\"><strong>Deleting Categories<\/strong><\/h5>\n\n\n\n<p>Just like your posts, categories are deleted either by<strong> hovering over their row<\/strong> in the Categories screen and clicking <strong>Delete <\/strong>or by <strong>using checkboxes<\/strong> and the Bulk Actions drop-down.<\/p>\n\n\n\n<p>There is one difference, though.<\/p>\n\n\n\n<p>Categories and tags do not have a Trash. They are <strong>permanently deleted<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"tags\"><strong><em>Tags<\/em><\/strong><\/h4>\n\n\n\n<p>The Tags screen is accessible by clicking on <strong>Posts \u2192 Tags.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"165\" height=\"173\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-27.png\" alt=\"How to Create a WordPress Website (for Beginners), Tags\" class=\"wp-image-554\"\/><\/figure>\n\n\n\n<p>Tags are managed the same way as categories. When <strong>creating a new tag, <\/strong>you will see fewer fields as tags are <strong>not hierarchical<\/strong> like categories.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"416\" height=\"544\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-28.png\" alt=\"How to Create a WordPress Website (for Beginners), Tags 2\" class=\"wp-image-555\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-28.png 416w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Creating-and-Managing-Content-28-229x300.png 229w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>It\u2019s also worth pointing out that tags are best created when adding them to a post, in the <strong>Post Edit<\/strong> screen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"files\"><strong><em>Files<\/em><\/strong><\/h4>\n\n\n\n<p>To keep things beginner-friendly, we will only go through the process of attaching an image to a post and then removing it \u2013 both from the post and your file library.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"attach-image-to-a-post\"><strong>Attaching image to a post<\/strong><\/h5>\n\n\n\n<p>1. Start a new post by going to the main menu <strong>\u2192 Posts \u2192 Add New<\/strong><\/p>\n\n\n\n<p>2. In the block editor, note the two lines of text. The first one is the <strong>title of the post <\/strong>and the second one is the<strong> first block of the content.<\/strong> Click on the second line that says: &#8220;start writing or type \/ to choose a block&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"428\" height=\"213\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Attaching image to a post\" class=\"wp-image-556\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-1.png 428w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-1-300x149.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>3. The blinking text cursor will replace the text. Click on the<strong> circular button<\/strong> <strong>with a plus<\/strong> on it, to the right of the blinking text cursor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"701\" height=\"85\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-2.png\" alt=\"How to Create a WordPress Website (for Beginners), Attaching image to a post 2\" class=\"wp-image-557\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-2.png 701w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-2-300x36.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>4. The block menu will appear. Click on the<strong> Image <\/strong>icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"417\" height=\"370\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-3.png\" alt=\"How to Create a WordPress Website (for Beginners), Attaching image to a post 3\" class=\"wp-image-558\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-3.png 417w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-3-300x266.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>5. The block in the post content now displays the image uploader. Pick an image from your computer by clicking the <strong>Upload <\/strong>button<strong>.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"726\" height=\"287\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-4.png\" alt=\"How to Create a WordPress Website (for Beginners), Attaching image to a post 4\" class=\"wp-image-559\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-4.png 726w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-4-300x119.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"remove-image-from-a-post\"><strong>Removing Image From a Post<\/strong><\/h5>\n\n\n\n<p>1. To remove the image block, click on the image and choose the <strong>option with 3 vertical dots<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"157\" height=\"130\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-5.png\" alt=\"How to Create a WordPress Website (for Beginners), Removing Image From a Post\" class=\"wp-image-560\"\/><\/figure>\n\n\n\n<p>2. Another menu will expand. Press the <strong>Remove Block <\/strong>button located at the bottom of the menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"385\" height=\"176\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-6.png\" alt=\"How to Create a WordPress Website (for Beginners), Removing Image From a Post 2\" class=\"wp-image-561\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-6.png 385w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-6-300x137.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>The block is now removed. Keep in mind the actual image remains stored on your website.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"remove-image-from-the-file-library\"><strong>Removing Image From the File Library<\/strong><\/h5>\n\n\n\n<p>1. Click on the main menu \u2192 <strong>Media<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"167\" height=\"73\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-7.png\" alt=\"How to Create a WordPress Website (for Beginners), Removing Image From the File Library\" class=\"wp-image-562\"\/><\/figure>\n\n\n\n<p>2. This will display the <strong>Media Library<\/strong> screen. You can switch to the content view by clicking the first button from the horizontal bar located under the title of the screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"352\" height=\"139\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-8.png\" alt=\"How to Create a WordPress Website (for Beginners), Removing Image From the File Library 2\" class=\"wp-image-563\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-8.png 352w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-8-300x118.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>3. Now that we switched to a familiar interface (resembling the Posts screen), point to the row of the uploaded image and click on the red <strong>Delete Permanently<\/strong> link that appears underneath.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"463\" height=\"126\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-9.png\" alt=\"How to Create a WordPress Website (for Beginners), Removing Image From the File Library 3\" class=\"wp-image-564\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-9.png 463w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-with-Files-9-300x82.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>4. Upon clicking the link, a pop-up requesting your confirmation will appear. Click the <strong>Okay <\/strong>button to confirm the removal.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"pages\"><strong><em>Pages<\/em><\/strong><\/h4>\n\n\n\n<p>Pages are created, updated, and deleted the same way as posts.<\/p>\n\n\n\n<p>To start working with them, click on the <strong>Pages <\/strong>link, located in the left-side menu. Once you are redirected to the next screen, you will notice everything is pretty much identical to what we&#8217;ve seen in Posts.<\/p>\n\n\n\n<p>The main difference is that instead of setting category and tags, you can set an optional page parent.<\/p>\n\n\n\n<p class=\"section-sep\">SECTION 7<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"changing-structure\"><strong>Changing the Structure of Your Custom WordPress Site<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"setting-the-homepage-and-posts-page\">Setting the Homepage and Posts Page<\/h3>\n\n\n\n<p>By default, your WordPress website lists the <strong>last<\/strong> <strong>10 posts<\/strong> on its front page.<\/p>\n\n\n\n<p>In this section, we are going to take a look at a popular alternative \u2013 a <strong>static front page<\/strong> and a separate <strong>Blog page<\/strong> that lists the latest posts.<\/p>\n\n\n\n<p>1. Click on <strong>Pages<\/strong> in the main menu.<\/p>\n\n\n\n<p>2. Select the <strong>Add New<\/strong> option.<\/p>\n\n\n\n<p>3. In the <strong>Add Title<\/strong> field enter the desired slogan for your page. You can change it or add content later on.<\/p>\n\n\n\n<p>4. Expand the<strong> Page Attributes drop-down<\/strong>, located at the bottom right corner of the screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"331\" height=\"99\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Setting-Home-Page-and-Blog-Page-0.png\" alt=\"How to Create a WordPress Website (for Beginners), Setting the Homepage and Posts Page\" class=\"wp-image-565\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Setting-Home-Page-and-Blog-Page-0.png 331w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Setting-Home-Page-and-Blog-Page-0-300x90.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>5. From the <strong>Template <\/strong>drop-down, select <strong>Cover Template<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"300\" height=\"205\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Setting-Home-Page-and-Blog-Page-0a.png\" alt=\"How to Create a WordPress Website (for Beginners), Setting the Homepage and Posts Page 2\" class=\"wp-image-566\"\/><\/figure>\n\n\n\n<p>6. Click the blue Publish button in the top right corner. Then, hit the <strong>Publish <\/strong>button once again to confirm the changes.<\/p>\n\n\n\n<p>7. Once the post has been published online, go back to the <strong>Pages screen<\/strong>.<\/p>\n\n\n\n<p>8. Repeat the previous steps to create a second new page, titled <strong>Blog<\/strong>, but don\u2019t select a template for it.<\/p>\n\n\n\n<p>9. Next, click on <strong>Settings<\/strong> at the bottom of the main menu.<\/p>\n\n\n\n<p>10. From the expanded menu, select<strong> Reading<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"171\" height=\"144\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Setting-Home-Page-and-Blog-Page-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Setting the Homepage and Posts Page 3\" class=\"wp-image-567\"\/><\/figure>\n\n\n\n<p>11. The first option on this page is <strong>Your Homepage Displays<\/strong>. Switch the radio button from <strong>Your Latest Posts <\/strong>to<strong> A Static Page <em>(select below)<\/em><\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"475\" height=\"253\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Setting-Home-Page-and-Blog-Page-2.png\" alt=\"How to Create a WordPress Website (for Beginners), Setting the Homepage and Posts Page 4\" class=\"wp-image-568\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Setting-Home-Page-and-Blog-Page-2.png 475w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Setting-Home-Page-and-Blog-Page-2-300x160.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>12. Use the <strong>Homepage <\/strong>drop-down menu to select the slogan we created earlier.<\/p>\n\n\n\n<p>13. Use the <strong>Posts <\/strong>page drop-down to select <strong>Blog<\/strong> from the list.<\/p>\n\n\n\n<p>14. Click on the blue<strong> Save Changes <\/strong>button at the bottom of the page.<\/p>\n\n\n\n<p>15. View the results of your work by switching over to the front-end \u2013 click the <strong>button with a house icon<\/strong> at the top left corner of the screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"185\" height=\"48\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Setting-Home-Page-and-Blog-Page-3.png\" alt=\"How to Create a WordPress Website (for Beginners), Setting the Homepage and Posts Page 5\" class=\"wp-image-569\"\/><\/figure>\n\n\n\n<p>Please switch over to the <strong>WordPress admin<\/strong> before continuing to the next section of this tutorial.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"working-with-menus\"><strong>Working With Menus<\/strong><\/h3>\n\n\n\n<p>The Menus screen is accessed by clicking on<strong> Appearance \u2192 Menus.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"168\" height=\"204\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Working With Menus\" class=\"wp-image-570\"\/><\/figure>\n\n\n\n<p>The screen consists of two columns &#8211;<strong> Add menu items <\/strong>(for pages, posts, and other items) and<strong> Menu structure<\/strong>.<\/p>\n\n\n\n<p>1. By default your website has no menus created. Start by entering a name and then click on the blue <strong>Create Menu<\/strong> button on the right.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"831\" height=\"114\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-2.png\" alt=\"How to Create a WordPress Website (for Beginners), Working With Menus 2\" class=\"wp-image-571\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-2.png 831w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-2-300x41.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-2-768x105.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>2. Now that we created Main Menu, note that the Add menu items column turned active and <strong>Menu Settings<\/strong> appeared near the bottom.<\/p>\n\n\n\n<p>3. Let\u2019s start by adding a page to the menu. From the <strong>Add menu items<\/strong> column, click on the checkbox labeled<strong> Sample Page<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"302\" height=\"186\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-3.png\" alt=\"How to Create a WordPress Website (for Beginners), Working With Menus 3\" class=\"wp-image-572\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-3.png 302w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-3-300x185.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>4. Now, click the <strong>Add to Menu button <\/strong>to confirm your choice.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"299\" height=\"148\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-4.png\" alt=\"How to Create a WordPress Website (for Beginners), Working With Menus 4\" class=\"wp-image-573\"\/><\/figure>\n\n\n\n<p>5. The page titled Sample Page is now present in both the <strong>Menu Structure column<\/strong> and the <strong>Main Menu<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"453\" height=\"220\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-5.png\" alt=\"How to Create a WordPress Website (for Beginners), Working With Menus 5\" class=\"wp-image-574\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-5.png 453w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-5-300x146.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>Make sure to click <strong>Save Menu <\/strong>after making any changes or they will be lost.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"829\" height=\"101\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-6.png\" alt=\"How to Create a WordPress Website (for Beginners), Working With Menus 6\" class=\"wp-image-575\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-6.png 829w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-6-300x37.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-6-768x94.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>6. In order for the menu to appear on the front end, it needs to be assigned to a display location. Similar to sidebars, display locations are areas around your site that can have <strong>a specific type of content <\/strong>assigned to them, in this case \u2013 menus.<\/p>\n\n\n\n<p><br>Click the checkbox labeled <strong>Desktop Horizontal Menu <\/strong>to assign the Main Menu to this location.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"518\" height=\"165\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-7.png\" alt=\"How to Create a WordPress Website (for Beginners), Working With Menus 7\" class=\"wp-image-576\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-7.png 518w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Menus-7-300x96.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>7. Click the <strong>Save Menu<\/strong> button again to confirm your changes.<\/p>\n\n\n\n<p>8. Switch over to the front end.<\/p>\n\n\n\n<p>9. Take note of the newly added link located in the top right corner of the page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"working-with-sidebars-and-widgets\"><strong>Working With Sidebars and Widgets<\/strong><\/h3>\n\n\n\n<p>Sidebars are areas where <strong>Widgets <\/strong>are displayed. Widgets are pieces of content that can be pretty much anything \u2013 from your top 10 most commented posts, a search field, an email subscription form, or a calendar with dates when you posted.<\/p>\n\n\n\n<p>The majority of themes use sidebars. When you visit the <strong>Appearance \u2192 Widgets <\/strong>page,<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"169\" height=\"144\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Working With Sidebars and Widgets\" class=\"wp-image-577\"\/><\/figure>\n\n\n\n<p>you will see a list of available widgets to the left and one or more sidebars to the right.<\/p>\n\n\n\n<p>In the example below, these sidebars are called<strong> Footer #1 <\/strong>and <strong>Footer #2.&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"575\" height=\"270\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-3.png\" alt=\"How to Create a WordPress Website (for Beginners), Working With Sidebars and Widgets 2\" class=\"wp-image-578\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-3.png 575w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-3-300x141.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p>Every <a href=\"https:\/\/wordpress.com\/themes?currency=USD&amp;utm_source=google&amp;utm_campaign=google_wpcom_search_brand_desktop_row_en&amp;utm_medium=paid_search&amp;keyword=wordpress%20themes&amp;creative=263930633209&amp;campaignid=655562327&amp;adgroupid=55312603107&amp;matchtype=e&amp;device=c&amp;network=g&amp;targetid=kwd-691165528&amp;gclid=Cj0KCQjw6ar4BRDnARIsAITGzlBN8W24cRpSI2O3yhNzvrm-NZLmX7yMTIHcqLE7LWyrbga3ZSgBB44aAsDwEALw_wcB&amp;gclsrc=aw.ds\"><strong>WordPress theme<\/strong><\/a> includes:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>a top section called a <strong>Header<\/strong>.<\/li>\n\n\n\n<li>a bottom section called a <strong>Footer<\/strong><em>.<\/em><\/li>\n\n\n\n<li>in some cases, there is a vertical section to the side, known as a <strong>Sidebar<\/strong><em>.<\/em><\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"assigning-a-widget-to-a-sidebar\"><strong><em>Assigning a Widget to a Sidebar<\/em><\/strong><\/h4>\n\n\n\n<p>There are two very easy ways to assign a widget to a sidebar, both with their own use cases.<\/p>\n\n\n\n<p>The first option is via <strong>drag-and-drop<\/strong>:<\/p>\n\n\n\n<p>1. Just click and hold the left mouse button on a widget you choose.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"575\" height=\"270\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-4.png\" alt=\"How to Create a WordPress Website (for Beginners), Assigning a Widget to a Sidebar\" class=\"wp-image-579\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-4.png 575w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-4-300x141.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>2. Then, <strong>drag it over the chosen sidebar<\/strong> and rearrange the widgets there. A dotted line will appear to point out the location where the widget will be added once you release the mouse button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"575\" height=\"270\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-5.png\" alt=\"How to Create a WordPress Website (for Beginners), Assigning a Widget to a Sidebar 2\" class=\"wp-image-580\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-5.png 575w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-5-300x141.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"575\" height=\"270\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-6.png\" alt=\"How to Create a WordPress Website (for Beginners), Assigning a Widget to a Sidebar 3\" class=\"wp-image-581\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-6.png 575w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-6-300x141.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"575\" height=\"270\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-7.png\" alt=\"How to Create a WordPress Website (for Beginners), Assigning a Widget to a Sidebar 4\" class=\"wp-image-582\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-7.png 575w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-7-300x141.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>3. Unlike most settings pages, rearranging widgets does not require you to save the changes manually.<\/p>\n\n\n\n<p>If you are not a fan of the drag-and-drop functionality, you can try a different approach with widgets:<\/p>\n\n\n\n<p>1. Just click on the widget of choice. It will expand with <strong>a list of<\/strong> <strong>the available sidebars<\/strong>, marking the first one by default.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"219\" height=\"212\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-8.png\" alt=\"How to Create a WordPress Website (for Beginners), Assigning a Widget to a Sidebar 5\" class=\"wp-image-583\"\/><\/figure>\n\n\n\n<p>2. Click on the <strong>sidebar name<\/strong> where you want the widget to appear.<\/p>\n\n\n\n<p>3. Click the blue <strong>Add Widget<\/strong> button to confirm your choice.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"218\" height=\"48\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-Sidebars-and-Widgets-9.png\" alt=\"How to Create a WordPress Website (for Beginners), Assigning a Widget to a Sidebar 6\" class=\"wp-image-584\"\/><\/figure>\n\n\n\n<p>4. The widget will now appear in the desired sidebar.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"common-widgets\"><strong><em>Common Widgets<\/em><\/strong><\/h4>\n\n\n\n<p>As you can see there is a variety of widgets available out of the box that you can expand with an ever-growing <strong>amount of WordPress plugins<\/strong>. All widgets apply to different use cases and scenarios, so it\u2019s up to you to test them out and decide for yourself.<\/p>\n\n\n\n<p>A common approach for WordPress websites is having a <strong>Categories widget <\/strong>at the top of the sidebar, complemented by a <strong>Search widget<\/strong> at the bottom. The idea is that when a user looks through the entire sidebar and doesn\u2019t find what they are looking for &#8211; they reach the search bar at the bottom.<\/p>\n\n\n\n<p class=\"section-sep\">SECTION 9<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"backups-wp\"><strong>Backups and How to Backup a WordPress Website<\/strong><\/h2>\n\n\n\n<p>Now that we are about to venture into a bit more technical part of the tutorial, let\u2019s take a moment to talk about backups.<\/p>\n\n\n\n<p><strong>Data<\/strong> <strong>backups <\/strong>are an essential precaution when doing changes to your website, especially when you\u2019re not 100% sure of the outcome. Nearly every time you install a new theme or plugin,<strong> you install different pieces of code, written by different people<\/strong>. This can sometimes create conflicts and cause things to break<\/p>\n\n\n\n<p>For example<strong>, <\/strong>adding complex plugins to an existing WordPress website with more than 10 active add-ons, can easily cause a conflict in the database and break everything. Same goes for testing out different themes.<\/p>\n\n\n\n<p>There&#8217;s also the security aspect. If a hacker gains access to your website and makes a mess &#8211; you are completely lost without a previous working version of your pages in another location.<\/p>\n\n\n\n<p>That&#8217;s why you have to make a habit of backing up all your data regularly. If you are working on a live site, keep a recent backup file ready to restore at a moment\u2019s notice.<\/p>\n\n\n\n<p>Backups are available through plugins you can get for free from the <strong>WordPress plugin repository. <\/strong>Note that you need to refer to the plugin documentation for the specifics on how to backup and restore your website.&nbsp;<\/p>\n\n\n\n<p class=\"section-sep\">SECTION 10<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"choose-theme\"><strong>How to Choose a WordPress Website Theme<\/strong><\/h2>\n\n\n\n<p>A big part of the process of how to make a WordPress website is focused on the theme. And there is a good reason for that.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"what-are-themes\"><strong>What Are WordPress Themes<\/strong>?<\/h3>\n\n\n\n<p><strong>Themes or templates<\/strong>, are WordPress website designs intended to be easily customizable. They provide a consistent change of the look and feel across your entire site. While it\u2019s worth noting that not all themes are equally aesthetical and functional, with <strong>more than<\/strong> <strong>7500 themes available<\/strong> in the WordPress theme catalog alone, it\u2019s safe to say you can easily find something suitable for your needs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"finding-a-theme\"><strong>Finding a WordPress Theme<\/strong><\/h3>\n\n\n\n<p>As we mentioned at the beginning of this tutorial, the WordPress developer community is huge. There are dozens, if not hundreds of new website templates uploaded every day.<\/p>\n\n\n\n<p>There are also plenty of places to browse WordPress website themes, both <strong>Paid <\/strong>and <strong>Free<\/strong>. You can start with the <a href=\"https:\/\/wordpress.org\/themes\/browse\/popular\/\">popular themes on WordPress.org<\/a>.<\/p>\n\n\n\n<p>Various studios that focus on WP site development, entered this space and along with them \u2013 even bigger platforms were created, known as marketplaces.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"types-of-theme-licenses\"><strong>Types of Theme Licenses<\/strong><\/h3>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"free\">Free<\/h3>\n\n\n\n<p>Free themes are usually shared under a type of<strong> GNU General Public License <em>(GPL)<\/em>. <\/strong>This is a free software license that is intended to serve such open-source products without a proprietary owner.<\/p>\n\n\n\n<p>Usually, software solutions with a GNU GPL license are free to edit and used either for commercial or personal purposes.<\/p>\n\n\n\n<p>As can be expected, there is <strong>no exclusive support,<\/strong> but some developers and agencies actively maintain forums and groups intended for troubleshooting. A good resource for free themes is the<strong> various collections with free WordPress website templates<\/strong> in web design blogs such as <strong><a href=\"https:\/\/themeforest.net\/\">ThemeForest<\/a><\/strong> and <strong><a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\" rel=\"nofollow\">TemplateMonster<\/a><\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"paid-also-called-premium\"><strong>Premium<\/strong><\/h3>\n\n\n\n<p>Paid themes usually feature <strong>an online demo and a free trial.<\/strong> They have become an economy of their own and many places online offer visually stunning designs for WordPress websites.<\/p>\n\n\n\n<p>First, there are the marketplaces &#8211; <a href=\"https:\/\/themeforest.net\/category\/wordpress\">Theme Forest<\/a>, which is currently the largest, and some of its alternatives &#8211; <a href=\"https:\/\/www.mojomarketplace.com\/themes\/wordpress\">Mojo Marketplace<\/a> and <a href=\"https:\/\/creativemarket.com\/themes\/wordpress\">Creative Market<\/a>.<\/p>\n\n\n\n<p>Then there are web design agencies that have put out their own theme as a flagship product.<\/p>\n\n\n\n<p>Such themes are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wpastra.com\/\">Astra<\/a> (900,000+ users)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"516\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-01-1024x516.jpg\" alt=\"How to Create a WordPress Website (for Beginners), Premium\" class=\"wp-image-585\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-01-1024x516.jpg 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-01-300x151.jpg 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-01-768x387.jpg 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-01.jpg 1332w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\">Divi<\/a> (700,000+ users)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"460\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-02-1024x460.jpg\" alt=\"How to Create a WordPress Website (for Beginners), Premium 2\" class=\"wp-image-586\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-02-1024x460.jpg 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-02-300x135.jpg 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-02-768x345.jpg 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-02.jpg 1332w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.studiopress.com\/\">StudioPress<\/a> (500,000+ users)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"460\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-03-1024x460.jpg\" alt=\"How to Create a WordPress Website (for Beginners), Premium 3\" class=\"wp-image-587\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-03-1024x460.jpg 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-03-300x135.jpg 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-03-768x345.jpg 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-03.jpg 1332w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>It\u2019s worth mentioning that <strong>the price for a theme includes technical support from its creators<\/strong>. If you encounter a compatibility issue, it\u2019s good to have someone to turn to instead of googling for a possible solution.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"freemium\"><strong>Freemium<\/strong><\/h3>\n\n\n\n<p>The freemium business model allows users to download a premium WordPress theme with part of it\u2019s features cut out. Practically <strong>a fully functioning demo version of a WordPress theme.&nbsp;<\/strong><\/p>\n\n\n\n<p>In order to have the complete package, website owners are required to make a license purchase. Freemium themes are usually the highest quality in the &#8220;free&#8221; category as developers want to impress their users in order to drive a sale.<\/p>\n\n\n\n<p>As for the support, you can most likely rely on online forums and groups for extra assistance. There is a chance they might be moderated by the theme creators since your feedback improves their product.&nbsp;<\/p>\n\n\n\n<p>It\u2019s a win-win. And, of course, if you become a paying customer &#8211; you can expect exclusive support.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"installing-a-theme-through-the-wordpress-themes-catalogue\"><strong>Installing a Theme Through the WordPress Themes Catalogue<\/strong><\/h3>\n\n\n\n<p>1. From the WordPress Admin screen, head on to the main menu <strong>\u2192 Appearance \u2192 Themes<\/strong><\/p>\n\n\n\n<p>2. Similar to creating a post, click on the <strong>Add New button<\/strong>&nbsp;located near the title of the screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery small\"><img decoding=\"async\" width=\"268\" height=\"87\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Theme Through the WordPress Themes Catalogue\" class=\"wp-image-588\"\/><\/figure>\n\n\n\n<p>3. On the next page, you are presented with several ways of filtering themes. Head over to the search bar and type in<strong>&nbsp;Twenty Sixteen <\/strong>as this will be the theme we will use for this exercise.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"95\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-2-1024x95.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Theme Through the WordPress Themes Catalogue 2\" class=\"wp-image-589\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-2-1024x95.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-2-300x28.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-2-768x71.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-2.png 1137w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>4. Move the mouse cursor to the desired result and the <strong>blue Install button<\/strong> will appear.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"399\" height=\"352\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-3.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Theme Through the WordPress Themes Catalogue 3\" class=\"wp-image-590\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-3.png 399w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-3-300x265.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>5. Clicking the button will trigger the configuration process. Wait for it to finish.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"399\" height=\"83\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-4.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Theme Through the WordPress Themes Catalogue 4\" class=\"wp-image-591\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-4.png 399w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Themes-4-300x62.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>6. A blue <strong>Activate button<\/strong> should have appeared in place of the <strong>Install<\/strong> button. Click it to finish the installation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"customizing-your-new-theme\"><strong>Customizing Your New Theme<\/strong><\/h3>\n\n\n\n<p>You can customize your new theme using the <strong>Theme Customizer<\/strong>.<\/p>\n\n\n\n<p><br>The Theme Customizer is the first thing you need when you are wondering how to <strong>design a<\/strong> <strong>WordPress template yourself<\/strong>.<\/p>\n\n\n\n<p>Access it by clicking on <strong>Appearance \u2192 Customizer<\/strong>&nbsp;in the main menu.<\/p>\n\n\n\n<p>You will be redirected to the following screen:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"495\" height=\"668\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Theme-Customizer-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Customizing Your New Theme\" class=\"wp-image-596\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Theme-Customizer-1.png 495w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Theme-Customizer-1-222x300.png 222w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>When you create a WordPress website, the Customizer is a go-to tool as it allows adjusting the settings of the design and layout side by side, displaying the front-end of your website. This means that you get to see how every change looks without having to switch between the admin and the front end.<\/p>\n\n\n\n<p>The only downside of the Theme Customizer is that it rarely includes all the options needed to fully customize the website.&nbsp;<\/p>\n\n\n\n<p>As an example of how the Customizer works, we will update the description on your site:<\/p>\n\n\n\n<p>1. At the Customizer screen, click on <strong>Site Identity<\/strong>. The column will slide left, revealing a new one. You can always return to the previous column by clicking the back arrow near the title.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"497\" height=\"259\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Theme-Customizer-2.png\" alt=\"How to Create a WordPress Website (for Beginners), Customizing Your New Theme 2\" class=\"wp-image-595\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Theme-Customizer-2.png 497w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Theme-Customizer-2-300x156.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>2. Change the content of the<strong> Tagline <\/strong>field to anything you like.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"387\" height=\"154\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Theme-Customizer-3.png\" alt=\"How to Create a WordPress Website (for Beginners), Customizing Your New Theme 3\" class=\"wp-image-597\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Theme-Customizer-3.png 387w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Theme-Customizer-3-300x119.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>3. Once you are done editing the field, take note of how your website description changes in the left-hand part of the screen.<\/p>\n\n\n\n<p>4. Save the changes by clicking the blue <strong>Publish<\/strong> button, located at the top of the column.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"392\" height=\"162\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Theme-Customizer-4.png\" alt=\"How to Create a WordPress Website (for Beginners), Customizing Your New Theme 4\" class=\"wp-image-598\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Theme-Customizer-4.png 392w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Theme-Customizer-4-300x124.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>You can also click the <strong>X<\/strong> button at the top left corner of the Customizer column to return to the <strong>WordPress admin<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"233\" height=\"96\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Theme-Customizer-5.png\" alt=\"How to Create a WordPress Website (for Beginners), Customizing Your New Theme 5\" class=\"wp-image-599\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"security-considerations\"><strong>Security Considerations<\/strong><\/h3>\n\n\n\n<p>The most important thing you need to know as a WordPress website owner is that every time you add a theme or a plugin to your website &#8211; a new piece of code is applied and hackers love to exploit code for their own malicious purposes.&nbsp;<\/p>\n\n\n\n<p>Therefore it\u2019s a good security practice to<strong> delete themes you are no longer using<\/strong>. Same goes for your plugins and any third-party products you are not actively utilizing<\/p>\n\n\n\n<p>SECTION 11<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"working-with-plugins\"><strong>Working With WordPress Plugins<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"what-are-plugins\">What are Plugins?<\/h3>\n\n\n\n<p>Imagine you\u2019ve written a piece of code for your site that turns the background color to black every time there is a Black Friday. Now, you want to make it available to everyone running a WordPress project.&nbsp;<\/p>\n\n\n\n<p>Plugins are just that \u2013 <strong>add-ons you can apply to your WP site and change some of its underlying functionalities<\/strong>.<\/p>\n\n\n\n<p>It\u2019s worth mentioning that when major online retailers decide to release an official plugin offering integration between your site and theirs &#8211; WordPress is often first on the list.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"common-roles-for-wordpress-plugins\"><strong>Common Roles for WordPress Plugins<\/strong><\/h3>\n\n\n\n<p>There are <strong>more than 56,000 plugins <\/strong>available in the WordPress plugin repository alone. With numbers like that, you can make a safe guess that whatever you need to add &#8211; there are tools for the job a couple of clicks away.<\/p>\n\n\n\n<p>To give you a general idea of what you can expect, we\u2019ll mention some of the more common areas where plugins are often employed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content Design and Layout<\/strong><br>&#8211; Give your content a captivating and interactive look with <strong>sliders, multi-column layouts, drag-and-drop functionalities, <\/strong>and much, much more.<\/li>\n\n\n\n<li><strong>System and Administrative Tasks<\/strong><br>&#8211; Make your website faster, set up <strong>automatic backups<\/strong>, protect your site from <strong>hacker attacks and spam<\/strong>, etc.<\/li>\n\n\n\n<li><strong>E-Commerce<\/strong><br>&#8211; Serve customers and charge them for whatever goods or services you are offering regardless of their geolocation.<\/li>\n\n\n\n<li><strong>Marketing <br><\/strong>&#8211; Collect <strong>email subscriptions<\/strong>, optimize for<strong> search engines (SEO), increase leads <\/strong>through your store, and track visitor activity.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"website-performance-considerations\"><strong>Website Performance Considerations<\/strong><\/h3>\n\n\n\n<p>Many plugins are built using <strong><em>software frameworks<\/em><\/strong><strong>. <\/strong>Roughly speaking, those are collections of tools and components that save a lot of time and hassle when building software. They are usually bundled in a single package that is required for the software to run.<\/p>\n\n\n\n<p>In the WordPress context, that means if you download a plugin built with Framework A and later encounter a different one that uses the same solution but a different version &#8211; the software framework will be loaded twice on your site in order to function. This causes redundancies in the size of your website and causes it to slow down and consume more resources than it normally would<strong>.<\/strong><\/p>\n\n\n\n<p>All you need to remember is that even if the add-ons are free &#8211; you are still paying for them with the performance of your site.&nbsp;<\/p>\n\n\n\n<p>A good practice when adding plugins is to always look for a more advanced solution that combines multiple functionalities instead of installing an extra tool for each.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"plugin-licenses\"><strong>Plugin Licenses<\/strong><\/h3>\n\n\n\n<p>Just like themes, plugins have <strong>free, premium <\/strong>and <strong>freemium<\/strong> licensing.<br>Support goes the same way as with WordPress themes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>forums and groups for free plugins<\/li>\n\n\n\n<li>exclusive email or ticket support for paid ones<\/li>\n\n\n\n<li>both if you are a paying customer of a freemium plugin.<\/li>\n<\/ul>\n\n\n\n<p>Needless to say, these vary a bit, case by case.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"free\"><strong><em>Free<\/em><\/strong><\/h4>\n\n\n\n<p>It can easily be said that most of the WordPress plugins are free. Whether someone is gaining experience as a developer or a studio is making a name for themselves &#8211; free add-ons are available to serve nearly any purpose. Just make sure the plugin you choose is <strong>actively updated<\/strong> and has a<strong> high user rating<\/strong> and you should be good.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"paid\"><strong><em>Paid<\/em><\/strong><\/h4>\n\n\n\n<p>Premium plugins usually offer an entire suite for your website or a service you can make money from, designed professionally and with <strong>exclusive ticket or email support.<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"freemium\"><strong><em>Freemium<\/em><\/strong><\/h4>\n\n\n\n<p>There a lot of advanced plugins. Examples includes plugins that allow you to run a fully-featured real estate agency on your site or a page builder that gives you a thousand templates and components to pick from.<\/p>\n\n\n\n<p>Such plugins often offer <strong>a base package that is free<\/strong> and allow you to <strong>buy separate extensions<\/strong> to complement the specific needs of your project.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"finding-plugins\"><strong><strong>Finding the Right WordPress Plugins<\/strong><\/strong><\/h3>\n\n\n\n<p>When we talk about distribution, WordPress plugins and themes can often be found in the same place.<\/p>\n\n\n\n<p>You can start off with the one-stop-shop for all your needs \u2013 the <a href=\"https:\/\/wordpress.org\/plugins\/\">WordPress plugins catalog<\/a> for free and freemium plugins.&nbsp;<\/p>\n\n\n\n<p>You can then explore marketplaces such as <a href=\"https:\/\/codecanyon.net\/category\/wordpress\">CodeCanyon<\/a>, which is currently the biggest marketplace for premium plugins on the web.&nbsp;<\/p>\n\n\n\n<p>An alternative that\u2019s been around since the early days of the internet is <a rel=\"nofollow\" href=\"https:\/\/www.hotscripts.com\/category\/plugins\/wordpress-plugins\/\">HotScripts.com<\/a>. HotScripts offers a good collection of free and premium plugins.&nbsp;<\/p>\n\n\n\n<p>Lastly, a couple of smaller marketplaces that are still gaining traction, but worth checking out&nbsp; &#8211; <a href=\"https:\/\/creativemarket.com\/themes\/wordpress\/plugins\">CreativeMarket<\/a>&nbsp;and <a href=\"https:\/\/www.mojomarketplace.com\/plugins\/wordpress\">MOJO Marketplace<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"installing-a-plugin-through-the-wordpress-plugins-catalogue\"><strong>Installing a Plugin via the WordPress Repository<\/strong><\/h3>\n\n\n\n<p>1. Go to your WordPress dashboard and click on <strong>Plugins<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"173\" height=\"68\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Plugin via the WordPress Repository\" class=\"wp-image-600\"\/><\/figure>\n\n\n\n<p>2. On the next screen, click the <strong>Add New <\/strong>button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"234\" height=\"85\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-2.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Plugin via the WordPress Repository 2\" class=\"wp-image-602\"\/><\/figure>\n\n\n\n<p>3. You are now browsing the WordPress plugins catalog. Use the search field on the right to find your desired plugin. For the purpose of this tutorial, let\u2019s type <strong>&#8220;wordpress importer&#8221; <\/strong>into the search field.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"59\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-4-1024x59.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Plugin via the WordPress Repository 3\" class=\"wp-image-604\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-4-1024x59.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-4-300x17.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-4-768x44.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-4.png 1127w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>4.<strong> WordPress Importer <\/strong>enables you to import previously exported content from another website. Click on the <strong>Install Now<\/strong> button, at the top right corner to add this plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"555\" height=\"247\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-5.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Plugin via the WordPress Repository 4\" class=\"wp-image-606\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-5.png 555w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-5-300x134.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>5. Observe the <strong>Install <\/strong>button plugin installation. Once configured &#8211; it will turn blue and change its name to<strong>&nbsp;Activate<\/strong>. You should click the button to successfully add to your WordPress website.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"430\" height=\"112\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-6.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Plugin via the WordPress Repository 5\" class=\"wp-image-608\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-6.png 430w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-6-300x78.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>6. You are now back on the <strong>Plugins<\/strong> screen with a notification below the page title <strong>&#8220;Plugin activated.&#8221; <\/strong>The installation process is now completed and you can see where in the admin the plugin has registered.<\/p>\n\n\n\n<p>In the main menu, click on <strong>Tools \u2192 Import<\/strong> and you will see the options for our WordPress Importer at the bottom of the page.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"169\" height=\"129\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-7.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Plugin via the WordPress Repository 6\" class=\"wp-image-609\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"785\" height=\"90\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-8.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Plugin via the WordPress Repository 7\" class=\"wp-image-610\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-8.png 785w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-8-300x34.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-8-768x88.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p><strong>Note: <\/strong>Plugins usually appear in obvious places, such as the <strong>Settings <\/strong>menu, or they get their own link for easier management. If you are unsure where to find a plugin &#8211; always check the <strong>plugin documentation.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"managing-plugins\"><strong>Managing Plugins<\/strong><\/h3>\n\n\n\n<p>Now that we learned how to install plugins, let\u2019s see what else can we do.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"deactivation\"><strong><em>Deactivation<\/em><\/strong><\/h4>\n\n\n\n<p>1. Return back to the Plugins screen by clicking main menu <strong>\u2192 Plugins \u2192 Installed Plugins.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"170\" height=\"103\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-9.png\" alt=\"How to Create a WordPress Website (for Beginners), Deactivation\" class=\"wp-image-611\"\/><\/figure>\n\n\n\n<p>2. On this page, you will find a table with the plugins on your website, both active and inactive. Locate WordPress Importer and click on the <strong>Deactivate <\/strong>option below its name.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"280\" height=\"113\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-10.png\" alt=\"How to Create a WordPress Website (for Beginners), Deactivation 2\" class=\"wp-image-612\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"removal\"><strong><em>Removal<\/em><\/strong><\/h4>\n\n\n\n<p>1. The page will refresh and the row with<strong> WordPress Importer<\/strong> will no longer have blue background. You can now click on the red Delete button if you wish to completely remove it.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"323\" height=\"112\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-11.png\" alt=\"How to Create a WordPress Website (for Beginners), Removal\" class=\"wp-image-613\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-11.png 323w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-11-300x104.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>2. A pop-up window will appear as a confirmation. Make sure to click <strong>Okay<\/strong>. Once you confirm, the row in the table will display a confirmation message:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"365\" height=\"77\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-12.png\" alt=\"How to Create a WordPress Website (for Beginners), Removal 2\" class=\"wp-image-614\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-12.png 365w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-12-300x63.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"settings\"><strong><em>Settings<\/em><\/strong><\/h4>\n\n\n\n<p>To avoid browsing through countless menus to find where your new plugin has registered, you can use the <strong>Plugins screen <\/strong>and directly switch over to its settings page.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Locate the row where your plugin resides<\/li>\n\n\n\n<li>Make sure the add-on is active \u2013 its row will have a blue background<\/li>\n\n\n\n<li>Click on the <strong>Settings link <\/strong>below the plugin title<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"267\" height=\"146\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-13.png\" alt=\"How to Create a WordPress Website (for Beginners), Settings\" class=\"wp-image-616\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"security-considerations\"><strong>Security Considerations<\/strong><\/h3>\n\n\n\n<p>As with WordPress themes, a good security practice is to <strong>delete plugins you are not using.<\/strong> If you use some of them occasionally &#8211; at least keep them disabled until further needed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-plugins-to-get-you-started\"><strong>7 WordPress Plugins to Get You Started<\/strong><\/h3>\n\n\n\n<p>Unlike themes, which can be picked simply for the aesthetic appeal<strong>,<\/strong> plugins play a variety of roles in your website and we just can\u2019t let you go without some recommendations. Of course, you still need to keep your website lightweight, so pick your add-ons wisely.<\/p>\n\n\n\n<p><strong>1. <\/strong><a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\"><strong>Elementor Page Builder<\/strong><br><\/a><strong>Usage:<\/strong> 5+ million active installations<br><strong>Main Purpose:<\/strong> content editor<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"173\" height=\"68\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Plugin via the WordPress Repository\" class=\"wp-image-600\"\/><\/figure>\n\n\n\n<p>Rightfully advertised as &#8220;the best FREE WordPress Website Builder&#8221;. Page builders provide you with a palette of blocks you can drag and drop on your page to create complex layouts and interactive pages with various menus and animated components. Makes creating home pages and promo pages a piece of cake.<\/p>\n\n\n\n<p><strong>2.<\/strong><a href=\"https:\/\/wordpress.org\/plugins\/contact-form-7\/\"><strong>Contact Form 7<\/strong><br><\/a><strong>Usage:<\/strong> 5+ million active installations<br><strong>Main Purpose:<\/strong> displays contact form to your visitors<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"234\" height=\"85\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-2.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Plugin via the WordPress Repository 2\" class=\"wp-image-602\"\/><\/figure>\n\n\n\n<p>A reliable plugin that enables you to create a contact form with custom fields and attributes.<\/p>\n\n\n\n<p><strong>3. <\/strong><a href=\"https:\/\/wordpress.org\/plugins\/wps-hide-login\/\"><strong>WPS Hide Login<\/strong><br><\/a>Usage: 600,000+ active installations<br><strong>Main Purpose: <\/strong>hides the WordPress admin login page<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"175\" height=\"132\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-3.png\" alt=\"How to Create a WordPress Website (for Beginners), 7 WordPress Plugins to Get You Started 3\" class=\"wp-image-603\"\/><\/figure>\n\n\n\n<p>The WordPress admin login page is the most commonly attacked part of your WP website. This add-on changes the default address for accessing the admin to anything you like.<br><br>You can turn that address into a password of your own. Once active, the original <strong>\/wp-admin<\/strong> address will bring a <strong>Page not Found <\/strong>error message to anyone who tries it.<\/p>\n\n\n\n<p><strong>4. <\/strong><a href=\"https:\/\/wordpress.org\/plugins\/updraftplus\/\"><strong>UpdraftPlus WordPress Backup Plugin<\/strong><br><\/a><strong>Usage:<\/strong> 2+ million active installations<br><strong>Main Purpose:<\/strong> creates and manages backups<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"59\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-4-1024x59.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Plugin via the WordPress Repository 3\" class=\"wp-image-604\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-4-1024x59.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-4-300x17.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-4-768x44.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-4.png 1127w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>As we discussed, backups are crucial when you are working on a live site and UpdraftPlus is one of the best tools to manage them. You can schedule automatic backups or create archives manually. Make sure to <strong>carefully read the plugin documentation<\/strong> on how to create and <a href=\"https:\/\/www.scalahosting.com\/kb\/restore-data-backups\/\">restore backups<\/a>.<\/p>\n\n\n\n<p><strong>5. <\/strong><a href=\"https:\/\/wordpress.org\/plugins\/wp-fastest-cache\/\"><strong>WP Fastest Cache<\/strong><br><\/a><strong>Usage:<\/strong> 1+ million active installations<br><strong>Main Purpose:<\/strong> website performance improvements<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"555\" height=\"247\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-5.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Plugin via the WordPress Repository 4\" class=\"wp-image-606\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-5.png 555w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-5-300x134.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>Every time a visitor loads a page on your site, WordPress needs to load dozens of files and piece them up into a single web page. This process makes visitors wait and wastes precious server resources.<br><br>With this simple, yet powerful plugin, you can have your visitors access directly the \u2018assembled\u2019 web page, cutting down the page load time dramatically.<\/p>\n\n\n\n<p><strong>Note:<\/strong> Might not work well with JetPack.<\/p>\n\n\n\n<p><strong>6. <\/strong><a href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\"><strong>JetPack<\/strong><br><\/a><strong>Usage:<\/strong> 5+ million active installations<br><strong>Main Purpose:<\/strong> easier website management<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"430\" height=\"112\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-6.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Plugin via the WordPress Repository 5\" class=\"wp-image-608\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-6.png 430w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-6-300x78.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>Created by WordPress themselves, this toolkit is what you need to:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>improve website load times<\/li>\n\n\n\n<li>protect against spam<\/li>\n\n\n\n<li>monitor uptime<\/li>\n\n\n\n<li>visitor analytics<\/li>\n\n\n\n<li>website monetization with PPC ads<\/li>\n\n\n\n<li>PayPal button integration<\/li>\n<\/ul>\n\n\n\n<p><strong>7. <\/strong><a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\"><strong>Classic Editor<\/strong><br><\/a><strong>Usage:<\/strong> 5+ million active installations<br><strong>Main Purpose: <\/strong>text editing<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"169\" height=\"129\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Working-With-WordPress-Plugins-7.png\" alt=\"How to Create a WordPress Website (for Beginners), Installing a Plugin via the WordPress Repository 6\" class=\"wp-image-609\"\/><\/figure>\n\n\n\n<p>WordPress now works with the <strong>Gutenberg block editor<\/strong> we used earlier. Still, if you are one of those people that still isn&#8217;t used to the new interface \u2013 the <strong>Classic Editor<\/strong> is the plugin for you.<br><br>Note that if you decide to use page builders such as Elementor &#8211;&nbsp;you might need this plugin as well.<\/p>\n\n\n\n<p>SECTION 12<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-wp-ecommerce-works\"><strong>How WordPress E-Commerce Works<\/strong><\/h2>\n\n\n\n<p>Whether you are looking to start your first online business or to supplement your brick-and-mortar store &#8211; combining one of the most disruptive technologies ever created with the most popular content management system is certainly a good idea.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"some-e-commerce-basics\"><strong>Some E-Commerce Basics<\/strong><\/h3>\n\n\n\n<p><strong>Electronic commerce <\/strong><em>(or e-commerce)<\/em> is the transaction of goods and services over the internet. Nowadays you can order nearly anything online \u2013 from clothes, furniture, and medicine to tickets, consultancy services, and art.&nbsp;<\/p>\n\n\n\n<p>E-commerce websites can be retailers (Amazon) that allow you to order directly from their warehouses or marketplaces (eBay, Etsy) that provide a platform for buyers and sellers to directly connect for a sale.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"types-of-wordpress-e-commerce-websites\"><strong>Types of WordPress E-Commerce Websites<\/strong><\/h3>\n\n\n\n<p>There are quite a few plugins out there that allow you to create a WordPress business website. To give you an idea of the variety, here are a few things you can sell with the appropriate add-on:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>event and travel tickets;<\/li>\n\n\n\n<li>apartment and office rentals;<\/li>\n\n\n\n<li>bookings for guided tours and weekend getaways;<\/li>\n\n\n\n<li>retail products (<em>anything from computer parts to flip-flops);<\/em><\/li>\n\n\n\n<li>appointments for consultancy services;<\/li>\n\n\n\n<li>software and music<em> (digital products that can be downloaded after purchasing);<\/em><\/li>\n\n\n\n<li>subscriptions for streaming services.<\/li>\n<\/ul>\n\n\n\n<p><strong>Marketplaces<\/strong> and <strong>classified sites<\/strong> are not part of the list above for a good reason. They fall in a bit of a gray area, compared to the standard ecommerce shopping process. They are actually more of an intermediary service where the owner provides a place for buyers and sellers to interact and charges the seller a small fee for each transaction.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"the-wordpress-e-commerce-process\"><strong>The WordPress E-Commerce Process<\/strong><\/h3>\n\n\n\n<p>We can now focus on the transactional process between a happy shopper and the e-commerce website they are visiting. There are some specifics in the e-commerce process for some of the business models we mentioned, but the general gist is that your WordPress shop consists of:<\/p>\n\n\n\n<p>1. A page on your website that serves as a products\/services catalog<\/p>\n\n\n\n<p>2. Shopping cart where you add purchased items<\/p>\n\n\n\n<p>3. A checkout processor to calculate delivery and collect customer data<\/p>\n\n\n\n<p id=\"a-payment-processor-to\"><span style=\"font-size: 12pt;\">You will also need a payment processor to:<\/span><\/p>\n\n\n\n<p>1. Offer different payment methods <em>(ex: debit card, PayPal, Skrill)<\/em><\/p>\n\n\n\n<p>2. Deposit the processed payment to your account<\/p>\n\n\n\n<p>3. Redirect the customer to a &#8220;Thank You!&#8221; page as confirmation for the successful order<\/p>\n\n\n\n<p>All of the above are possible with&#8230;you guessed it&#8230;the right WP plugin!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-wordpress-plugins-for-e-commerce\"><strong>7 WordPress Plugins for E-Commerce<\/strong><\/h3>\n\n\n\n<p><strong>WordPress plugins for e-commerce are bit different than the rest<\/strong>. They can range from simple product catalogs to more complex ones that estimate delivery time or manage availability for events and apartment rentals.<\/p>\n\n\n\n<p>Here are <strong>7&nbsp;e-commerce plugin recommendations<\/strong>, based on the goods and services we mentioned at the beginning of this section. We are including <strong>e-commerce-only plugins<\/strong> that allow you to sell your own product or service.<\/p>\n\n\n\n<p>The list excludes business models such as dropshipping and affiliate marketing.&nbsp;<\/p>\n\n\n\n<p><strong>1. <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\">WooCommerce<\/a><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"332\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-1-1024x332.png\" alt=\"How to Create a WordPress Website (for Beginners), 7 WordPress Plugins for E-Commerce\" class=\"wp-image-618\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-1-1024x332.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-1-300x97.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-1-768x249.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-1-1536x497.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-1.png 1544w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>The most widely used WordPress e-commerce plugin. While most similar solutions come as an out-of-the-box product with a singular purpose, WooCommerce has its own developer community and a variety of plugins and themes, specifically designed for it.<\/p>\n\n\n\n<p>It&#8217;s like WooCommerce acts as a separate platform within the WordPress platform.<\/p>\n\n\n\n<p><strong>2.<\/strong> <a href=\"https:\/\/wordpress.org\/plugins\/bigcommerce\/\"><strong>BigCommerce<\/strong><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"332\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-2-1024x332.png\" alt=\"How to Create a WordPress Website (for Beginners), 7 WordPress Plugins for E-Commerce 2\" class=\"wp-image-619\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-2-1024x332.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-2-300x97.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-2-768x249.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-2-1536x497.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-2.png 1544w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>BigCommerce is an<strong> enterprise-grade e-commerce platform, <\/strong>powering one of the biggest retailers on the web. Offers integration with WordPress via a free plugin. A lot of your e-store is handled by the BigCommerce servers which allows you to take a load off your WordPress hosting to ensure optimized security and performance.<\/p>\n\n\n\n<p><strong>3.<\/strong> <a href=\"https:\/\/wordpress.org\/plugins\/the-events-calendar\/\"><strong>The Events Calendar<\/strong><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"772\" height=\"250\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-3.png\" alt=\"How to Create a WordPress Website (for Beginners), 7 WordPress Plugins for E-Commerce 3\" class=\"wp-image-621\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-3.png 772w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-3-300x97.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-3-768x249.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>Free and feature-rich plugin for <strong>booking virtual and in-person events<\/strong>. It comes with its <strong>own search engine<\/strong> and<strong> Google Maps integration<\/strong>. The Events Calendar offers a proprietary library of paid and free extensions that you can use to collect ticket payments via PayPal and start your own community, enabling members to submit to their favorite events and performers.<\/p>\n\n\n\n<p><strong>4.<\/strong> <a href=\"https:\/\/wordpress.org\/plugins\/appointment-hour-booking\/\"><strong>Appointment Hour Booking<\/strong><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"772\" height=\"250\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-4.png\" alt=\"How to Create a WordPress Website (for Beginners), 7 WordPress Plugins for E-Commerce 4\" class=\"wp-image-623\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-4.png 772w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-4-300x97.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-4-768x249.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>The Appointment Hour Booking plugin comes with a free and several commercial versions, starting from \u20ac5.99 per month. It\u2019s intended for booking consultations, trainings, courses, and similar services over a predefined schedule and calendar. Features add-ons for integrations with popular platforms such as <strong>Zoom, reCaptcha, MailChimp, <\/strong>and <strong>SalesForce.&nbsp;<\/strong><\/p>\n\n\n\n<p>Supports a number of payment providers:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>PayPal Standard<\/li>\n\n\n\n<li>PayPal Pro<\/li>\n\n\n\n<li>Stripe<\/li>\n\n\n\n<li>Skrill<\/li>\n\n\n\n<li>Authorize.net<\/li>\n\n\n\n<li>TargetPay\/iDEAL<\/li>\n\n\n\n<li>Mollie\/iDEAL<\/li>\n\n\n\n<li>SagePay<\/li>\n\n\n\n<li>Redsys<\/li>\n<\/ul>\n\n\n\n<p><strong>5.<\/strong> <a href=\"https:\/\/wordpress.org\/plugins\/paid-member-subscriptions\/\"><strong>Paid Member Subscriptions<\/strong><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"772\" height=\"250\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-5.png\" alt=\"How to Create a WordPress Website (for Beginners), 7 WordPress Plugins for E-Commerce 5\" class=\"wp-image-625\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-5.png 772w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-5-300x97.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-5-768x249.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>An excellent plugin if you are running a WordPress website focusing on<strong> member-only content. <\/strong>Paid Member Subscription is advertised as <strong>a complete membership solution <\/strong>allowing you to manage members, create subscription and hierarchical plans <em>(ex: Free, Silver, Gold),<\/em>&nbsp;and restrict access to premium content.<\/p>\n\n\n\n<p>Paid Member Subscriptions collects payments from your members via PayPal and is free to download.<\/p>\n\n\n\n<p><strong>6.<\/strong> <a href=\"https:\/\/wordpress.org\/plugins\/easy-digital-downloads\/\"><strong>Easy Digital Downloads<\/strong><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"772\" height=\"250\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-6.png\" alt=\"How to Create a WordPress Website (for Beginners), 7 WordPress Plugins for E-Commerce 6\" class=\"wp-image-627\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-6.png 772w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-6-300x97.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-6-768x249.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>Easy Digital Downloads is a very popular solution for selling downloadable products on WordPress. Features a <strong>shopping cart<\/strong>, <strong>checkout form<\/strong>,<strong> detailed reporting<\/strong>, and a number of thoughtful extensions. One of its best perks is the <strong>product file protection<\/strong>, which you can use to prevent unauthorized access.&nbsp;<\/p>\n\n\n\n<p>Supports payments through <strong>PayPal Standard<\/strong> and <strong>Amazon Payments<\/strong>. Additional 11 payment processors are available as premium extensions.<\/p>\n\n\n\n<p><strong>7.<\/strong> <a href=\"https:\/\/wordpress.org\/plugins\/easy-property-listings\/\"><strong>Easy Property Listings<\/strong><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"772\" height=\"250\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-7.jpg\" alt=\"How to Create a WordPress Website (for Beginners), 7 WordPress Plugins for E-Commerce 7\" class=\"wp-image-629\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-7.jpg 772w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-7-300x97.jpg 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/WordPress-Ecommerce-Plugins-7-768x249.jpg 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>A freemium plugin intended for real estate agents and agencies. <strong>Easy Property Listings<\/strong> features a number of customizations, making it <strong>adjustable to the market you operate in<\/strong>. This is the only plugin on the list that doesn\u2019t feature a payment processor.<br><br>Easy Property Listings can be used to generate a list of available properties based on your client criteria and offers <strong>professionally designed listings<\/strong>, among a number of other features. Extendable with <strong>25 paid extensions<\/strong>.<\/p>\n\n\n\n<p>SECTION 13<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"editing-code-wp\"><strong>Editing the Code of Your WordPress Website<\/strong><\/h2>\n\n\n\n<p>Since this tutorial is for beginners, we\u2019re assuming you are not familiar with things such as <strong>HTML<\/strong><strong>, PHP, CSS, <\/strong>and <strong>JavaScript.<\/strong><\/p>\n\n\n\n<p>Editing the code of your website is a technical undertaking and is not recommended for novice users as it can break your website completely. It\u2019s not just about knowing how to edit a WordPress website, but also being familiar with various programming concepts and best practices.<\/p>\n\n\n\n<p>Of course, if you\u2019re feeling adventurous you can <strong>do some minor edits<\/strong> such as pasting your Google Analytics code. Just keep in mind the following:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Changes will be overwritten if your theme is updated.<\/li>\n\n\n\n<li>Always back up your website before making changes.<\/li>\n\n\n\n<li>Have your backup ready to be restored at a moment\u2019s notice.<\/li>\n\n\n\n<li>Always have a single copy of a certain javascript, loaded on your page.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"when-do-you-need-a-developer\"><strong>When Do You Need a Developer?<\/strong><\/h3>\n\n\n\n<p>When you hire a developer to work on your site, they will copy your website on a staging area. They will make all the required changes, test, and fix technical issues. Once everything is properly working &#8211; the developer copies these changes over to your live site.<\/p>\n\n\n\n<p>This approach allows for complex changes to the code without risking the performance of your online project.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"introduction-to-the-wordpress-theme-editor\"><strong>Introduction to the WordPress Theme Editor<\/strong><\/h3>\n\n\n\n<p>This section is provided as a brief introduction on how to edit your WordPress website directly from the admin dashboard. Note that edits you make here will be overwritten by updates.<\/p>\n\n\n\n<p>You can find the Theme Editor at the bottom of the<strong> Appearance <\/strong>section in the main menu.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"166\" height=\"234\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Introduction to the WordPress Theme Editor\" class=\"wp-image-631\"\/><\/figure>\n\n\n\n<p>When visiting the Theme Editor for the first time, WordPress will display a warning message:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"469\" height=\"346\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-2.png\" alt=\"How to Create a WordPress Website (for Beginners), Introduction to the WordPress Theme Editor 2\" class=\"wp-image-633\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-2.png 469w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-2-300x221.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>Click the blue<strong> I understand <\/strong>button to continue and permanently disable the warning.<\/p>\n\n\n\n<p>The Theme Editor is basically a text editor with a list of files next to it. The main column to the left, titled <strong>Selected File Content,<\/strong> is for editing files. You can also use <strong>Theme Files<\/strong> to select the desired piece of code.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-3-1024x462.png\" alt=\"How to Create a WordPress Website (for Beginners), Introduction to the WordPress Theme Editor 3\" class=\"wp-image-634\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-3-1024x462.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-3-300x135.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-3-768x347.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-3.png 1127w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>Every time someone visits a page on your website, WordPress takes most files from the Theme Files list and combines them together into one &#8211; our web page.<\/p>\n\n\n\n<p>The Theme Editor also <strong>displays the currently active theme<\/strong> for your site. If you want to edit another template &#8211; use the drop-down menu to the top right of the screen, labeled <strong>Select Theme to Edit<\/strong>. Once you have picked another theme, make sure to click the <strong>Select<\/strong> button to switch over to it.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"356\" height=\"147\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-4.png\" alt=\"How to Create a WordPress Website (for Beginners), Introduction to the WordPress Theme Editor 4\" class=\"wp-image-635\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-4.png 356w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-4-300x124.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"working-with-javascript-tracking-codes\"><strong>Working With JavaScript Tracking Codes<\/strong><\/h3>\n\n\n\n<p>Most commonly, the Theme Editor is used for placing JavaScript code provided by various counters and trackers that website owners utilize. This could be <a href=\"https:\/\/analytics.google.com\/analytics\/web\/#\/report-home\/a151597729w214525757p205263623\"><strong>Google Analytics<\/strong><\/a><strong>, Google Tag Manager, <\/strong>or any other website analytics or marketing service.<\/p>\n\n\n\n<p>When pasting custom code, always make sure to carefully read the installation instructions beforehand.<\/p>\n\n\n\n<p>Usually, JavaScript code is placed in either:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>the <strong>header.php file<\/strong>&nbsp;containing:\n<ul class=\"wp-block-list\">\n<li>the <strong>&lt;head&gt;<\/strong><strong> section<\/strong> of the web page.<\/li>\n\n\n\n<li>the beginning of the <strong>&lt;body&gt;<\/strong><strong> section<\/strong> of the web page<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>or the <strong>footer<\/strong>, at the very bottom of your page.<\/li>\n<\/ul>\n\n\n\n<p><strong>The <\/strong><strong>&lt;head&gt;<\/strong><strong> section<\/strong> is at the very top of the web page\u2019s code and contains technical information, such as the page title.&nbsp;<\/p>\n\n\n\n<p><strong>The <\/strong><strong>&lt;body&gt;<\/strong><strong> section<\/strong> is responsible for holding your content together on the screen and making it visible to you and your visitors.<\/p>\n\n\n\n<p>Bear in mind that when we talk about tags and files, we assume that whichever theme you are editing, it is created in accordance with <strong>WordPress\u2019 Developer Handbook<\/strong>.<\/p>\n\n\n\n<p>Not all templates are designed the same way, so there is a chance your layout doesn&#8217;t have a &lt;head&gt; or &lt;body&gt; tag.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"testing-for-editing-capabilities\"><strong>Testing for Editing Capabilities<\/strong><\/h3>\n\n\n\n<p>It\u2019s becoming more and more common for the <strong>Theme Editor<\/strong> to be <strong>disabled<\/strong> by your web hosting provider for security reasons. After all, anyone who gains access to the admin, can do a ton of damage to your hosting account.<\/p>\n\n\n\n<p>To test if the Editor is enabled just make sure you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>haven\u2019t done any changes to the code<\/li>\n\n\n\n<li>are at the Edit Themes screen<\/li>\n<\/ul>\n\n\n\n<p>Press the blue<strong> Update File <\/strong>button located at the bottom left corner of the screen, right below the editor.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"253\" height=\"71\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-5.png\" alt=\"How to Create a WordPress Website (for Beginners), Testing for Editing Capabilities\" class=\"wp-image-636\"\/><\/figure>\n\n\n\n<p>If you receive an error message after updating the file, it\u2019s best to contact technical support and request this restriction is lifted for your hosting account.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"working-with-some-javascript\"><strong>Working With JavaScript<\/strong><\/h3>\n\n\n\n<p>For the purpose of this exercise, we are providing you with a JavaScript code that will display a small window with an OK button on it upon page load.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"sample-javascript-code\"><strong><em>Sample JavaScript Code<\/em><\/strong><\/h4>\n\n\n\n<p><em>&lt;script&gt;alert(&#8216;This is JavaScript&#8217;);&lt;\/script&gt;<\/em><\/p>\n\n\n\n<p><strong>Note: <\/strong>Most of the HTML page elements have an <strong>opening and a closing tag<\/strong>. In the sample below, we are looking at <em>&lt;script&gt;<\/em> and <em>&lt;\/script&gt;<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"locating-files-in-the-theme-editor\"><strong>Locating Files In The Theme Editor<\/strong><\/h3>\n\n\n\n<p>By default, you start out with the <strong>Stylesheet<\/strong> <em>(style.css)<\/em> of your selected theme. This file will be selected every time you visit the Theme Editor.<\/p>\n\n\n\n<p>The more important files of any WordPress theme follow a specific naming logic, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Stylesheet, for the style.css file<br><img decoding=\"async\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-6-2.png\" alt=\"How to Create a WordPress Website (for Beginners), Locating Files In The Theme Editor\" width=\"193\" height=\"41\"><\/li>\n\n\n\n<li>Theme Header, for the header.php file<br><img decoding=\"async\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-7-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Locating Files In The Theme Editor 2\" width=\"192\" height=\"46\"><\/li>\n\n\n\n<li>Theme Footer, for the footer.php file<br><img decoding=\"async\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-8.png\" alt=\"How to Create a WordPress Website (for Beginners), Locating Files In The Theme Editor 3\" width=\"190\" height=\"45\"><\/li>\n<\/ul>\n\n\n\n<p>Each one of these is present only once in your theme. As you can see, their name is <strong>always followed by the filename,<\/strong> in brackets below.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"updating-header-php\"><strong>Updating Header.php<\/strong><\/h3>\n\n\n\n<p>If you&#8217;re wondering where to place a JavaScript code in the header &#8211; it can be either before the closing &lt;\/head&gt; tag or right after the opening &lt;body&gt; tag.<\/p>\n\n\n\n<p>HTML follows a <strong>tree-like structure of indentations<\/strong>, meaning if a tag is contained within another one, in most cases, it will be indented with a few spaces:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"172\" height=\"49\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-9.png\" alt=\"How to Create a WordPress Website (for Beginners), Updating Header.php\" class=\"wp-image-657\"\/><\/figure>\n\n\n\n<p>Use this knowledge to your advantage and read through the beginning of every line until you locate the closing &lt;\/head&gt; tag and the opening &lt;body&gt; tag.<\/p>\n\n\n\n<p>To open a new line, simply click in front of the &lt;\/head&gt; tag and hit <strong>Enter<\/strong> on your keyboard.<\/p>\n\n\n\n<p>Now copy the JavaScript sample from this article and paste it in the new line we just opened.<\/p>\n\n\n\n<p>Your code should look something like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"454\" height=\"49\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-10-1.png\" alt=\"How to Create a WordPress Website (for Beginners), Updating Header.php 2\" class=\"wp-image-645\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-10-1.png 454w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-10-1-300x32.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"previewing-changes-in-the-front-end\"><strong>Previewing Changes in the Front End<\/strong><\/h3>\n\n\n\n<p>Now, press the blue <strong>Update<\/strong> button below the text editor and proceed to the front end of your website. Refresh the web page and you will be presented with a pop-up window that features the text <strong>This is JavaScript<\/strong>&nbsp;and an <strong>OK button<\/strong>.<\/p>\n\n\n\n<p>Depending on your browser and operating system, the pop-up should look something like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"453\" height=\"144\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-11.png\" alt=\"How to Create a WordPress Website (for Beginners), Previewing Changes in the Front End\" class=\"wp-image-642\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-11.png 453w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2020\/08\/Using-WP-Theme-Editor-11-300x95.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Now let\u2019s switch over to the back end and <strong>revert the changes.<\/strong><\/li>\n\n\n\n<li>Go to <strong>Appearance<\/strong> \u2192 <strong>Theme Editor <\/strong>and load the Theme Header (header.php) file from the list on the right.<\/li>\n\n\n\n<li><strong>Select the entire line<\/strong> and delete it. Double-check that you haven\u2019t deleted any other characters by accident as this will break your web page.<\/li>\n\n\n\n<li>Hit the <strong>Update File<\/strong> button to save the changes.<\/li>\n\n\n\n<li><strong>Always test<\/strong> what you\u2019ve done, just to be sure. After heading back to the front end and refreshing the page, there should be no pop-up this time<\/li>\n<\/ol>\n\n\n\n<p>SECTION 14<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>We hope you found this guide on <strong>how to build a website using WordPress <\/strong>useful. Your WordPress journey is just beginning as is a lot more to be learned.&nbsp;<\/p>\n\n\n\n<p>For more information, check out our growing archive of <a href=\"https:\/\/www.scalahosting.com\/blog\/?s=wordpress\"><strong>WordPress articles in the ScalaHosting Blog<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress is the most popular CMS solution, with hundreds of millions of websites created with the software. Today, we are going to learn how to make a WordPress website ourselves, from registering a hosting account all the way to the essential steps involved in our site building. Let&#8217;s begin! SECTION 1 What is a WordPress [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_analysis_target_kw":"","footnotes":""},"categories":[59],"tags":[],"class_list":["post-470","post","type-post","status-publish","format-standard","hentry","category-get-started"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/comments?post=470"}],"version-history":[{"count":98,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/470\/revisions"}],"predecessor-version":[{"id":5721,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/470\/revisions\/5721"}],"wp:attachment":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/media?parent=470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/categories?post=470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/tags?post=470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}