{"id":6538,"date":"2021-10-06T11:14:49","date_gmt":"2021-10-06T11:14:49","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=6538"},"modified":"2023-02-21T09:41:09","modified_gmt":"2023-02-21T09:41:09","slug":"install-wordpress-locally","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/install-wordpress-locally\/","title":{"rendered":"How to Install WordPress Within a Local Development Environment"},"content":{"rendered":"\n<p><a href=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/\">Developing a WordPress website<\/a> should take as much time as you need to get things right. Building your site on your live server could rush you into making some less optimal decisions, and potentially waste your resources. A local development environment mitigates all of them.<\/p>\n\n\n\n<p>In this lesson, we\u2019re going to show you how to install WordPress on a local development environment. First, let\u2019s give you a quick primer on what a local environment is, and the benefits.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What Is a Local WordPress Development Environment?<\/h2>\n\n\n\n<p>In a nutshell, a local development environment is an emulated server on your computer, specifically to develop your WordPress website. In this case, you\u2019ll use a Graphical User Interface (GUI) to navigate around your various environments and manage them.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><span style=\"font-size: inherit\">A local development environment is an emulated server where you can develop your WordPress website.<\/span><\/p>\n<\/blockquote>\n\n\n\n<p>In this case, you\u2019ll use a Graphical User Interface (GUI) to navigate around your various environments and manage them.<\/p>\n\n\n\n<p>A local environment will often include almost every tool you need to work on your site, such as a database manager, email server, and much more. Depending on the tool you use, you may also have more features and functionality, such as the ability to share a live preview with others using a temporary link.<\/p>\n\n\n\n<p>You still work with your site in the browser as you would online, but the site you develop won\u2019t be visible to the public. Of course, this means you\u2019re not using your <a href=\"https:\/\/elementor.com\/wordpress-hosting\/\">live server<\/a> resources. Next, we\u2019ll examine some additional benefits of using a local WordPress development environment.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Benefits of Local WordPress Development<\/h2>\n\n\n\n<p>In a general sense, there are a number of benefits of setting up a local WordPress development environment. Here are just a few:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You have as much time as you need to create your site, without worrying about using your live server\u2019s resources. This is a big advantage, as you\u2019re in a no-pressure environment.<\/li>\n\n\n\n<li>There\u2019s lots of scope to test and experiment on your site. If you don\u2019t like the path you\u2019re taking, you can easily revert your edits..<\/li>\n\n\n\n<li>You\u2019re able to create as many sites as necessary within your hosting environment. This is beneficial because you have no practical limits here. For example, you could clone sites, import a site from a live server, and much more.<\/li>\n\n\n\n<li>Some solutions also let you push your local site to a live server. In lots of cases, this will take a minimal number of clicks. For some solutions, you have restrictions on which hosts you can upload to.<\/li>\n<\/ul>\n\n\n\n<p>To touch on this last point more, of the three leading GUI apps on the market \u2013 <a href=\"http:\/\/desktopserver.com\">DesktopServer<\/a>, <a href=\"http:\/\/localwp.com\">Local by Flywheel<\/a>, and <a href=\"http:\/\/kinsta.com\/devkinsta\">DevKinsta<\/a> \u2013 two have hosting providers as the developers. As such, you can only upload to the specified hosts (<a href=\"http:\/\/flywheel.com\">Flywheel<\/a>, <a href=\"http:\/\/wpengine.com\">WP Engine<\/a>, and <a href=\"http:\/\/kinsta.com\">Kinsta<\/a> in these cases).<\/p>\n\n\n\n<p>This doesn\u2019t represent a big problem, but it does mean that if you choose one of those hosts, working with the relevant GUI app is a good idea.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Install WordPress Within a Local Development Environment<\/h2>\n\n\n\n<p>Next, you\u2019ll want to install a local environment and WordPress, then work on your content. There are a number of steps in the process, but we\u2019re going to lay them all out for you. Let\u2019s start with the installation process.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Install Your Local Development Environment<\/h3>\n\n\n\n<p>Of course, your first step is to find the right environment and install it on your computer. While there are a number of solutions, for this example we\u2019ll use Local by Flywheel. We discussed why it\u2019s a top app <a href=\"http:\/\/previouslesson\">in our previous lesson<\/a>.<\/p>\n\n\n\n<p>To start, head to the <a href=\"https:\/\/localwp.com\/\">Local by Flywheel site<\/a>. Here, you\u2019ll see a few different download links. Your first instinct might be to click the <em>Get Started<\/em> button, but this will take you to the premium version \u2013 Local Pro. While there\u2019s nothing wrong with going premium, it\u2019s not a necessity..<\/p>\n\n\n\n<p>Instead, head to either of the <em>Download<\/em> or <em>Download for free<\/em> links:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/local-app-download-1024x585.png\" alt=\"\" class=\"wp-image-6546\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/local-app-download-1024x585.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/local-app-download-300x171.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/local-app-download-768x439.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/local-app-download-1536x878.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/local-app-download-2048x1170.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The site will walk you through what you need to do here, and it\u2019s easy to complete and follow along. You\u2019ll need to choose a platform, then fill in the fields (only the email address is required).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/user-information-1024x640.png\" alt=\"\" class=\"wp-image-6553\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/user-information-1024x640.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/user-information-300x188.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/user-information-768x480.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/user-information-1536x960.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/user-information-2048x1280.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once you click through, the process is much like any other app you might download: Unzip the packaged file, and install the app onyour computer. From here, you can begin to set up Local itself.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Set Up and Tour the Local by Flywheel Interface<\/h3>\n\n\n\n<p>Now that the app is installed, you can open it just like any other. When you first launch it, you may have to agree to a terms of service, at which point, you\u2019ll see a welcome or callout screen. For now, you can exit out of this pop-up:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"736\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/welcome-screen-1024x736.png\" alt=\"\" class=\"wp-image-6554\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/welcome-screen-1024x736.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/welcome-screen-300x216.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/welcome-screen-768x552.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/welcome-screen-1536x1104.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/welcome-screen-2048x1472.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After closing the popup you will be presented with the dashboard. This is where you will be able to manage all of your environments. Down the left-hand side, there are links to your profile, site list, your WP Engine or Flywheel hosting account, add-ons, and help.<\/p>\n\n\n\n<p>In this lesson we won\u2019t look at the add-ons, which extend Local\u2019s functionality \u2013 you don\u2019t need them to complete this lesson. It\u2019s worth noting that the having access to the help section can prove to be very useful, as you may need to look up something about the app itself:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"736\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/help-screen-1024x736.png\" alt=\"\" class=\"wp-image-6545\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/help-screen-1024x736.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/help-screen-300x216.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/help-screen-768x552.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/help-screen-1536x1104.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/help-screen-2048x1472.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Though, despite the extensive documentation, the app comes ready to rock and roll, so there\u2019s no technical setup needed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Create a New WordPress Install<\/h3>\n\n\n\n<p>By now, I\u2019m sure you\u2019ve noticed the big green button in the middle of the dashboard asking you to <em>Create a New Site<\/em>. The time has come to finally click it!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"736\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/create-new-site-1024x736.png\" alt=\"\" class=\"wp-image-6542\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/create-new-site-1024x736.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/create-new-site-300x216.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/create-new-site-768x552.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/create-new-site-1536x1104.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/create-new-site-2048x1472.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>There are three steps involved. First, come up with a name for your site:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"736\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/setup-site-1024x736.png\" alt=\"\" class=\"wp-image-6551\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/setup-site-1024x736.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/setup-site-300x216.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/setup-site-768x552.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/setup-site-1536x1104.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/setup-site-2048x1472.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This can be anything you like, although by default this becomes the URL you use to access the site in your browser. If you\u2019re looking to create a custom URL, you are able to do so If you expand the Advanced Options,.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"736\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/advanced-options-1024x736.png\" alt=\"\" class=\"wp-image-6557\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/advanced-options-1024x736.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/advanced-options-300x216.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/advanced-options-768x552.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/advanced-options-1536x1104.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/advanced-options-2048x1472.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>There are also other options here, such as using a \u2018Blueprint\u2019 (or a template) to create your site, however, we don\u2019t need these right now.<\/p>\n\n\n\n<p>On the next screen, you get to choose your emulated server specifications: Either the preferred setup as deemed by Flywheel\u2026<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"736\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/setup-environment-1024x736.png\" alt=\"\" class=\"wp-image-6550\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/setup-environment-1024x736.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/setup-environment-300x216.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/setup-environment-768x552.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/setup-environment-1536x1104.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/setup-environment-2048x1472.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u2026or a custom option:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"736\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/custom-environment-1024x736.png\" alt=\"\" class=\"wp-image-6543\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/custom-environment-1024x736.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/custom-environment-300x216.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/custom-environment-768x552.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/custom-environment-1536x1104.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/custom-environment-2048x1472.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><span style=\"font-size: inherit\">It\u2019s a good idea not to use \u201cadmin\u201d as a WordPress username. It\u2019s a key target for malicious users.<\/span><\/p>\n<\/blockquote>\n\n\n\n<p>The final section refers to your WordPress installation. Here, you have to provide a username, password, and email. Because you\u2019re using a local environment, you can keep the email as the default. It\u2019s important to state that it\u2019s a good idea not to use \u201cadmin\u201d as a WordPress username. This is because it\u2019s a key target for malicious users. A custom name isn\u2019t likely to be detected:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"736\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/setup-wordpress-1024x736.png\" alt=\"\" class=\"wp-image-6552\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/setup-wordpress-1024x736.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/setup-wordpress-300x216.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/setup-wordpress-768x552.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/setup-wordpress-1536x1104.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/setup-wordpress-2048x1472.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Also, the Advanced Options here ask if you want to set up a WordPress Multisite. For now, this is not necessary. When you\u2019re ready, click the <em>Add Site<\/em> button. Local will \u2018provision\u2019 your site, and you may be prompted to enter your computer\u2019s password during the process.<\/p>\n\n\n\n<p>After a few moments, you\u2019ll see your new site available within the Local dashboard:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"736\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/new-site-dashboard-1024x736.png\" alt=\"\" class=\"wp-image-6547\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/new-site-dashboard-1024x736.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/new-site-dashboard-300x216.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/new-site-dashboard-768x552.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/new-site-dashboard-1536x1104.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/new-site-dashboard-2048x1472.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>If you click the Admin button in the top right of the app, this will open the WordPress login screen. From here, log into your site, and move onto the next section.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Begin to Build Your WordPress Site<\/h3>\n\n\n\n<p>At this point, you\u2019re ready to create posts and pages! We looked at the dashboard itself in <a href=\"https:\/\/docs.google.com\/document\/d\/1vGs4BTwXYUt__5ar6qGsdKibFMqfwJ-2sMFAdUtABvw\/edit#otherlesson\">another lesson<\/a>, so refer to this lesson to help you navigate around. In short, you use the left-hand sidebar to navigate around your WordPress dashboard. In its default setup, both Posts and Pages are clearly marked on screen:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"586\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/wordpress-dashboard-2-1024x586.png\" alt=\"\" class=\"wp-image-6555\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/wordpress-dashboard-2-1024x586.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/wordpress-dashboard-2-300x172.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/wordpress-dashboard-2-768x439.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/wordpress-dashboard-2-1536x879.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/wordpress-dashboard-2-2048x1172.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>For the purposes of this lesson, you may choose either one. You\u2019ll want to click the Add New link by hovering over whichever option you like:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"565\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/add-new-post-1024x565.png\" alt=\"\" class=\"wp-image-6556\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/add-new-post-1024x565.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/add-new-post-300x165.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/add-new-post-768x424.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1146\/academy\/wp-content\/uploads\/2021\/10\/add-new-post.png 1146w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This will bring you to the Block Editor. There will be a later lesson on the Block Editor, so don\u2019t worry too much about what everything on this screen does for now. Instead, focus on where you\u2019re asked to add a title and content:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/empty-post-1024x585.png\" alt=\"\" class=\"wp-image-6544\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/empty-post-1024x585.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/empty-post-300x171.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/empty-post-768x439.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/empty-post-1536x878.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/empty-post-2048x1170.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>At this point, give your post a title, enter some text, use the formatting options as you would in any other word processor, and try out some of the Blocks. You can\u2019t break anything here, so experiment and learn about what you can achieve.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><span style=\"font-size: inherit\">You can\u2019t break anything here, so experiment and learn about what you can achieve.<\/span><\/p>\n<\/blockquote>\n\n\n\n<p>When you\u2019re ready, you can click <em>Publish, <\/em>which can be found in the top right-hand corner:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/publish-button-1024x464.png\" alt=\"\" class=\"wp-image-6548\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/publish-button-1024x464.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/publish-button-300x136.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/publish-button-768x348.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1324\/academy\/wp-content\/uploads\/2021\/10\/publish-button.png 1324w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>WordPress will then update you that your post is live, so enter the link and check it out!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"625\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/published-post-1024x625.png\" alt=\"\" class=\"wp-image-6549\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/published-post-1024x625.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/published-post-300x183.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/published-post-768x469.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1068\/academy\/wp-content\/uploads\/2021\/10\/published-post.png 1068w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This is one of the fundamental building blocks of developing a site, and from here you can add more posts and pages as needed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">In Summary<\/h2>\n\n\n\n<p>Using a GUI app to create a local development environment is a straightforward and no-fuss way to develop WordPress websites. While we feature Local by Flywheel here, there are other solutions available. Often, they have no cost attached (at least, there will be a free version available). Our advice is to give each one a try to figure out which one suits your workflow the best.<\/p>\n\n\n\n<p>Congratulations on completing this lesson \u2013 finally your site is coming together! We can\u2019t wait to see you at the next one!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Developing a WordPress website should take as much time as you need to get things right. Building your site on your live server could rush you into making some less optimal decisions, and potentially waste your resources. A local development environment mitigates all of them. In this lesson, we\u2019re going to show you how to [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":6898,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":["post-6538","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-setting-up"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Install WordPress Within a Local Development Environment<\/title>\n<meta name=\"description\" content=\"In this lesson, we\u2019re going to show you how to install WordPress on a local development environment.\" \/>\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\/academy\/install-wordpress-locally\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Install WordPress Within a Local Development Environment\" \/>\n<meta property=\"og:description\" content=\"In this lesson, we\u2019re going to show you how to install WordPress on a local development environment.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/install-wordpress-locally\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-06T11:14:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T09:41:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/9localinstall.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"nofarS\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"nofarS\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Install WordPress Within a Local Development Environment","description":"In this lesson, we\u2019re going to show you how to install WordPress on a local development environment.","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\/academy\/install-wordpress-locally\/","og_locale":"en_US","og_type":"article","og_title":"How to Install WordPress Within a Local Development Environment","og_description":"In this lesson, we\u2019re going to show you how to install WordPress on a local development environment.","og_url":"https:\/\/elementor.com\/academy\/install-wordpress-locally\/","og_site_name":"Academy","article_published_time":"2021-10-06T11:14:49+00:00","article_modified_time":"2023-02-21T09:41:09+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/9localinstall.jpg","type":"image\/jpeg"}],"author":"nofarS","twitter_card":"summary_large_image","twitter_misc":{"Written by":"nofarS","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/install-wordpress-locally\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/install-wordpress-locally\/"},"author":{"name":"nofarS","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/d117e0fb6de1bb555cd1eb8442843a90"},"headline":"How to Install WordPress Within a Local Development Environment","datePublished":"2021-10-06T11:14:49+00:00","dateModified":"2023-02-21T09:41:09+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/install-wordpress-locally\/"},"wordCount":1618,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/install-wordpress-locally\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/9localinstall.jpg","articleSection":["Get Started With WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/install-wordpress-locally\/","url":"https:\/\/elementor.com\/academy\/install-wordpress-locally\/","name":"How to Install WordPress Within a Local Development Environment","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/install-wordpress-locally\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/install-wordpress-locally\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/9localinstall.jpg","datePublished":"2021-10-06T11:14:49+00:00","dateModified":"2023-02-21T09:41:09+00:00","description":"In this lesson, we\u2019re going to show you how to install WordPress on a local development environment.","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/install-wordpress-locally\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/install-wordpress-locally\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/install-wordpress-locally\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/9localinstall.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/9localinstall.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/install-wordpress-locally\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Wordpress Essentials","item":"https:\/\/elementor.com\/academy\/wordpress\/"},{"@type":"ListItem","position":4,"name":"Get Started With WordPress","item":"https:\/\/elementor.com\/academy\/wordpress\/setting-up\/"},{"@type":"ListItem","position":5,"name":"How to Install WordPress Within a Local Development Environment"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/d117e0fb6de1bb555cd1eb8442843a90","name":"nofarS","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f0f7d32dae098853d3fc27ad0efe08cd54c832617d70cf9d3303f1386f9b42b7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f0f7d32dae098853d3fc27ad0efe08cd54c832617d70cf9d3303f1386f9b42b7?s=96&d=mm&r=g","caption":"nofarS"},"url":"https:\/\/elementor.com\/academy\/author\/nofars\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=6538"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6538\/revisions"}],"predecessor-version":[{"id":9296,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6538\/revisions\/9296"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/6898"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=6538"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=6538"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=6538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}