How to Push a WordPress Development Site Live

by | Aug 19, 2022 | Etcetera | 0 comments

Realizing learn how to Push a WordPress building (dev) web page reside is a very powerful for keeping up uptime whilst updating your web page. That is in particular useful for businesses who set up and replace a lot of internet sites in addition to website online homeowners having a look to make a vital replace to their present website online. The usage of a building web page permits you to make adjustments to a web page with out affecting the reside web page. When you’ve got your adjustments dialed in, you’ll merely push the ones reside.

On this article, we will be able to display you 3 strategies (intimately) for taking a building or staging web page reside. However first, let’s transparent up some phrases.

Whilst there can for sure be variations between those phrases, we will be able to use “building web page” (or “dev web page”), “staging web page”, and “native web page” synonymously. Those are all take a look at environments that let customers to make adjustments to their WordPress internet sites in some way that received’t have an effect on the reside web page. In a similar way, a “reside web page” or “manufacturing web page” is a Site that your need guests to peer on the internet.

What to Do Earlier than Going Are living

There are some things you’ll do to set your self up for good fortune sooner than you formally get started pushing your building web page to manufacturing.

Checklist - Push Dev Site Live

Symbol by means of Vector Inventory Professional /

  1. Make certain the dev web page is entirely practical – It would be best to be sure your dev web page is fully-functional sooner than we push it in your reside web page. That is the entire level of operating in a sandbox or staging surroundings—you’ll be sure that the adjustments you’re making paintings as it should be sooner than allowing them to free on a reside website online.
  2. Backup the each internet sites – It would be best to backup your website online(s). It’s most secure to head forward and backup both your development site and your live site, even though the reside web page is crucial of the 2 since it’s the web page you are attempting to offer protection to. There are some WordPress Backup Plugin options that can assist you if you wish to have. With the exception of plugin backups, your web hosting supplier might be offering some kind of carrier for backups. Pass in your host’s wisdom base to peer what they do be offering in the best way of backups.
  3. Resolve the correct approach. – As soon as your dev web page is practical and your websites are sponsored up, you’ll get started selecting which choice for pushing the improvement web page reside works right for you. We’ll quilt 3 strategies intimately beneath.

Push the Dev Website Are living

There are 3 ways in which we’ll discover pushing a WordPress dev/staging web page to a reside website online. The choices for you to choose between are:

  • Use a WordPress Migration Plugin
  • Manually Push your Dev Website
  • and Use a Internet hosting Supplier Migration Equipment

All primary Staging/Migrating plugins available on the market use a freemium pricing fashion the place some choices don’t seem to be usable until you pay for them. It’s price having a look at what is obtainable within the loose variations of primary migration and staging plugins to peer in the event that they meet your wishes. On this article, we’ll be the use of the WP Migrate Lite plugin by Delicious Brains. The Professional model makes this procedure a lot more effective and pushes extra than simply the database of the dev web page (the Lite model does no longer push Plugin, Media, or Theme recordsdata to the Are living Website).

The Handbook approach is for individuals who are conversant in phpMyAdmin and cPanel. This means could be very hands-on and there are lots of steps. It is vitally price your time in case you are making an attempt to be informed extra about how WordPress works at the backend. However, it’ll take you a excellent whilst to finish.

We’ve discovered that Internet hosting Suppliers that experience Staging Equipment constructed into their platform be offering the very best choice for pushing a dev web page to a reside web page. We will be able to quilt how Siteground’s Staging Tools make this a breeze.

Push Dev Website to Are living with WP Migrate (Plugin – Unfastened Model)

To push a staging web page in your reside website online with a plugin, we’ll be the use of WP Migrate. It is likely one of the best migration plugins available in the market that has a loose model. Plus, the professional model makes the method even more uncomplicated.

See also  Divi Plugin Highlight: Divi Accordions Plus

*Be aware: Maximum Staging/Migrating plugins be offering a loose model however do extra with a paid model

