{"id":17876,"date":"2018-10-23T13:10:48","date_gmt":"2018-10-23T13:10:48","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=17876"},"modified":"2025-12-05T19:03:01","modified_gmt":"2025-12-05T17:03:01","slug":"create-website-with-wordpress","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/","title":{"rendered":"How to Create a WordPress Website With Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"17876\" class=\"elementor elementor-17876\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-35377e3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"35377e3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b59794f\" data-id=\"b59794f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e1996f3 elementor-widget elementor-widget-text-editor\" data-id=\"e1996f3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Want to develop the best workflow for building websites?<\/p><p>Creating your own website without learning how to code or hiring a developer used to be near impossible. However, thanks to platforms like WordPress and plugins like Elementor, what once was mission impossible is now a reality.<\/p><p>In this tutorial, we&#8217;ll show you how to use WordPress and Elementor to create a new website and walk you through the entire process step by step. We&#8217;ll cover the tech setup you&#8217;ll need, show you how to create the pages, and guide you through the process of customizing your site. Let&#8217;s dive in!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2bd4a485 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2bd4a485\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-160c0fb8\" data-id=\"160c0fb8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-389087f6 elementor-widget elementor-widget-heading\" data-id=\"389087f6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Making a WordPress Website<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50ee6779 elementor-widget elementor-widget-text-editor\" data-id=\"50ee6779\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>WordPress<\/strong> is a powerful <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/cms\/\"   title=\"content management system\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"4932\">content management system<\/a> that can be downloaded and used for free and it allows you to create any type of website; from simple personal blogging and small business websites to large corporate sites and feature-rich applications. <strong>Elementor<\/strong>, on the other hand, is an easy-to-use but robust <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/products\/page-builder-plugin\/\"   title=\"page builder\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"2162\">page builder<\/a> that makes it easy for anyone to create their website, no matter how complex it is.<\/p>\n<p>For the purposes of this tutorial, we&#8217;ll be creating a simple four-page website for a small business. To follow along with the tutorial, you will need:<\/p>\n<ul>\n<li><a href=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#domain\">Domain name and hosting<\/a><\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#wordpress\">WordPress<\/a><\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#elementor\">Elementor<\/a><\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#envato\">Envato Elements<\/a><\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#twentyseventeen\">TwentySeventeen theme<\/a><\/li>\n<\/ul>\n<p>We&#8217;ll start off with the TwentySeventeen theme as our base and then we&#8217;ll use pre-designed templates from Envato Elements plugin to create the pages. Once the pages are set up, we&#8217;ll customize them with our own colors, fonts, images, and content.<\/p>\n<p>Once you are done with this guide, you might want to check out our other guides and tutorials for more specific pages.&nbsp;<\/p>\n<ul>\n<li>For a tutorial about creating an eCommerce website, we recommend that you take a look at our <a href=\"https:\/\/elementor.com\/blog\/woocommerce-tutorial\/\">WooCommerce tutorial<\/a>.&nbsp;<\/li>\n<li>If you&#8217;d like to learn more about <a href=\"https:\/\/elementor.com\/blog\/create-blog-wordpress\/\">how to create a blog on WordPress<\/a>, then we have an excellent guide about it <a href=\"https:\/\/elementor.com\/blog\/create-blog-wordpress\/\">here<\/a>.<\/li>\n<li>And we also have a guide if you&nbsp;are looking to learn more about <a href=\"https:\/\/elementor.com\/blog\/create-wordpress-landing-page\/\">how to create a landing page in WordPress <\/a>with Elementor.<\/li>\n<\/ul>\n<p>With these guides, you will be able to improve your website and make the most of it.&nbsp;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ef60d5 elementor-widget elementor-widget-heading\" data-id=\"7ef60d5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Technical Setup<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f950490 elementor-widget elementor-widget-text-editor\" data-id=\"2f950490\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The first step to creating your own, new site with WordPress and Elementor is to make sure we have everything in place. In this part of the tutorial, we\u2019ll cover getting your own domain name and web hosting, show you how to install WordPress, Elementor, and <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/envato-elements-launched\/\"   title=\"Envato Elements\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"3380\">Envato Elements<\/a> as well as how to install the TwentySeventeen theme.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6de3e9 elementor-widget elementor-widget-menu-anchor\" data-id=\"d6de3e9\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"domain\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ad25a34 elementor-widget elementor-widget-heading\" data-id=\"7ad25a34\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Get a Domain and Webhosting\u200b<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f5ca5e elementor-widget elementor-widget-image\" data-id=\"4f5ca5e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"280\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=280\/blog\/wp-content\/uploads\/2018\/10\/Siteground.png\" class=\"attachment-large size-large wp-image-17932\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Siteground.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Siteground-300x105.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Siteground-768x269.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc7bb5c elementor-widget elementor-widget-text-editor\" data-id=\"fc7bb5c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When you set out to create your own website, the first thing you need to do is get a domain name and a web hosting service. Your domain name will allow visitors to access your website.<\/p><p>If you&#8217;re creating a personal website such as a blog or a resume, you might want to consider using your own name for the domain name. This will help you build a personal brand, and your domain name is most likely to show up in search results when someone decides to Google your name.<\/p><p>Alternatively, if you\u2019re building a website for your business, then the most obvious choice is to use your <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/how-to-come-up-with-a-business-name\/\"   title=\"business name\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"4632\">business name<\/a> for the domain name. There is a variety of extensions you can choose from, but keep in mind that.COM is the most popular one and what most people type in the address bar by default. However, if you find that your desired <a href=\"https:\/\/elementor.com\/blog\/com-vs-net\/\">domain name<\/a> is not available with a .COM, try opting for .ME, .CO or .NET which are also very popular.<\/p><p>If you&#8217;re absolutely stuck on a domain name and can&#8217;t think of anything, consider using tools such as <a href=\"https:\/\/www.namemesh.com\/\">Namemesh<\/a> or <a href=\"http:\/\/www.panabee.com\/\">Panabee<\/a> to come up with a name.<\/p><p>While you can buy your domain name separately from your hosting plan, the easiest way to start is to combine the two as this allows you to manage everything in one place.<\/p><p>The hosting plan will allow you to house all the files that make up your site. Your hosting server is where you will install WordPress and the add-ons mentioned in this tutorial.<\/p><p>As far as hosting plans go, they range from affordable shared hosting plans to more expensive managed WordPress hosting and premium dedicated servers. A shared hosting plan is a great choice if this is your first website and you&#8217;re just getting started. There are numerous web hosting companies out there, like Bluehost, SiteGround, and others for you to choose from.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3593f50 elementor-widget elementor-widget-image\" data-id=\"3593f50\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"388\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=388\/blog\/wp-content\/uploads\/2018\/10\/Choosing-a-Hosting-plan.png\" class=\"attachment-large size-large wp-image-17928\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Choosing-a-Hosting-plan.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Choosing-a-Hosting-plan-300x146.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Choosing-a-Hosting-plan-768x372.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36aea721 elementor-widget elementor-widget-text-editor\" data-id=\"36aea721\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>There is no shortage of <a href=\"https:\/\/elementor.com\/wordpress-hosting\/\">recommended WordPress Hosting providers<\/a> but for purposes of this tutorial, we\u2019ll be using SiteGround. To get started, follow the steps below:<\/p><ol><li>Visit SiteGround and click on the <strong>Get Started<\/strong> button<\/li><li>Choose the hosting plan that\u2019s appropriate for your site.<\/li><li>Enter your desired domain name to see if it\u2019s available<\/li><li>Review and complete your order by entering your contact and payment information.<\/li><\/ol><p>Once you\u2019ve signed up for your hosting plan, you will receive a welcome email from Siteground that will have all the details related to your account. Find the login link to your hosting account area and use the username and password to log into your account.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d7b7bf elementor-widget elementor-widget-menu-anchor\" data-id=\"2d7b7bf\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"wordpress\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f237f2 elementor-widget elementor-widget-heading\" data-id=\"1f237f2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Install WordPress<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d19f993 elementor-widget elementor-widget-text-editor\" data-id=\"d19f993\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Before we proceed with the installation, we would like to point out the <a href=\"https:\/\/elementor.com\/blog\/wordpress-com-vs-wordpress-org\/\">difference between <strong>wordpress.org<\/strong> and <strong>wordpress.com<\/strong><\/a>, since they often cause confusion, and are used interchangeably.\u00a0<\/p><p><strong>WordPress.org<\/strong> is where you should go to install wordpress, for this guide. It is where you will find the free version of the WordPress software. A key point here, apart from the fact that it\u2019s free, is that you will have to host the site through a third-party hosting service.\u00a0<\/p><p><strong>WordPress.com<\/strong> offers more services and options, and is, therefore, a paid subscription. Here you will have the option to get a website, with hosting in a manner of minutes, with no additional, third-party services.\u00a0<\/p><table><tbody><tr><td><p><strong>wordpress.org<\/strong><\/p><\/td><td><p><strong>wordpress.com<\/strong><\/p><\/td><\/tr><tr><td><p>It\u2019s open source and is free to use. The only downside to this, is that you will require a third party hosting plan, the cost of which varies, but can be around $40 annually.\u00a0<\/p><\/td><td><p>Has five pricing plans, including free where the most expensive plan is around $45 per month.\u00a0<\/p><\/td><\/tr><tr><td><p>The main benefit of wordpress.org, is the fact that you own the website and that you have full control of it, even though it\u2019s free.\u00a0<\/p><\/td><td><p>While wordpress.com has a free plan, it is very limiting in terms of ownership and control. For example:\u00a0<\/p><ul><li>Should you violate their terms of service, they can simply delete your website.\u00a0<\/li><li>The free version comes with a wordpress.com domain name.\u00a0<\/li><li>The site will display a \u201cpowered by WordPress\u201d link.\u00a0<\/li><\/ul><p>To remove these limiting factors, you will have to upgrade to a more expensive plan (not necessarily the next least expensive).\u00a0<\/p><\/td><\/tr><tr><td><p>The user\u2019s full control of the wordpress.org website can also be measured in the fact that it allows to:\u00a0<\/p><ul><li>Add any plugin from the WordPress plugin repository.<\/li><li>Add any compatible theme.\u00a0<\/li><\/ul><\/td><td><p>WordPress.com, on the other hand, does not allow to upload custom plugins, as the free version comes with pre-installed Jet Elements. In addition, while there is a selection of free themes as well as premium ones, it pales in comparison to the myriad of themes that wordpress.org has to offer directly, or via third-party addons.\u00a0<\/p><\/td><\/tr><tr><td><p>Another great benefit for this one is that you can place ads on your website, and earn money directly, without sharing the profits.\u00a0<\/p><\/td><td><p>WordPress.com does not allow to place ads, and utilizes a system called WordAds, the revenue of which has to be shared with wordpress.com via a commission..\u00a0<\/p><\/td><\/tr><tr><td><p>Additionally, wordpress.org allows you to utilize an important analytical tool like Google Analytics.\u00a0<\/p><\/td><td><p>The free plan does not allow the use of Google Analytics, and in fact, in order to use it, you will have to sign up for the premium plan.\u00a0<\/p><\/td><\/tr><tr><td><p>Beginners should be aware, that with wordpress.org, users are responsible for updating the software and creating backups<\/p><\/td><td><p>WordPress.com takes care of these issues, and users will have to worry about updates and backups.<\/p><\/td><\/tr><\/tbody><\/table><h1>\u00a0<\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fddf1f2 elementor-widget elementor-widget-image\" data-id=\"fddf1f2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"894\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=894\/blog\/wp-content\/uploads\/2018\/10\/Installing-WordPress.png\" class=\"attachment-large size-large wp-image-17929\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Installing-WordPress.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=268\/blog\/wp-content\/uploads\/2018\/10\/Installing-WordPress-268x300.png 268w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Installing-WordPress-768x858.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffadfce elementor-widget elementor-widget-text-editor\" data-id=\"ffadfce\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>After you have logged in to your hosting account, click on the <strong>My Accounts<\/strong> tab and then login to your cPanel. In cPanel, click on the WordPress icon in the auto-installers area and follow the steps to install WordPress.<\/p><p>You\u2019ll need to enter a username and password that you will use to log into your site along with some other information. Then, click the <strong>Finish installation<\/strong> button and wait for WordPress to be installed.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7ac30d elementor-widget elementor-widget-image\" data-id=\"d7ac30d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=395\/blog\/wp-content\/uploads\/2018\/10\/WordPress-Login.png\" class=\"attachment-large size-large wp-image-17950\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/WordPress-Login.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/WordPress-Login-300x148.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/WordPress-Login-768x379.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-046b2f0 elementor-widget elementor-widget-text-editor\" data-id=\"046b2f0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>After WordPress has been installed, go ahead and visit your WordPress site. Enter the name and password you\u2019ve set up and click <strong>Log In<\/strong> to access your WordPress dashboard.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17a7df0 elementor-widget elementor-widget-menu-anchor\" data-id=\"17a7df0\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"elementor\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6ae449 elementor-widget elementor-widget-heading\" data-id=\"e6ae449\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/elementor.com\/help\/how-to-install-elementor\/\">3. Install Elementor<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9f4bee elementor-widget elementor-widget-image\" data-id=\"e9f4bee\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"221\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=221\/blog\/wp-content\/uploads\/2018\/10\/INstalling-Elementor.png\" class=\"attachment-large size-large wp-image-17933\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/INstalling-Elementor.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/INstalling-Elementor-300x83.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/INstalling-Elementor-768x212.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aeb89bc elementor-widget elementor-widget-text-editor\" data-id=\"aeb89bc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In your WordPress dashboard, navigate to <strong>Plugins &gt; Add New<\/strong>. Search for Elementor and click <strong>Install<\/strong>. When Elementor has been installed, click <strong>Activate<\/strong>.<\/p><p>You\u2019ll also need Elementor Pro to take full advantage of Elementor\u2019s capabilities. Visit Elementor.com and purchase the Pro version of the plugin then install and activate it in the same manner as above. Once Elementor Pro has been installed, you&#8217;ll need to enter your license by going to your WordPress dashboard and navigating to <strong>Elementor &gt; License<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1817a9 elementor-widget elementor-widget-menu-anchor\" data-id=\"b1817a9\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"envato\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0e69a9 elementor-widget elementor-widget-heading\" data-id=\"b0e69a9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. Install Envato Elements<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3347e41 elementor-widget elementor-widget-image\" data-id=\"3347e41\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"432\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=432\/blog\/wp-content\/uploads\/2018\/10\/Envato-elements-Templates.png\" class=\"attachment-large size-large wp-image-17963\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Envato-elements-Templates.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Envato-elements-Templates-300x162.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Envato-elements-Templates-768x415.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79d06f4 elementor-widget elementor-widget-text-editor\" data-id=\"79d06f4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/elementor.com\/envato-elements\/\">Envato Elements<\/a> is a free WordPress plugin made by Envato, the parent company behind ThemeForest. The plugin is still new but it already has an impressive collection of templates made specifically for Elementor.<\/p><p>Each <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\"   title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26787\">template<\/a> can be imported into your individual Elementor template library and you can find it under My Templates. You can also immediately create a live web page that will be saved as a draft so you can start editing it. We\u2019ll use a number of templates from <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/envato-elements\/\"   title=\"Envato\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"3587\">Envato<\/a> Elements to speed up the website design and creation process and make it as user-friendly as possible for new WordPress users.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-029fe1f elementor-widget elementor-widget-image\" data-id=\"029fe1f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"261\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=261\/blog\/wp-content\/uploads\/2018\/10\/Installing-Envato-Elements.png\" class=\"attachment-large size-large wp-image-17934\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Installing-Envato-Elements.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Installing-Envato-Elements-300x98.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Installing-Envato-Elements-768x251.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec4a475 elementor-widget elementor-widget-text-editor\" data-id=\"ec4a475\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To install Envato Elements, go back to <strong>Plugins &gt; Add New<\/strong>, search for Envato Elements, and click <strong>Install<\/strong>. Once installed, activate the plugin.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5614781 elementor-widget elementor-widget-menu-anchor\" data-id=\"5614781\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"twentyseventeen\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6ddbec elementor-widget elementor-widget-heading\" data-id=\"d6ddbec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">5. Install TwentySeventeen<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efe3a30 elementor-widget elementor-widget-text-editor\" data-id=\"efe3a30\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The last step is to install the TwentySeventeen theme. In most cases, this WordPress theme will come preinstalled with your WordPress installation but in the event it\u2019s not, follow these steps to install it \u2014 it\u2019s a free theme.<\/p><p>In your WordPress dashboard, go to <strong>Appearance &gt; Themes<\/strong>. On that screen, click <strong>Add New<\/strong> button. Search for TwentySeventeen, and then click <strong>Install<\/strong>. When the new theme has finished installing, click <strong>Activate<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b6ce96b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b6ce96b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-551c66b\" data-id=\"551c66b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f053030 elementor-widget elementor-widget-heading\" data-id=\"f053030\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Creating Site Pages<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd7b301 elementor-widget elementor-widget-text-editor\" data-id=\"bd7b301\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now that we\u2019ve covered technical setup and you have everything in place, it\u2019s time to start working on your site. In this tutorial, we\u2019ll be building a 4-page website consisting of a homepage, a menu page, an about page, and a contact us page. We\u2019ll be using the Juice Bar template for the rest of the tutorial. Let\u2019s begin.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5a2dd1 elementor-widget elementor-widget-heading\" data-id=\"e5a2dd1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Create the Homepage<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b6ad4d elementor-widget elementor-widget-image\" data-id=\"6b6ad4d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"402\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=402\/blog\/wp-content\/uploads\/2018\/10\/Creating-homepage.png\" class=\"attachment-large size-large wp-image-17935\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Creating-homepage.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Creating-homepage-300x151.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Creating-homepage-768x386.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b3cfad elementor-widget elementor-widget-text-editor\" data-id=\"3b3cfad\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In your WordPress dashboard, go to <strong>Elements<\/strong>. Click on the <strong>Food and Drink<\/strong> link at the top, and then scroll down to find the <strong>Juice Bar<\/strong> template. Click on the sixth template named <strong>Home 6<\/strong> and then click the <strong>Import Pro<\/strong> template button.<\/p><p>When the template has been imported, enter a page name and click<strong> Create New Page<\/strong> that will be saved in your drafts so you can go back and edit the template once all the pages have been created.<\/p><p>As you create the page, you have the option to click on the page link in the message that appears after successful page creation. You can also edit the imported template.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd5872b elementor-widget elementor-widget-text-editor\" data-id=\"fd5872b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now that all the pages have been created, it\u2019s time to customize your site and make it your own. We\u2019ll start by getting familiar with how Elementor works, and then we\u2019ll dive into tweaking the visual styles such as colors, fonts, and layout.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a87e900 elementor-widget elementor-widget-heading\" data-id=\"a87e900\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Create the Menu Page<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25fd06a elementor-widget elementor-widget-text-editor\" data-id=\"25fd06a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To create the Menu page, choose <strong>Menu 5,<\/strong> and click <strong>Import Pro Template<\/strong>. You can then follow the same steps as above to create a draft of your menu page with this Elementor template.<\/p><p>Name the page Menu and press the\u00a0<strong>Create page<\/strong> button. The plugin will do its magic and the template will be waiting for you in the <strong>Drafts<\/strong> section.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6452da elementor-widget elementor-widget-heading\" data-id=\"f6452da\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Create the About Page<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e14fe21 elementor-widget elementor-widget-text-editor\" data-id=\"e14fe21\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Create your About page in the same fashion as above, only this time choose the <strong>About 1<\/strong> template.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a25393 elementor-widget elementor-widget-heading\" data-id=\"7a25393\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. Create Contact Us Page<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b47cb43 elementor-widget elementor-widget-text-editor\" data-id=\"b47cb43\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lastly, create the Contact Us page by following the same steps as before. Select <strong>Contact Us 2<\/strong> template and import it, then create the page by entering the name for it and clicking the <strong>Create New Page<\/strong> button.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f5e06db elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f5e06db\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c2444f6\" data-id=\"c2444f6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ab7deb elementor-widget elementor-widget-heading\" data-id=\"5ab7deb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Customizing Your Site<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ad55e3 elementor-widget elementor-widget-heading\" data-id=\"1ad55e3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Getting Familiar With Elementor<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf7919b elementor-widget elementor-widget-image\" data-id=\"cf7919b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"373\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=373\/blog\/wp-content\/uploads\/2018\/10\/Editing-page-with-Elementor.png\" class=\"attachment-large size-large wp-image-17953\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Editing-page-with-Elementor.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Editing-page-with-Elementor-300x140.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Editing-page-with-Elementor-768x358.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bde87d elementor-widget elementor-widget-text-editor\" data-id=\"0bde87d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The best way to get familiar with Elementor is to see it in action. Start by going to <strong>Pages &gt; All pages<\/strong>. Find the homepage you&#8217;ve just created and hover over the page name. When the menu links appear below, click on <strong>Edit with Elementor<\/strong>.<\/p><p>Once the page loads, you&#8217;ll see two sections on the screen. On the left, you&#8217;ll notice the editing screen for Elementor while the right side shows you how your page looks and allows you to edit the structure and the contents.<\/p><p>Elementor uses sections, columns, and widgets to create the layout of any page. Sections are the largest building blocks and you&#8217;ll add columns that are called inner sections inside them. Inside inner sections or columns, you will be able to add widgets which are content blocks that add text, images, buttons, and other elements to your page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74b3ea8 elementor-widget elementor-widget-heading\" data-id=\"74b3ea8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Working With Sections<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67717ad elementor-widget elementor-widget-image\" data-id=\"67717ad\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"297\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=297\/blog\/wp-content\/uploads\/2018\/10\/Adding-more-sections.png\" class=\"attachment-large size-large wp-image-17937\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Adding-more-sections.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Adding-more-sections-300x111.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Adding-more-sections-768x285.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9b2e7d elementor-widget elementor-widget-text-editor\" data-id=\"c9b2e7d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When you hover over a section, you\u2019ll notice a blue border appear with a handle that lets you edit the section, add a new section, or entirely delete a section of the page. You can also right-click on the handle and access section controls from there, as you can see from the screenshot below.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a29d9dd elementor-widget elementor-widget-text-editor\" data-id=\"a29d9dd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Clicking the <strong>+<\/strong> icon allows you to add a new section above the existing section. You\u2019ll then have to click the pink + or the folder icon to create the structure for your section or choose a premade template.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61aaea1 elementor-widget elementor-widget-heading\" data-id=\"61aaea1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Working With Inner Sections or Columns<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-258b526 elementor-widget elementor-widget-image\" data-id=\"258b526\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"348\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=348\/blog\/wp-content\/uploads\/2018\/10\/Editing-column-1.png\" class=\"attachment-large size-large wp-image-17956\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Editing-column-1.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Editing-column-1-300x131.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Editing-column-1-768x334.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bae101 elementor-widget elementor-widget-text-editor\" data-id=\"6bae101\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In a similar fashion, you can click the grey border and the corresponding handle to edit inner sections. You can modify the width of the columns and change the spacing between columns.<\/p><p>Right-clicking on the handle, allows you to add more columns, duplicate existing ones, delete them, and more.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24e979b elementor-widget elementor-widget-heading\" data-id=\"24e979b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Working With Widgets<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d3a3d4 elementor-widget elementor-widget-image\" data-id=\"2d3a3d4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"342\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=342\/blog\/wp-content\/uploads\/2018\/10\/Editing-Widget.png\" class=\"attachment-large size-large wp-image-17951\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Editing-Widget.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Editing-Widget-300x128.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Editing-Widget-768x328.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-808dcc8 elementor-widget elementor-widget-text-editor\" data-id=\"808dcc8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lastly, you can edit existing widgets by clicking the Pencil icon in widget handle or by right-clicking it. You can change the contents of it as well as access style controls, duplicate widgets, delete them, and more.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e612d12 elementor-widget elementor-widget-image\" data-id=\"e612d12\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"316\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=316\/blog\/wp-content\/uploads\/2018\/10\/Adding-widgets.png\" class=\"attachment-large size-large wp-image-17952\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Adding-widgets.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Adding-widgets-300x119.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Adding-widgets-768x303.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ef2f8e elementor-widget elementor-widget-text-editor\" data-id=\"8ef2f8e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can also add new widgets with a simple drag-and-drop from the left-hand side of the screen and dropping them onto your page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a212dc elementor-widget elementor-widget-heading\" data-id=\"4a212dc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Customize Colors<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-678d1fc elementor-widget elementor-widget-image\" data-id=\"678d1fc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"418\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=418\/blog\/wp-content\/uploads\/2018\/10\/Setting-Color-Palettes-in-Elementor.jpg\" class=\"attachment-large size-large wp-image-17938\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Setting-Color-Palettes-in-Elementor.jpg 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Setting-Color-Palettes-in-Elementor-300x157.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Setting-Color-Palettes-in-Elementor-768x401.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd7bfd0 elementor-widget elementor-widget-text-editor\" data-id=\"fd7bfd0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>One of the first customizations you&#8217;ll probably want to do is to tweak the colors that the template is using. This will allow you to integrate your business or brand colors and personalize the template with your own style.<\/p><p>You can modify the colors on a global level and on the individual widget level. Editing colors on a global level means that any new page you create with Elementor will inherit those styles so all you have to do is create the structure and enter the content. To modify global color settings, click the left hamburger menu on the page editing screen. Then, click the Default Colors link under the Style menu.<\/p><p>As you can see, you can tweak the default <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/website-color-schemes\/\"   title=\"color scheme\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"5628\">color scheme<\/a> by entering your own hex color codes or you can apply a pre-made color scheme if you don\u2019t have a color scheme of your own.<\/p><p>Global style settings can be overridden by customizing each widget separately. To customize the colors of individual widgets, select the widget you want to style and then click the <strong>Style<\/strong> tab on the widget editing screen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1213616 elementor-widget elementor-widget-heading\" data-id=\"1213616\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Customize Typography<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff806de elementor-widget elementor-widget-image\" data-id=\"ff806de\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=395\/blog\/wp-content\/uploads\/2018\/10\/Elementor-Colors-and-Typography-Settings.png\" class=\"attachment-large size-large wp-image-17961\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Elementor-Colors-and-Typography-Settings.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Elementor-Colors-and-Typography-Settings-300x148.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Elementor-Colors-and-Typography-Settings-768x379.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cfea68 elementor-widget elementor-widget-text-editor\" data-id=\"4cfea68\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Similarly to colors, you can edit the <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\"   title=\"typography\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"5250\">typography<\/a> of your site on a global level and on the individual widget level.<\/p><p>Globally, you can set font families and font weights for primary and secondary heading, body, and accent text.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17c8784 elementor-widget elementor-widget-image\" data-id=\"17c8784\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"361\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=361\/blog\/wp-content\/uploads\/2018\/10\/Editing-Text-styles.png\" class=\"attachment-large size-large wp-image-17939\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Editing-Text-styles.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Editing-Text-styles-300x135.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Editing-Text-styles-768x347.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c471531 elementor-widget elementor-widget-text-editor\" data-id=\"c471531\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To style the typography of individual widgets, click on the widget you want to edit and then click Style. From the drop-down menu next to Family, you can choose among hundreds of Google Fonts or you can select Default and default fonts you\u2019ve set under global settings will be applied.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d71cbb elementor-widget elementor-widget-heading\" data-id=\"6d71cbb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Customize Images<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43e38eb elementor-widget elementor-widget-image\" data-id=\"43e38eb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"343\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=343\/blog\/wp-content\/uploads\/2018\/10\/Customizing-images.png\" class=\"attachment-large size-large wp-image-17940\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Customizing-images.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Customizing-images-300x129.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Customizing-images-768x329.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b662a18 elementor-widget elementor-widget-text-editor\" data-id=\"b662a18\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you&#8217;ve customized the colors and fonts on your site, it&#8217;s time to replace the stock images with your own. To do this, click on a section that you want to work with. In this case, I want to change the image in the Featured Menus section. I clicked on the <strong>Kiwi Bliss<\/strong> column and then go to the <strong>Style<\/strong> tab.<\/p><p>First, you&#8217;ll need to delete the existing image by clicking <strong>Delete<\/strong> and then click the + sign to upload your own image. Once the Media Library loads, click on <strong>Upload files<\/strong> and then click the <strong>Select files<\/strong> button.<\/p><p>You&#8217;ll then select the image you want and click the <strong>Insert media<\/strong> button. If you&#8217;re working with background images like in the example above, you can also change their position and control their size. You also have the option to change the background overlay or remove it completely as well as set the colors for image text.<\/p><p>If you&#8217;re working with regular images instead of background images, you&#8217;ll have slightly fewer options. For example, to change and customize the images in the Meal Pricing section of the homepage, you&#8217;ll follow the same steps of deleting the existing image and then uploading your own. You can then change the image opacity and add various <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\"   title=\"CSS\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"4295\">CSS<\/a> filters such as Blur, Brightness, and more.<\/p><p>You can apply different styles for the image hover state and those styles will be visible once a visitor hovers over the image with their mouse.<\/p><p>To customize the rest of the images on your site, simply repeat the steps above and then click <strong>Publish<\/strong> to save them.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df9487c elementor-widget elementor-widget-heading\" data-id=\"df9487c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Customize Page Layout<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94b36ae elementor-widget elementor-widget-image\" data-id=\"94b36ae\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"364\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=364\/blog\/wp-content\/uploads\/2018\/10\/Adding-columns.png\" class=\"attachment-large size-large wp-image-17942\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Adding-columns.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Adding-columns-300x137.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Adding-columns-768x349.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0e1878 elementor-widget elementor-widget-text-editor\" data-id=\"c0e1878\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you have all the styles configured to your liking, it\u2019s time to start tweaking the layout. For example, the homepage we\u2019re working with features 3 columns but what if your business has 4 services? In that case, you\u2019ll want to add another column.<\/p><p>To do this, right-click on the inner section handle and select <strong>Add column<\/strong>. A new column will be created and you can then proceed to add the widgets that you want. Alternatively, you can duplicate an existing column to save time. Once you\u2019ve duplicated the column, replace the content with your own.<\/p><p>You can also add another section to your page, as we\u2019ve mentioned earlier. Here\u2019s a step by step process to add an example About section:<\/p><ol><li>Click the <strong>+<\/strong> icon in the section handle below the Menu pricing.<\/li><li>Set the structure to one column<\/li><li>Adjust the column to full-width<\/li><li>Drag a Heading widget and type in your heading<\/li><li>Drag Inner section widget and choose two columns<\/li><li>Add an image to the left column and add a text widget to the right column<\/li><li>Choose an image from your computer and upload it to the Image widget<\/li><li>Enter a brief description of your business in the Text widget<\/li><li>Drag over a button widget below the text widget<\/li><li>Set the button to link to your About page.<\/li><\/ol><p>When you\u2019re done making the desired changes, click the green Publish button and your changes will be live on the site.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ed0386 elementor-widget elementor-widget-heading\" data-id=\"0ed0386\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Add Social Media Links<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-960d827 elementor-widget elementor-widget-image\" data-id=\"960d827\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"796\" height=\"316\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=796,h=316\/blog\/wp-content\/uploads\/2018\/10\/Customizing-Social-icons-e1585060718593.png\" class=\"attachment-large size-large wp-image-17944\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=796\/blog\/wp-content\/uploads\/2018\/10\/Customizing-Social-icons-e1585060718593.png 796w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Customizing-Social-icons-e1585060718593-300x119.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Customizing-Social-icons-e1585060718593-768x305.png 768w\" sizes=\"(max-width: 796px) 100vw, 796px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3687437 elementor-widget elementor-widget-text-editor\" data-id=\"3687437\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As you can see, the template we\u2019re working with comes with social media links in the footer. You can easily edit them by clicking on the icons and replacing them with icons that link to your preferred social media profiles.<\/p><p>You can add more links by clicking the <strong>Add Item<\/strong> button. Customize the icons by changing the shape and then click the <strong>Style<\/strong> tab to control the icon color, size, padding, and more. As you can see from the screenshot below, I\u2019ve added a Pinterest icon and changed the icons to a square shape with blue color.<\/p><p>It\u2019s worth mentioning that you can add social icons anywhere on the page by dragging over the <strong>Social Links<\/strong> widget. You can then choose which icons you want to display and configure the way they are displayed by changing the shape, size, colors, and more.<\/p><p>In this example, I\u2019ve added the icons to the About section created in the previous step.<\/p><p>Once you\u2019re done modifying your homepage, click <strong>Publish<\/strong> and then click the <strong>Exit to Dashboard<\/strong> button.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6843a75 elementor-widget elementor-widget-heading\" data-id=\"6843a75\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Customize Contact Form<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3898f2a elementor-widget elementor-widget-image\" data-id=\"3898f2a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"332\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=332\/blog\/wp-content\/uploads\/2018\/10\/Customizing-Form.png\" class=\"attachment-large size-large wp-image-17945\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Customizing-Form.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Customizing-Form-300x125.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Customizing-Form-768x319.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d36e7b0 elementor-widget elementor-widget-text-editor\" data-id=\"d36e7b0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>So far the majority of your customizations happened on the homepage. Let\u2019s take a look at how you can tweak other elements such as the contact form on the contact us page. Start by going back to <strong>Pages &gt; All<\/strong> pages and selecting your <strong>Contact us<\/strong> page. Click <strong>Edit with Elementor<\/strong>.<\/p><p>Click the form widget and then start modifying the information. You can click individual form elements to add fields for email, phone number, date, text, website, and more. You can also add more fields by clicking <strong>Add item<\/strong> button.<\/p><p>In this example, I\u2019ve added a field for the seating options so potential customers can choose an indoor or an outdoor table.<\/p><p>The form also allows you to choose an email that will receive form submissions as well as what should happen once the form is filled out. You can choose to receive an email notification, redirect the visitors to a special thank you page, add them to your email list, and more. When you\u2019re done, click the green <strong>Publish<\/strong> button and your changes will be live on the page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3f631b elementor-widget elementor-widget-heading\" data-id=\"a3f631b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Customize Copy<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04bc3b0 elementor-widget elementor-widget-image\" data-id=\"04bc3b0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"384\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=384\/blog\/wp-content\/uploads\/2018\/10\/Customizing-copy.png\" class=\"attachment-large size-large wp-image-17946\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Customizing-copy.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Customizing-copy-300x144.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Customizing-copy-768x369.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ece0e7f elementor-widget elementor-widget-text-editor\" data-id=\"ece0e7f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The next task on your list is to customize the copy on the templates. To do this, you will be editing the widgets directly and replacing the text with your own. You can start with any page by going to <strong>Pages &gt; All Pages<\/strong> and then hover over the page you want to edit. Click on <strong>Edit with Elementor<\/strong>. In the example below, I am editing the About page copy.\u00a0<\/p><p>Once the editing screen loads, click on the text you want to edit. You\u2019ll notice a text editor appear on the left-hand side that looks like a regular <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/post-vs-page\/\"   title=\"WordPress post\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"4185\">WordPress post<\/a> editor. You can then change the text, add images, forms, links, format the text, and more.<\/p><p>To edit other text areas on your site, all you have to do is repeat the steps above. Click the text, delete the existing copy, and enter your own. As always, when you&#8217;re done, click the green <strong>Publish<\/strong> button and your changes will be live on the page.<\/p><p>It&#8217;s worth mentioning that as you&#8217;re editing text, you can still make adjustments to the typography and adjust the color of the text as we&#8217;ve described earlier in the article.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43da3a8 elementor-widget elementor-widget-heading\" data-id=\"43da3a8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Add the Header and Footer Templates Using Blocks <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c564ff3 elementor-widget elementor-widget-text-editor\" data-id=\"c564ff3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Using Elementor and the blocks feature, you can add custom or premade header and footer templates and use them on every page of your site or you can create different headers for each page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b051749 elementor-widget elementor-widget-heading\" data-id=\"b051749\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Adding Headers<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c1c05e elementor-widget elementor-widget-image\" data-id=\"0c1c05e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"402\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=402\/blog\/wp-content\/uploads\/2018\/10\/Header-layouts.png\" class=\"attachment-large size-large wp-image-17948\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Header-layouts.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Header-layouts-300x151.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Header-layouts-768x386.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bf347e elementor-widget elementor-widget-text-editor\" data-id=\"2bf347e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To create a header, click on the + icon on the topmost section on any page and then click the <strong>Folder <\/strong>icon. Once the template library loads, click on <strong>Blocks,\u00a0<\/strong>and from the drop-down menu choose the <strong>Header <\/strong>category.<\/p><p>Choose a header block you like and then click the <strong>Insert <\/strong>button. Then, click the <strong>Section Settings <\/strong>and under <strong>Layout settings<\/strong> set the HTML tag to <strong>header<\/strong>. You can also set the width to full-width, adjust the spacing between widgets, add more widgets to it, and more.<\/p><p>As you can see in the screenshot below, I\u2019ve removed the search icon and replaced it with social icons. When you\u2019re done tweaking the header, right-click on its handle and select <strong>Save as a template<\/strong>. You can then reuse the header across all pages on your site.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc019de elementor-widget elementor-widget-heading\" data-id=\"cc019de\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Adding Custom Footers<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74477f1 elementor-widget elementor-widget-image\" data-id=\"74477f1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"405\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=405\/blog\/wp-content\/uploads\/2018\/10\/Footer-layouts.png\" class=\"attachment-large size-large wp-image-17959\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Footer-layouts.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Footer-layouts-300x152.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Footer-layouts-768x389.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07c8620 elementor-widget elementor-widget-text-editor\" data-id=\"07c8620\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In a similar fashion, you can create footer sections for your pages. Start by clicking the <strong>folder <\/strong>icon below the last section on the page and choose <strong>Blocks<\/strong>, then <strong>Footer <\/strong>from the drop-down menu. Choose a footer block you like and click <strong>Insert<\/strong>.<\/p><p>You can then style the footer element in the same fashion as any other section and widget on your page. When you\u2019re done designing your footer, click on its handle and press <strong>Save as a template<\/strong>. Name it and click <strong>Save<\/strong>, then feel free to re-use it on any page on your site.<\/p><p>When you\u2019re done adding and styling header and footer elements, simply click the <strong>Publish <\/strong>button on the left-hand side of the screen and your page will be completely customized and live on your site.<\/p><p>Once you\u2019ve saved the header and the footer, you can go back and apply them to other pages. To do that, go to <strong>Pages &gt; All pages<\/strong> and select a page to <strong>Edit with Elementor<\/strong>. Then, click on the <strong>+<\/strong> icon above the topmost section, click the <strong>folder <\/strong>icon and go to <strong>My Templates<\/strong>. Find the saved header section and click the <strong>Insert <\/strong>button.<\/p><p>To add the footer, scroll to the bottom of the page and click the folder icon at the very bottom. Click <strong>My Templates<\/strong> and then choose the saved footer block. Click <strong>Update <\/strong>to save your changes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b7fd962 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b7fd962\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-01beef3\" data-id=\"01beef3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b55dea6 elementor-widget elementor-widget-heading\" data-id=\"b55dea6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Customizing Your WordPress Website<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef779f4 elementor-widget elementor-widget-text-editor\" data-id=\"ef779f4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you are done making all the changes on your pages, there are a few last customizations that you need to make in WordPress itself. You need to upload your logo, create a menu so visitors can navigate your site, and finally set the homepage for your site.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3956fc2 elementor-widget elementor-widget-heading\" data-id=\"3956fc2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Upload a Logo<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57c2a2c elementor-widget elementor-widget-text-editor\" data-id=\"57c2a2c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Let\u2019s start by uploading a logo. To do this, in your WordPress dashboard go to <strong>Appearance &gt; Customize<\/strong>. Once the customizer loads, click on <strong>Site Identity<\/strong> and then click <strong>Select Logo<\/strong>.<\/p><p>When the media library loads, click on <strong>Upload files<\/strong>, select the logo file from your computer and click <strong>Select<\/strong>. Then, click <strong>Publish <\/strong>to save the changes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f7b674 elementor-widget elementor-widget-heading\" data-id=\"7f7b674\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Create A Menu<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cba9712 elementor-widget elementor-widget-image\" data-id=\"cba9712\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"302\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=302\/blog\/wp-content\/uploads\/2018\/10\/Creating-menu-1.png\" class=\"attachment-large size-large wp-image-17947\" alt=\"Creating menu\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Creating-menu-1.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Creating-menu-1-300x113.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Creating-menu-1-768x290.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41e7af7 elementor-widget elementor-widget-text-editor\" data-id=\"41e7af7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you\u2019ve uploaded the logo, go to <strong>Appearance &gt; Menus <\/strong>and enter a name for your menu. Then, click <strong>Create Menu<\/strong>. From there, check the pages you\u2019ve created and customized above to the right side of the screen.<\/p><p>You can then drag the pages to customize the order they display in and select the position for this menu. When you\u2019re done customizing the menu, click <strong>Save Menu<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06b43f6 elementor-widget elementor-widget-heading\" data-id=\"06b43f6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Set the Site's Homepage<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc66bc8 elementor-widget elementor-widget-image\" data-id=\"bc66bc8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"309\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=309\/blog\/wp-content\/uploads\/2018\/10\/Setting-the-homepage.png\" class=\"attachment-large size-large wp-image-17949\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Setting-the-homepage.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Setting-the-homepage-300x116.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Setting-the-homepage-768x297.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-594c41a elementor-widget elementor-widget-text-editor\" data-id=\"594c41a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The last WordPress customization step is to set the page that will serve as the homepage for your site. To do this, go to <strong>Settings &gt; Reading<\/strong>. Next to the line that says \u201cYour homepage displays\u201d select A <strong>static page<\/strong> and select the homepage you\u2019ve created. Click <strong>Save changes<\/strong> and then visit your site to see how it looks.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f641cb8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f641cb8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d8cd9a6\" data-id=\"d8cd9a6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eca0a8f elementor-widget elementor-widget-heading\" data-id=\"eca0a8f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SEO Settings<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e767568 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e767568\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-628b6ed\" data-id=\"628b6ed\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9347e22 elementor-widget elementor-widget-text-editor\" data-id=\"9347e22\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you add a page or a post, you will have access to SEO settings, like meta titles, descriptions, slug formats, and more. We encourage you to make sure that these are adequately filled.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2bd93fa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2bd93fa\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-936c603\" data-id=\"936c603\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e86badb elementor-widget elementor-widget-heading\" data-id=\"e86badb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Meta Titles<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3798dcb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3798dcb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5ae6dd2\" data-id=\"5ae6dd2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a22a679 elementor-widget elementor-widget-text-editor\" data-id=\"a22a679\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The meta title (also known as the title tag) summarises the content that is found on the specific page. This title appears in the browsers, results on search engines, and other sites like Twitter or Facebook. You should include relevant keywords in the title.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a8b9c8f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a8b9c8f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-10e6acc\" data-id=\"10e6acc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f7aefea elementor-widget elementor-widget-heading\" data-id=\"f7aefea\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Meta Description<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-288188d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"288188d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-de26040\" data-id=\"de26040\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2270534 elementor-widget elementor-widget-text-editor\" data-id=\"2270534\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The meta description allows you to write a short summary of the page and its content. This also appears on the search results page.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a3713bb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a3713bb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8ac01a1\" data-id=\"8ac01a1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-17b35a4 elementor-widget elementor-widget-heading\" data-id=\"17b35a4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Slugs\/URL<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b9ff8c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b9ff8c2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4446f3d\" data-id=\"4446f3d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9392547 elementor-widget elementor-widget-text-editor\" data-id=\"9392547\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Slugs are, in essence, the last part of the <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/url\/\"   title=\"URL\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"6976\">URL<\/a>. They should be short and to the point and capture the essence of the page or post.\u00a0<\/p><p>These are some of the SEO you can change without downloading additional plugins, and you should make sure that you optimize them for the benefit of your website.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-05ac4e3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"05ac4e3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5badb9c\" data-id=\"5badb9c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3f70c3c elementor-widget elementor-widget-heading\" data-id=\"3f70c3c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Create Dynamic Elementor Templates<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8103104 elementor-widget elementor-widget-image\" data-id=\"8103104\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"321\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=321\/blog\/wp-content\/uploads\/2018\/10\/Adding-Custom-Templates.png\" class=\"attachment-large size-large wp-image-17965\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800\/blog\/wp-content\/uploads\/2018\/10\/Adding-Custom-Templates.png 800w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/Adding-Custom-Templates-300x120.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2018\/10\/Adding-Custom-Templates-768x308.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-828e58f elementor-widget elementor-widget-text-editor\" data-id=\"828e58f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Before we wrap up this tutorial, let\u2019s go over the steps you need to create a post template for your blog as well as a custom layout for your blog page. This will allow you to create a single post and blog page layout that matches the rest of your site.<\/p><p>While your theme does supply these templates out of the box, they won\u2019t look like the rest of your site when you use a premade template or create one from scratch using Elementor. This can cause confusion with your visitors and blog readers so creating your own template for these two pages is highly recommended.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fbc4fd elementor-widget elementor-widget-heading\" data-id=\"6fbc4fd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Create a Single Blog Post Template<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d978d02 elementor-widget elementor-widget-text-editor\" data-id=\"d978d02\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To create a single blog post template, go to <strong>Elementor &gt; My Templates<\/strong>. Click on <strong>Single <\/strong>and then <strong>Add New Single<\/strong> button. From the dropdown menu, select <strong>Single<\/strong>, and then under <strong>Select Post Type<\/strong> select <strong>Post<\/strong>, and enter a name that will make it easier to find the template later on. Click <strong>Create template<\/strong> .<\/p><p>Once the library loads, browse through the templates to find the one that you like and that matches the rest of your site. Then, click <strong>Insert template<\/strong>. You can also create your own from scratch by adding sections and widgets to the template. Make sure to set the page layout to <strong>Elementor Canvas<\/strong> and then insert your saved header and footer block.<\/p><p>Once you\u2019re done designing the template click <strong>Publish<\/strong>. You can then choose whether this template is used for all posts or only for certain categories, and more. Set the conditions to your liking and then hit the <strong>Publish <\/strong>button.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6058d2 elementor-widget elementor-widget-heading\" data-id=\"e6058d2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Create a Blog Archive Template<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e3d01b elementor-widget elementor-widget-text-editor\" data-id=\"0e3d01b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A blog archive template is nothing more than a page that displays all your blog posts in reverse chronological order. Creating a template for your blog page with Elementor allows you to apply the same styles as the rest of your site as well as to make the blog page have the same look and feel as the rest of the pages on your site.<\/p><p>To create a blog archive template, go to your WordPress dashboard and navigate to <strong>Elementor &gt; My Templates<\/strong>. Click on <strong>Archive <\/strong>and then the <strong>Add New Archive<\/strong> button. This time, you\u2019ll choose <strong>Archive <\/strong>from the drop-down menu and then enter a name for it. Then, click the green <strong>Create template<\/strong> button.<\/p><p>This time, make sure the Archive is selected in the drop-down menu when the library loads and select the archive template that you want. Click the <strong>Insert <\/strong>button or create one from scratch. Set the page layout to <strong>Elementor Canvas<\/strong> and then add your saved header and footer.<\/p><p>The last step is to click <strong>Publish <\/strong>when you\u2019re done designing the archive template. Similarly to the <strong>Single Post<\/strong> template, you\u2019ll be able to choose whether this should apply to all the archives or certain categories, tags, or other taxonomies. Click <strong>Publish <\/strong>and your custom blog archive is done.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-01da80e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"01da80e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-785abb0\" data-id=\"785abb0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1ba014d elementor-widget elementor-widget-heading\" data-id=\"1ba014d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Final Words<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-959cec2 elementor-widget elementor-widget-text-editor\" data-id=\"959cec2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The task of creating a website on WordPress could be hard, daunting and maybe even intimidating for people who are new to website building. With Elementor, however, this task becomes exceptionally easy and simple.\u00a0<\/p><p>Elementor offers everything you need for website building. From a great visual builder \u2014 where you can visually edit your website with a simple drag and drop (including your header and footer), to numerous widgets \u2014 which enhance your website\u2019s functionality and allow it to stand out from the competition, and much, much more.\u00a0<\/p><p>Start building your website with Elementor \u2014 it\u2019s free.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-59836fa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"59836fa\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5cf4e11\" data-id=\"5cf4e11\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-940b851 elementor-widget elementor-widget-heading\" data-id=\"940b851\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/elementor.com\/#\" target=\"_blank\">Learn How to Build a WordPress Website Using Elementor<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In this comprehensive tutorial, we&#8217;ll show you how to use WordPress and Elementor to create your website and walk you through the entire process step by step.\u200b<\/p>\n","protected":false},"author":9814,"featured_media":18000,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44,43],"tags":[79,173],"marketing_persona":[],"marketing_intent":[],"class_list":["post-17876","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-wordpress","tag-build","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create a WordPress Website | Elementor<\/title>\n<meta name=\"description\" content=\"In this comprehensive tutorial, we&#039;ll show you how to use WordPress and Elementor to create your website and walk you through the process step by step.\u200b\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a WordPress Website | Elementor\" \/>\n<meta property=\"og:description\" content=\"In this comprehensive tutorial, we&#039;ll show you how to use WordPress and Elementor to create your website and walk you through the process step by step.\u200b\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-23T13:10:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-05T17:03:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-2018.10.21-Building-a-Website.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brenda Barron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brenda Barron\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"27 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/\"},\"author\":{\"name\":\"Brenda Barron\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/86be03541b2488e50a1c6b2c144d10f8\"},\"headline\":\"How to Create a WordPress Website With Elementor\",\"datePublished\":\"2018-10-23T13:10:48+00:00\",\"dateModified\":\"2025-12-05T17:03:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/\"},\"wordCount\":5329,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-2018.10.21-Building-a-Website.png\",\"keywords\":[\"Build\",\"Video\"],\"articleSection\":[\"Elementor\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/\",\"url\":\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/\",\"name\":\"How to Create a WordPress Website | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-2018.10.21-Building-a-Website.png\",\"datePublished\":\"2018-10-23T13:10:48+00:00\",\"dateModified\":\"2025-12-05T17:03:01+00:00\",\"description\":\"In this comprehensive tutorial, we'll show you how to use WordPress and Elementor to create your website and walk you through the process step by step.\u200b\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-2018.10.21-Building-a-Website.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-2018.10.21-Building-a-Website.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress\",\"item\":\"https:\/\/elementor.com\/blog\/category\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create a WordPress Website With Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/86be03541b2488e50a1c6b2c144d10f8\",\"name\":\"Brenda Barron\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/710171933b8b0b83d09ca32c01620c4072029222ab14d9ffde75aae52cae6b56?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/710171933b8b0b83d09ca32c01620c4072029222ab14d9ffde75aae52cae6b56?s=96&d=mm&r=g\",\"caption\":\"Brenda Barron\"},\"description\":\"Brenda Barron is a freelance writer from Southern California. She specializes in WordPress, technology, and business and founded WP Theme Roundups. When not writing all the things, she's spending time with her family.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/brendab\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a WordPress Website | Elementor","description":"In this comprehensive tutorial, we'll show you how to use WordPress and Elementor to create your website and walk you through the process step by step.\u200b","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a WordPress Website | Elementor","og_description":"In this comprehensive tutorial, we'll show you how to use WordPress and Elementor to create your website and walk you through the process step by step.\u200b","og_url":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2018-10-23T13:10:48+00:00","article_modified_time":"2025-12-05T17:03:01+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-2018.10.21-Building-a-Website.png","type":"image\/png"}],"author":"Brenda Barron","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Brenda Barron","Est. reading time":"27 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/"},"author":{"name":"Brenda Barron","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/86be03541b2488e50a1c6b2c144d10f8"},"headline":"How to Create a WordPress Website With Elementor","datePublished":"2018-10-23T13:10:48+00:00","dateModified":"2025-12-05T17:03:01+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/"},"wordCount":5329,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-2018.10.21-Building-a-Website.png","keywords":["Build","Video"],"articleSection":["Elementor","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/","url":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/","name":"How to Create a WordPress Website | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-2018.10.21-Building-a-Website.png","datePublished":"2018-10-23T13:10:48+00:00","dateModified":"2025-12-05T17:03:01+00:00","description":"In this comprehensive tutorial, we'll show you how to use WordPress and Elementor to create your website and walk you through the process step by step.\u200b","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/create-website-with-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-2018.10.21-Building-a-Website.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-2018.10.21-Building-a-Website.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress","item":"https:\/\/elementor.com\/blog\/category\/wordpress\/"},{"@type":"ListItem","position":3,"name":"How to Create a WordPress Website With Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/86be03541b2488e50a1c6b2c144d10f8","name":"Brenda Barron","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/710171933b8b0b83d09ca32c01620c4072029222ab14d9ffde75aae52cae6b56?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/710171933b8b0b83d09ca32c01620c4072029222ab14d9ffde75aae52cae6b56?s=96&d=mm&r=g","caption":"Brenda Barron"},"description":"Brenda Barron is a freelance writer from Southern California. She specializes in WordPress, technology, and business and founded WP Theme Roundups. When not writing all the things, she's spending time with her family.","url":"https:\/\/elementor.com\/blog\/author\/brendab\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/17876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/9814"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=17876"}],"version-history":[{"count":15,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/17876\/revisions"}],"predecessor-version":[{"id":146748,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/17876\/revisions\/146748"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/18000"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=17876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=17876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=17876"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=17876"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=17876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}