Studio – WordPress.com Developer Resources Skip to content

Studio

Studio by WordPress.com is a free desktop app that helps developers streamline their local WordPress development workflows.

With Studio, you’ll be able to easily build and maintain local WordPress websites without manual server setup or tool configuration. It also allows you to share your work publicly (think: with clients, team members, or design teams) through temporary demo sites hosted on WordPress.com

Quick Start

To install Studio, visit the official Studio page and download the installer for your operating system: macOS or Windows. Alternatively, you can install Studio for Windows directly from the Microsoft Store.

Install Studio for macOS

To install and start using Studio on macOS:

  1. Download the correct installer for your computer’s specs: Silicon or Intel.
  2. Open the downloaded file.
  3. Drag the Studio application to your Applications folder.
  4. Double-click the Studio icon to start the Studio app.
  5. Name your first site and click Continue.

Install Studio for Windows

You can install Studio directly from the Microsoft Store or from WordPress.com.

To install and start using Studio on Windows from Microsoft Store:

  1. Access Studio on the Microsoft Store from your Windows computer.
  2. Click Install.
  3. Once installed, launch Studio from your Start menu.
  4. Name your first site and click Continue.

To install and start using Studio on Windows from WordPress.com:

  1. Download the Windows installer.
  2. Open the setup .exe file.
  3. Wait for Studio to install, it will launch automatically once the installation is complete. 
  4. Name your first site and click Continue.

If you use an early version of Studio for Windows (downloaded before May 29, 2024), please follow the steps above to install the latest version to ensure you receive updates when available.

Connect to WordPress.com

By connecting your WordPress.com account to Studio, you can start using demo sites and ensure that you get immediate access to any upcoming features that depend on a WordPress.com connection.

If you don’t already have a WordPress.com account, you can create one for free here.

To connect Studio to WordPress.com:

  1. Click the WordPress.com button in Studio’s sidebar.
  2. A new browser window will open. Log into WordPress.com.
  3. On the authorization screen, click Approve to connect Studio to your account.
  4. Once approved, a popup will appear prompting you to open the Studio app. Click on the “Open Studio” option to finalize the process. If the “Share” settings do not change after logging into WordPress.com, you might need to re-start the desktop app.

Studio Features

Studio makes it easy to access settings, view styling, and implement changes on your local sites. You can quickly turn sites on/off, create demo sites, and change your sites’ names, all within the Studio app.

Sites

A Studio site is a WordPress instance running locally on your computer, and each of your sites will be listed in the Studio sidebar. 

Studio allows you to create, maintain, and work on unlimited local WordPress websites.

Add a New Site

To add a new site to Studio:

  1. Click the Add site button.
  2. Name your site, choose a path (or accept the default), and then click Add site.

Any new site is started by default, which is depicted by a green dot in the sidebar:

an orange arrow pointing to a green dot next to a local site name in Studio by WordPress.com

Add a New Site Using an Existing WordPress Directory

You can also add a site to Studio using an existing WordPress directory:

  1. Remove wp-config.php file from the existing WordPress site directory.
  2. Click the Add site button.
  3. Name your site, choose a path with an existing WordPress site, and click Add site.

If you’d prefer to use an existing wp-config.php file, you can follow these instructions.

Starting and Stopping Sites

You can view any running site in your browser. With a stopped site, viewing the site in your browser will be disabled until you start it again.

To start a site:

  1. Click on a site name from the sidebar.
  2. Click the Start button. 
an orange arrow pointing to the Start button for a local website on Studio by WordPress.com

The button will now say “Running,” and the WP admin and Open site buttons will be enabled, allowing you to view the site in your browser. 

Another way to quickly start your site is to hover over the gray dot in the sidebar and click the start icon.

When you want to stop your site, click the Running button.

an orange arrow pointing to a start icon next to a site name in Studio by WordPress.com

To quickly stop all of your local sites from running, click the Stop all button in the sidebar.

an orange arrow pointing to the Stop all button on the sidebar of the Studio by WordPress.com app

View Sites

Once you start a site, there are two different ways to view it in your browser:

  • WP admin: Opens your local site’s dashboard.
  • Open site: Opens your local site’s homepage.