After downloading and activating WP Migrate to each your WordPress building web page and your reside web page, navigate in your building web page (stay each open in separate tabs). Inside of Equipment click on Migrate DB.

Dev Push Live - WP Migrate 1-2_num

Close to the end, click on Migrate after which below “Substitute Any other Website with this Website” click on Export Database.

Dev Push Live - WP Migrate 3-4_num

Then we get to a display screen the place we’ll substitute strings inside our database to check the strings on our reside web page. This guarantees that after we import the migrated/driven data from the dev web page to the reside web page the web page is not going to pass down.

Understand at the proper facet the 2 Substitute textual content bins that may want to be crammed in.

Dev Push Live - WP Migrate 5_num

Subsequent, we will be able to pass to the open tab that has our Are living Website. We’re going to the similar position in the similar plugin. We’re referencing and copying what the reside web page has within the To find Column . Those shall be pasted again at the Dev Website.

Dev Push Live - WP Migrate 6_num

When we’ve pasted the pieces from the Are living Website onto the Dev Website (reference the former 2 pictures if you happen to get became round) we’re in a position to Export Database at the Dev Website. This may obtain an exported report of the Dev Website’s database (Theme, Plugin, and Media recordsdata is probably not incorporated on this and want the Professional model of WP Migrate to push and pull simply between your websites).

Dev Push Live - WP Migrate 7_num

You must see an Export Entire recommended.

Dev Push Live - WP Migrate 8_num

Now that we’ve got the exported .sql report we want to do one thing with it. You’re going to navigate in your Are living Website’s C-Panel and below the “Databases” phase click on on phpMyAdmin.

Now that we’ve got the exported .sql report we want to do one thing with it. You’re going to navigate in your Are living Website’s C-Panel and below the “Databases” phase click on on phpMyAdmin.

Dev Push Live - WP Migrate 9_num

Close to the top-center click on on Import. At the web page that rather a lot, you’re going to Browse for the report that used to be downloaded in your pc after which get started the import by means of clicking Pass at the bottom-left of the web page. This may import the databases from the dev web page in your reside web page.

Dev Push Live - WP Migrate 10-12_num

As soon as this has took place, test your reside web page to verify it’s up and working and that the adjustments you made at the dev web page are mirrored at the reside web page.

Push Dev Website to Are living Manually

It’s solely imaginable to Push a Construction Website in your Are living Website manually. This isn’t for the faint of middle however is actually excellent wisdom for the ones looking to familiarize themselves with WordPress databases and the cPanel. Those steps paintings with any web hosting supplier that also makes use of cPanel.

Obtain Important Information from Dev Website

The very first thing that we will be able to do is navigate in your cPanel in your Construction Website. From there we will be able to to find Record Supervisor and open the Record Root listing on your Dev Website after which click on Pass.

Dev Site to Live - Manual 1-2

From there we need to click on on wp-content and Compress that folder.

Dev Site to Live - Manual 3-4

This creates a brand new compressed report. Click on the brand new zip report and make a choice obtain.

Dev Site to Live - Manual 5

Subsequent, we need to to find the dev web page’s wp-config.php report and obtain it in your pc as neatly.

Dev Site to Live - Manual 6

Export Database from Dev Website

Subsequent, return in your cPanel; below Databases click on on phpMyAdmin.

Back to phpMyAdmin

At the left-hand sidebar, click on at the database that corresponds with the database on your WordPress dev web page. Click on Test All after which Export the use of the dropdown menu.

Dev Site to Live - Manual 7-8

At the subsequent display screen, merely be sure the export approach is about to fast and the structure is SQL. Then click on Pass.

What we’ve carried out is obtain the essential recordsdata of your building web page that we will be able to add and configure in your reside web page. This may give the reside web page the configuration you put up in your dev web page whilst you had been checking out and construction.

Dev Site to Live - Manual 9-10

Import Database to Are living web page

Now, pass to the cPanel of the Are living Site (NOT the dev web page). Click on on phpMyAdmin.

See also  How to Make a Website From Scratch in 2023 (Detailed Tutorial)

