So let’s get to it and start at the beginning…<\/p>\n
What is a Local Environment?<\/h2>\n
Local environments come in a variety of shapes and sizes, however, they all share the same purpose – to allow you to develop WordPress sites or plugins in a safe and secure space.<\/p>\n
The average WordPress user starts their site-building process by purchasing a domain and then choosing a hosting service – which they then log into and begin to create their site.<\/p>\n
However, this means that whilst you\u2019re building your site, it\u2019s live on the net and Google is free to start its indexing procedures.<\/p>\n
The last thing you want is someone stumbling across your site when you\u2019re in the process of building it. Also, when still in construction, your site is especially vulnerable to cyber attacks.<\/p>\n
Developing in a local environment relieves you of these worries, as you get the same features and functionalities of WordPress – but it\u2019s all tightly secured within your very own computer.<\/p>\n
There are no servers or clouds involved, no chance of anyone who isn\u2019t on your pc gaining access, and no extra cost.<\/p>\n
You can develop your site for free and away from prying eyes – total bliss!<\/p>\n There are a few other ways to achieve privacy when building a site, such as under-construction themes and plugins<\/a> and staging environments<\/a> – but since they still involve your site being hosted somewhere on the net, there\u2019s no peace of mind quite like a local environment.<\/p>\n WordPress is made up of three core elements: PHP, SQL and JavaScript, and in-turn can be hosted locally on software that supports these elements.<\/p>\n The first method is on a server stack.<\/p>\n Local server stacks take the form of an Nginx or Apache server, along with a database (usually in the form of MySQL<\/a> or MariaDB<\/a>) and a platform for managing everything, such as phpMyAdmin<\/a>.<\/p>\n But, what is<\/em> a server, I hear you ask!<\/p>\n Well, it\u2019s essentially a place to store all the content that makes up a website (application data, text, images, etc), and once someone requests access by visiting the URL, the server delivers the goods.<\/p>\n All sites need to be stored on a server, whether that be a local one such as included with the software stacks mentioned above, or secured through a hosting provider.<\/p>\n If your website is live and you pay a hosting subscription, it\u2019s still hosted on a server, just on someone else\u2019s computer.<\/p>\n It may sound complicated at this stage, but luckily you can download everything you need in a neat little package.<\/p>\n Two of the most popular server stacks are MAMP<\/a> and XAMPP<\/a>.<\/p>\n MAMP is technically for use on Mac (however you can run it on Windows – I\u2019ve done this myself in the past) and XAMPP can be used across Windows, Mac, and Linux.<\/p>\n Whilst actually using WordPress when it\u2019s hosted on an apache server stack is quite a simple and pleasant experience, the installation and setup process for XAMPP\/MAMP<\/a> isn\u2019t as straight forward.<\/p>\n You need to install the download from either the XAMPP or MAMP website, as well as manually downloading and installing WordPress (which does involve some manual moving around of files on your hard drive) configuring your database, and then linking it to your WordPress site.<\/p>\n Once you have the server up and running, you create a WordPress account and then log in to get to the dashboard.<\/p>\n You do all this through your browser so you get the same look and feel as though you were on a live site.<\/p>\n But don\u2019t worry – if all this sounds a bit daunting, you\u2019ll be pleased to know that there\u2019s an easier option.<\/p>\n The other branch of local development environment (and most would argue, the easiest) comes in the form of virtual machines.<\/p>\n If you aren\u2019t familiar with virtual machines, a virtual machine is a partition created on your PC that basically acts as a separate computer.<\/p>\n It comes with its own operating system and is usually accessed in a window like a normal computer program, but is detached from the rest of your software.<\/p>\n This makes it a handy place to carry out any risky experimentation, as anything you do is isolated from the rest of the computer; meaning you can\u2019t do any damage to your main operating system.<\/p>\n The virtual machine is just a place to host your website in our case. You won\u2019t need to have any interaction with the separate operating system as you manage your sites through the dashboard of your local environment.<\/p>\n A popular local environment choice that utilizes virtual machines is Local by Flywheel.<\/a><\/p>\n The reason that it\u2019s such a great option is that it does all the legwork for you behind the scenes.<\/p>\n You install it just as you would any other program, and you\u2019re greeted with a simple dashboard that allows you to manage your sites.<\/p>\n You can add multiple sites in just a few clicks, whereas with MAMP\/XAMPP you have to create a separate WordPress folder and database for each site and manage them separately.<\/p>\n It\u2019s clear from what we\u2019ve learned so far that an environment like Local is going to be an easier option for those new to local development.<\/p>\n Server stacks might be the route of choice for advanced developers who want more functionality, however, for the purpose of building a site and a safe, offline space, Local is a fantastic choice.<\/p>\n Okay, enough tooting Local\u2019s horn… let’s really find out how easy it is to use.<\/p>\n Here\u2019s a simple guide:<\/p>\n First of all, you\u2019ll need to go to Local\u2019s website<\/a> and download the software.<\/p>\n It\u2019s super easy to install (it\u2019s literally just like any other program you download from the internet), so I\u2019ll refrain from teaching you how to suck eggs.<\/p>\n Once you\u2019ve installed and opened the program, you\u2019ll be met with this screen:<\/p>\n You then need to give your site a name.<\/p>\n One of the best things about Local is that you can create as many sites as you need, and they\u2019re all super easy to access and switch between – so try and keep the names practical.<\/p>\n The domain is automatically populated when you name your site, and there\u2019s no need to change the site path at this stage.<\/p>\n When it comes to choosing your environment, you can select preferred unless you have a specific reason for wanting to use a different type of database or version of PHP.<\/p>\n You then need to enter a username and password (you can use the same one across all of your test sites) and enter an email address.<\/p>\n One last click of \u2018continue\u2019<\/strong> and you\u2019re good to go!<\/p>\n It takes a few minutes to set everything up and install WordPress, but as you can see, as far as local hosting environments go, this is one of the easiest to use.<\/p>\n The two main buttons you\u2019ll need are on the top left of your screen: \u2018Admin\u2019<\/strong> and \u2018View Site\u2019<\/strong>.<\/p>\n Click on Admin to log into WordPress.<\/p>\n Once you\u2019re logged in, you\u2019re free to use WordPress as you would with any other hosting method.<\/p>\n If all you want is a nice, quiet space to develop your website, the guide above should do the trick.<\/p>\n Since your entire WordPress site is installed on your own computer, it means you can even build your site without internet, which is great for those long train journeys.<\/p>\n However, Local does offer a host of other features.<\/p>\n Some of these are best suited to advanced users, and there are a few that may come in useful for those new to local environments as well.<\/p>\n Below I\u2019ll give you a brief overview of some of my favorite aspects of Local.<\/p>\n One of the main benefits of developing locally is that no one will be able to see your half-finished work.<\/p>\n Whilst this is usually advantageous if you want to create a new site, or make large-scale changes to an existing one in peace, it does mean that if you encounter problems, or just want a second pair of eyes, you can\u2019t just send your site URL to a friend or colleague and ask for their advice.<\/p>\n Local has a useful tool that allows you to create a temporary live link to your site, and it\u2019s as simple as one click of the mouse.<\/p>\n This is a fab little add-on from ngrok<\/a> and is completely free to use.<\/p>\n You can send this link to anyone you\u2019d like to view your site in its current state.<\/p>\n The link will stop working when you exit Local – or you can manually disable it using the button next to it.<\/p>\n If you want them to access the site again, you\u2019ll need to re-enable Live Link, which will mean that a new link is created.<\/p>\n This is handy if you need someone\u2019s opinion but don\u2019t want to risk them popping back in future by revisiting the link. You\u2019re building your site locally for a reason – it\u2019s fine to want a little privacy!<\/p>\n If you tend to use the same set of plugins when you build your sites (our free plugins are a great starting point<\/a>) or have the same theme or menu and page setup, you can save a site as a \u2018blueprint\u2019 and use it as a base for future sites.<\/p>\n If the same site setup works for you then that\u2019s absolutely fine, and luckily Local makes it easy to reuse the same template.<\/p>\n All you have to do is right-click the site you want to use and click \u2018Save as Blueprint.\u2019<\/strong><\/p>\n Now when you create a new site, you\u2019ll have the option to start from your blueprint rather than from scratch. Handy, right?!<\/p>\n Editing your WordPress site\u2019s files isn\u2019t always the easiest thing to do (especially for beginners).<\/p>\n If your site is live and hosted externally, it will involve either using a plugin such as File Manager, or an SFTP client with an SSH connection.<\/p>\n These platforms allow you to access your WordPress files, which are stored on the host\u2019s server, so that you can make changes to them.<\/p>\n Different hosting providers allow different levels of access to your files. However, when you\u2019re developing locally, you have full access and full control.<\/p>\n With Local, it\u2019s super easy to access these files. They\u2019re stored on your computer, so you don\u2019t need to initiate any kind of connection to gain access.<\/p>\n If you\u2019re a skilled developer, you can still use an SSH connection and WP-CLI commands to edit your files and make changes to your site, however, when you\u2019re working on a site locally, you can click one little button to get access to your files directly.<\/p>\n Just click the little arrow, and you\u2019ll be able to access your WordPress files.<\/p>\n This is a really useful way to get to know the WordPress folder layout and become familiar with some of the key elements of a WordPress site.<\/p>\n From here, you can make changes to your style sheet, create a child theme, or even venture into some of the more complex files.<\/p>\n The beauty of it is that if you change something that creates an issue, you\u2019re free to scrap that site and start a new one.<\/p>\n It allows you to experiment without needing to worry about doing irreversible damage to a live site.<\/p>\n A local environment can also be a great place to get familiar with using WP-CLI through an SSH connection.<\/p>\n WP-CLI stands for WordPress Command Line Interface and is a way of completing tasks by typing commands – similar to the way you can use your in-built command prompt.<\/p>\n SSH (Secure SHell) connections are usually initiated between multiple computers – they create a secure connection on an unsecured network.<\/p>\n You may only be communicating with the virtual computer inside your own pc, however, you still need to issue commands through this connection.<\/p>\n Our article showing how to speed up your WordPress development using WP-CLI<\/a> is a great starting point if you\u2019re new to this.<\/p>\n You can easily access the interface by right-clicking on your site and selecting \u2018Open Site Shell\u2019<\/strong><\/p>\n You can then experiment with different commands.<\/p>\n I typed in \u2018wp user\u2019 which shows a list of commands centered around changing user permissions and settings.<\/p>\n You can find a list of WP-CLI commands<\/a> on the WordPress website.<\/p>\n These commands are often utilized by developers to make speedy changes to a WordPress site – a local environment is a great place to get to grips with them.<\/p>\n Now your site’s not going to be much good to anyone sitting on your hard drive (unless you’d prefer to keep it that way!). So the next step is moving from a local installation to a live server.<\/p>\n There are a couple of different ways to do this:<\/p>\n Of course, you’ll still need somewhere to host your live site. It’s advisable to research the different types of hosting<\/a> and perhaps even compare a few different hosting plans<\/a> before your site is ready to launch.<\/p>\n You\u2019ve put in all that work after all so you need to choose your hosting provider carefully!<\/p>\n I know of a company that does some really great hosting<\/a>, you should check them out.<\/p>\n OK, it\u2019s us, WPMU DEV, but I promise you our hosting is top notch. If you do allow us the privilege of hosting your website for you (we\u2019ll take good care of it, I swear).<\/p>\n You can also easily migrate your existing site using our WordPress site management tool – The Hub<\/a>.<\/em><\/p>\n All you’ll need is the SFTP username and password of your existing site. You can typically locate these credentials via your host’s control panel.<\/a><\/p>\n Some hosts will automatically create an SFTP user for you, while others (like WPMU DEV hosting<\/a>), will allow you to create one yourself.<\/p>\n For example, here’s how WPMU DEV users can create their own SFTP credentials.<\/a><\/p>\n Once you’ve located your credentials, your site can then be migrated and launched in a couple of steps.<\/p>\n Let\u2019s not pretend that migration is always a walk in the park though. Many migrations go smoothly, but some come with a whole host (pardon the pun) of problems.<\/p>\n If you do run into issues when migrating to our servers, you have the peace of mind of having a bunch of WordPress experts at your beck and call. They\u2019re on hand 24\/7<\/a>, ready to solve any problems you encounter.<\/p>\n If you choose to go with a different hosting provider, we\u2019d recommend migrating using our Shipper plugin<\/a>.<\/p>\nOct 2020: We tested all the best WordPress hosts! Find out how we compare.<\/span>![\"Cartoon](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Dev_Man_Running_With_Monitor.jpg\")
How Does a Local Environment Work?<\/h2>\n
Using Server Stacks For Local Development<\/h3>\n
![\"Showing](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/relationship-between-server-and-pc.png\")
Using Virtual Machines For Local Development<\/h3>\n
Installing and Using Local<\/h2>\n
![\"Screenshot](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-download.png\")
![\"Showing](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-after-download.png\")
![\"Screenshot](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-name-site.png\")
![\"Showing](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-choose-environment.png\")
![\"Showing](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-setup-wordpress.png\")
![\"Screenshot](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-site-details.png\")
![\"Screenshot](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-wordpress-login.png\")
But That\u2019s Not All, Folks<\/h3>\n
Let Someone Take A Little Peek…<\/h3>\n
![\"Showing](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-live-link.png\")
![\"Showing](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-live-link-enable.png\")
If It\u2019s Not Broken, Don\u2019t Fix It<\/h3>\n
![\"Showing](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-blueprint-save.png\")
Your Files, Your Way<\/h3>\n
![\"Showing](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-access-files.png\")
![\"Showing](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-files-in-explorer.png\")
Learn Your Acronyms<\/h3>\n
![\"Showing](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-open-ssh.png\")
![\"A](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-wp-cli.png\")
How To Migrate From a Local WordPress Installation To a Live Server<\/h2>\n
\n
We’ve Also Made it Super Simple To Migrate An Existing Site!<\/h2>\n
![\"Showing](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/04\/Local-WPMU-DEV-migration.png\")