You do not need a username or password to view your site’s dashboard as you will be automatically logged in.

an orange arrow pointing to the WP Admin and Open site buttons on Studio by WordPress.com

Site Overview

Each local site has its own quick-access buttons under the Overview tab for easy navigation and an efficient workflow.

Select one of your sites and make sure that it is running. Under Customize, you can quickly open site setting pages with just one click. 

If you’re using a block theme on your local site, you’ll see the following options:

  • Site Editor
  • Styles
  • Patterns
  • Navigation
  • Templates
  • Pages

If you’re using a classic theme on your local site, you’ll see the following options, depending on their availability in the theme:

  • Customizer
  • Menus
  • Widgets

Under the Open in… heading, Studio will show buttons that will open your site in the following apps if detected on your computer:

  • Finder (macOS only)
  • File Explorer (Windows only)
  • VS Code
  • Terminal
  • PhpStorm

Demo Sites

With Studio, you can share your work with demo sites. These demo sites are powered by WordPress.com on a temporary domain (wp.build), and they allow you to share snapshots of your local sites with clients or team members. 

You can create up to five demo sites at a time per WordPress.com account, and you can view the total number of demo sites you have associated with your account by clicking on your avatar within the Studio app.

Create a Demo Site

To create a demo site: 

  1. Select the local site within the Studio.
  2. Click on the “Share” tab.
  3. Log in to WordPress.com if you haven’t already.
  4. Click on the “Add demo site” button.

Your demo site should be ready to view in a few seconds, and it will be available to access publicly for seven days.

Update Your Demo Site

By design, demo sites are generated as one-time “snapshots” of your work. That said, you may synchronize local site changes with your demo site: 

  1. Select the local site within Studio.
  2. Click on the “Share” tab.
  3. Click “Update demo site” and confirm.

Your demo site will be updated with the local changes in a few seconds. This will also reset the demo site expiration date back to seven days.

Demo Site Expiration

Demo sites are temporary, and each demo site will be automatically deleted after seven days from the last update. This feature ensures that demo environments are used for short-term feedback and review purposes.

Delete All Demo Sites

To quickly delete all of your demo sites within Studio:

  1. Click on your avatar within Studio.
  2. Click the three stacked dots (⋮) next to your demo site count.
  3. Click the Delete all demo sites button.

Import and Export

A Studio site can be added from a backup file that contains a site’s site full content.

An existing Studio site can be updated from the backup file in a similar fashion, or from the single .sql file, in the Import / Export tab.

Your backup files can be downloaded from your WordPress.com site or from Jetpack’s Activity Log page. It will have the following files and directories inside:

  • wp-config.php: The WordPress configuration file.
  • wp-content/plugins: The folder containing your site’s plugins.
  • wp-content/themes: The folder containing your site’s themes.
  • wp-content/uploads: The folder containing your site’s uploads.
  • sql/: A directory with .sql files that contain your site’s database data.

Exports from Studio will also have a studio.json file, which contains information about the desired PHP version for the site.

Other supported formats are:

How to Add a New Site to Studio From a Backup

To add a new site to Studio from backup, you’ll need a .tar.gz, or.zip file:

  1. Click the Add site button in Studio.
  2. Name your site.
  3. Select the backup file in the Import a backup field.
  4. Optionally, under Advanced settings, select a Local path (or accept the default).
  5. Click Add site.

Any imported site is started by default and visible in the sidebar.

How to Update an Existing Studio Site From a Backup

To update an existing Studio site from a backup, you’ll need a .tar.gz, .zip, or .sql file:

  1. Select the site you wish to update from the Studio sidebar.
  2. Open the Import / Export tab.
  3. Click the Import box to select your backup file. Alternatively, you can drag and drop your backup file into the Import box.
  4. When prompted, click Import to overwrite your Studio site with your backup file.

The Studio site will be replaced from the provided .tar.gz or .zip backup. However, when you import .sql file to an existing site, the database dump will be imported on top of the existing site.

How to Export a Site from Studio