Dev Site to Live - Manual 11

At the left-hand sidebar make a choice the database on your reside web page. Then test all rows within the desk. Within the dropdown menu, make a selection ‘Drop’. This deletes the tables out of your Are living Website so we will substitute them with the database we downloaded previous.

Dev Site to Live - Manual 12-14

Ascertain your option to “Drop” the desk by means of clicking Sure.

Dev Site to Live - Manual 15

Subsequent, temporarily make a choice Import from the menu above and click on on Make a selection Record.

Dev Site to Live - Manual 16-17

Subsequent, apply the recommended to add a report. Make a choice the .sql report that we prior to now downloaded and click on Open.

Dev Site to Live - Manual 18-19

To complete importing the database, click on Pass.

On this newly uploaded database, it is very important remember of the prefix of the recordsdata at the left-hand sidebar. We will be able to want this in a long term step.

Dev Site to Live - Manual 20

Replace Database with URL of Are living Website

In the similar database, make a choice the _options desk within the left sidebar. Beneath the checklist of to be had choices, make a choice Edit at the choice with siteurl within the option_name column. *Additionally, make be aware of the database prefix for later.

Dev Site to Live - Manual 21-22

Beneath the Insert tab throughout the database desk’s siteurl choices, We need to replace the option_value of the siteurl. To do that, substitute the prevailing dev web page URL with the URL of the reside web page within the worth field on proper. Then scroll down and click on Pass/Completed.

Dev Site to Live - Manual 23-24

As soon as carried out, return to the similar choices checklist for the _options desk. Beneath the checklist of to be had choices, make a choice Edit at the choice with house within the option_name column. Then repeate the similar procedure as sooner than (for the siteurl) and substitute the dev web page URL of house option_value with the reside web page URL.

Dev Site to Live - Manual 25

Replace Website Information (wp-content) on Are living Website

At this level, we’re carried out importing and configuring our database! However, we aren’t out of the woods reasonably but. We nonetheless have to exchange one of the crucial Are living Website’s recordsdata from the dev web page.

To do that, return to the Are living Website’s cPanel, click on on Record Supervisor, make a selection the reside web page, and click on Pass.

Dev Site to Live - Manual 26

Click on the wp-content folder after which delete it.

Dev Site to Live - Manual 27-28

Subsequent, click on Add on the height menu of the report supervisor.

Dev Site to Live - Manual 29

Click on Make a selection Record. Then make a choice the report and click on Open.

Dev Site to Live - Manual 30-32

Stay up for it to add. If it finishes the add however does no longer take you again to the report construction, click on the Pass Again to… hyperlink.

Dev Site to Live - Manual 33

To find and click on at the report that you simply uploaded and make a choice extract from the dropdown menu.

Dev Site to Live - Manual 34-35

Within the Extract popup, click on Extract Information. As soon as the extraction is completed, you’ll delete the compressed report as it could get complicated in case you are doing this ceaselessly.

Dev Site to Live - Manual 36

Replace the wp-config.php Record for Are living Website

As soon as the wp-content folder is in position, make a choice the wp-config.php report and click on edit.

Dev Site to Live - Manual 37-38

Seek the report for table_prefix and substitute the table_prefix with the prefix of the dev web page database tables famous previous. Then, merely scroll down and click on Save.

That’s it! View the reside web page to peer the adjustments we introduced over from the WordPress dev web page.

Dev Site to Live - Manual 39-40

If that used to be one too many steps for you, many trendy web hosting corporations that prioritize WordPress web hosting be offering tough (and simple to make use of) staging/migrating equipment.

Subsequent, we’ll display you the way Siteground makes it simple to push a dev web page to a Are living Website.

Push Dev Website to a Are living Website with Siteground Staging Equipment

Internet hosting suppliers who focus on WordPress installations were getting higher about growing equipment for pushing dev/staging websites to a reside website online. One such web hosting corporate is Siteground which occurs to be one among our Divi Hosting partners. To push a dev web page reside the use of Siteground, it is very important have constructed your staging web page the use of Siteground’s Site Tools.