Studio allows you to export your entire local site into a .tar.gz format, which is compatible with Jetpack Backup. You may also export only the database into a .sql file, which is compatible with MySQL.

To export a site from Studio:

  1. Select the site you wish to export from the Studio sidebar.
  2. Open the Import / Export tab.
  3. Click the Export entire site button to generate a full-site .tar.gz file or the Export database file to generate a .sql file.
  4. Choose the destination and click Save.

When the export is finished, Studio will open the directory containing the backup file automatically.

How to Upload a Studio Export to a Hosted WordPress Site

Once you have the backup file, you can deploy it to a WordPress site hosted anywhere. For example, if you’re on a WordPress.com Business plan, you can follow the Manually Restore Your Site from a Jetpack Backup File on WordPress.com guide.

How to Import Site if I Don’t Use Jetpack Backup

If you are not using Jetpack Backup, you can still import the site to Studio from a backup file created manually:

  1. Create a temporary import directory e.g., import-to-studio/.
  2. Create sql/ and wp-content/ directories inside the created directory.
  3. Open wp-content/ directory of your site and copy plugins/, themes/, and uploads/ to the wp-content/ in the temporary import directory.
  4. Copy your site’s wp-config.php to the temporary import directory.
  5. Export your site’s database using your favorite MySQL tool and place the dump file in sql/ directory.
  6. Select all files in temporary import directory and compress them as .zip file.
  7. Follow the steps shown above to add a new site from the backup file.

Site Settings

You can view each site’s settings by selecting a site and then clicking on the Settings heading.

  • Site name: Your local site’s name (editable).
  • Local domain: The domain you can use to view your site in your browser, provided your site is running
  • Local path: Where your site files are located on your computer.
  • WP Version: The current WordPress version of your local site.
  • PHP Version: The current PHP version used for your local site.
  • Username: The username for the admin account on your local site and can be used to log into your demo site. 
  • Password: The password for the admin account on your local site and can be used to log into your demo site. 
  • Admin URL: The login page for your local site.

You may also delete your local site by clicking the Delete site button. You’ll have the option to delete site files from your computer before confirming the deletion.

An orange arrow pointing to the 'Delete site files from my computer' toggle on Studio by WordPress.com

Frequently Asked Questions

How can I export a theme I created in Studio?

Themes created in Studio are the same as themes created on traditional WordPress sites. You can export your theme by following these steps:

  1. Select the local site within Studio.
  2. Ensure that your site is already running.
  3. Click on the Overview tab.
  4. Click the Site Editor button.
  5. Once the site editor loads in your browser, expand the editor by clicking anywhere on the site preview.
an orange arrow pointing to a WordPress theme in the site editor
  1. Click the Options menu button, represented by three stacked dots (⋮). 
  2. Click Export, and your browser should begin downloading a .zip file of your theme.

You can then upload your theme to any live or staging WordPress site by following these instructions.

How can I publish my Studio site into any host?

While demo sites are intended for sharing with clients and gathering early feedback, a hosting plan is required to make your site permanently accessible.

If you want to deploy a Studio site’s files and database to a hosted website that’s publicly available, you’ll need a hosting plan with plugin support, such as the WordPress.com Business plan. Then you can follow the Import and Export guide to create an export of your source site. When the export is ready, you can import that content to the destination site, for example, following the Manually Restore Your Site from a Jetpack Backup File on WordPress.com guide.

How can I manage the Studio site’s SQLite database?

Studio uses SQLite instead of MySQL server. SQLite is a lightweight, self-contained SQL database engine that stores your database in a single file. Each of your sites will have a database file available in the following path: wp-content/database/.ht.sqlite. This is a hidden file and may not be visible using your File Explorer. On a Mac, you can press cmd + shift + . to reveal the hidden files using Finder.

Once you’ve located the SQLite database file, you can manage the database using any application compatible with SQLite. We recommend using SQLite3, provided you are comfortable using the terminal and SQLiteStudio as a UI.

While connecting to the SQLite database directly can be useful for running SQL queries, the dump generated by SQLiteStudio or running “sqlite3 wp-content/database/.ht.sqlite .dump > backup.sql” will not be directly compatible with MySQL.

SQLite3

SQLite is installed by default in Unix systems like Mac. For Windows, you can download it from the official page.

Once you have it installed:

  1. Select the local site within Studio.
  2. Click on the Overview tab.
  3. Click the Terminal button.
  4. In your terminal, execute the following command to interact with your database:
    sqlite3 wp-content/database/.ht.sqlite

Learn more about using SQLite3 from the terminal in SQLite3 documentation.

SQLiteStudio

If you prefer using an application with a user interface, you can use SQLiteStudio.

Once you have it installed:

  1. Find the wp-content/database/ folder in your File Explorer or Finder.
  2. Make sure you can see hidden files.
  3. Open SQLiteStudio.
  4. Drag and drop the .ht.sqlite file into the application.

How can I use Studio with the MySQL server of my choice?

Studio has built-in support for a SQLite database, but you can use the MySQL server of your choice, e.g., Homebrew or Docker, to test your site with different database engines.

If you have a local site already configured to work with a custom MySQL server of your choice, you can add it to Studio. If the site files include a wp-config.php file, Studio will skip the SQLite database setup and use the already configured database.

If you have already created a site in Studio, and want to switch SQLite to the MySQL server of your choice, follow the steps below:

  1. Stop the site.
  2. Open your Studio’s site directory.
  3. Navigate to the wp-content directory and delete the db.php file and the database directory.
  4. Navigate to the mu-plugins directory and delete sqlite-database-integration-main directory.
  5. Update wp-config.php file and fill in your MySQL server’s credentials.
  6. Start the site.
  7. Start your MySQL server.
  8. Open the site.

How do I change the PHP version used for my site? 

After creating a site, the current PHP version is displayed in the site’s settings tab, where you can also edit and change the PHP version.

  1. Select the relevant site in the sidebar. 
  2. Click the Settings heading. 
  3. Click the Edit button next to the PHP Version item. 
  4. Within the dialog, select the desired PHP version. 
  5. Click the Save button to persist the changes. 

Why isn’t the “Open In” button available for my preferred app?

The current buttons available in the Open in… area for each of your local sites are Finder (for macOS), File Explorer (for Windows), and then VS Code, Terminal, and PhpStorm for both platforms.

Studio, PhpStorm, and VS Code must live in your Applications folder to ensure the Open in… options are available.

How can I make Studio faster on Windows?

If the Real-Time Protection Service of Windows Defender is enabled on your machine, it may slow down the process of creating and starting a site, particularly when running PHP files of WordPress. To enhance site speed, we recommend adjusting the configuration accordingly:

Windows 11:

  1. Select Start, then open Settings. Under Privacy & security, select Virus & threat protection.
  2. Under Virus & threat protection settings, select Manage settings, and then under Exclusions, select Add or remove exclusions.
  3. Select Add an exclusion, and then select from process.
  4. Type the path of the Studio app executable file (e.g. C:\Users\<YOUR_USER>\AppData\Local\studio\Studio.exe) and then click on Add button.

Windows 10:

  1. Go to Start > Settings > Update & Security > Windows Security > Virus & threat protection.
  2. Under Virus & threat protection settings, select Manage settings, and then under Exclusions, select Add or remove exclusions.
  3. Select Add an exclusion, and then select from process.
  4. Type the path of the Studio app executable file (e.g. C:\Users\<YOUR_USER>\AppData\Local\studio\Studio.exe) and then click on Add button.

How can I regenerate my thumbnails?

If some thumbnails are missing after importing your site, you can regenerate them by running the following WP-CLI command:

wp media regenerate --yes --only-missing

If WP-CLI isn’t installed locally, you can ask Studio Assistant to run this command for you. Simply request, “Please regenerate my images using WP-CLI”.

Next Steps and Feedback

We hope Studio effortlessly fits into your local development workflow. Be sure to check out our other developer tools and platform features that will provide you with the flexibility and control you need to build on WordPress.com.

Studio is an open source project that welcomes all contributions. If you spot a bug or the Studio feature you need is missing, we have some options:

Last updated: November 25, 2024