As soon as your web page is up and working on Siteground, log into your Siteground account. Then click on the Web sites tab close to the end. Make a choice the sub-tab Web sites as neatly. From there, make a selection the website online you be mindful which is represented by means of each and every particular person field at the web page. Click on on that web page’s Website Equipment button.

See also  Get a Free Bake Shop Layout Pack for Divi

Dev Push Live - Siteground - 1-4_num

Within the left sidebar menu, navigate to WordPress > Staging. From there, make a choice the precise reside web page we be mindful within the Make a choice WordPress Set up which generally is a listing of subdomains for the specific TLD.

Beneath the “Arrange Staging Copies” phase close to the ground, to find the staging replica you wish to have to deploy and click on the three-dots icon (⋮) to extend the choices for the staging replica. Make a choice Complete Deploy from the checklist to deploy the entire staging web page. You’ll be able to additionally make a choice Customized Deploy if you happen to best had a part of the staging web page you sought after to be deployed.

Dev Push Live - Siteground - 5-9_num

In any case, within the Deploy affirmation popup, click on Ascertain.

Dev Push Live - Siteground - 10_num

We’re all carried out after that! You must see a Luck message within the height proper nook.

Dev Push Live - Siteground - 11 - End_num

In case you don’t see the good fortune discussion, you’ll achieve out to Siteground strengthen for troubleshooting.

What to Do After Dev Website is Driven Are living

All 3 of our strategies for pushing a WordPress dev web page to a reside web page are superb choices. However, with each and every, there are dangers of quickly breaking your web page. Whilst confidently, the stairs on this article were given you to the specified outcome, this is one thing to appear out for while you’ve completed your staging web page push.

While you’ve completed the stairs you selected to take, open the Are living Website and glance thru its pages. Make certain the whole thing is loading and what you anticipated it to be. Then, pass in your Admin dashboard and log in. You shouldn’t have any mistakes whilst logging in.

If there do appear to be database problems, you wish to have to determine that out temporarily. You’ll be able to take a look at our How to Fix a Database Connection Error article to seek out some commonplace spaces to double-check. If push involves shove, you’ll revert again to the backup you created sooner than beginning and take a look at the stairs once more.

  • Test www and non-www variations of the web page in addition to HTTPS and HTTP. (Are the redirects going down as anticipated?)
  • Test Primary Navigation hyperlinks in addition to dynamic pages comparable to classes, posts, and customized publish sorts. (Are your most up-to-date adjustments from the dev web page in your reside web page?)
  • Make sure pictures render correctly on newly up to date pages.
  • Observe 404 damaged hyperlinks day by day for a couple of days in a while.

Which Approach Must You Use?

Every of the 3 strategies coated in this text will get the process carried out. On the other hand, relying in your web page or your web hosting supplier, some choices shall be a greater have compatibility than others. Listed here are some ideas:

  • In case your web hosting supplier has staging equipment, it’s neatly price your time to discover ways to use the ones. Those equipment make the process as simple as it may be.
  • Migrating/Staging plugins are the following absolute best course. The Professional variations will price some cash however they’ll do the trick for you each and every time.
  • Manually pushing a dev web page to a reside web page may is indisputably no longer the most efficient course for newcomers since would require extra time and technical wisdom and might result in you breaking your web page. On the other hand, if you recognize what you might be doing, this technique does come up with extra keep an eye on over the method which is most popular for some builders.


Realizing learn how to migrate a staging web page in your reside web page is a formidable ability set to have. It permits you extra freedom in experimentation in your websites with out the concern of crashing the reside web page your guests are actively on. Whether or not you might be managing your personal websites or the ones of purchasers, realizing learn how to push updates makes you a a lot more dependable webmaster.

Featured Symbol by the use of Aleksandr_a / Shutterstock

The publish How to Push a WordPress Development Site Live seemed first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more


Submit a Comment

Your email address will not be published. Required fields are marked *