How to setup A WordPress staging site on A2 Hosting
Articles,  Blog

How to setup A WordPress staging site on A2 Hosting


Hey, what’s guys! This is Kimsea. In this video tutorial, I’m gonna be showing
you how to setup a WordPress staging site on A2 hosting account. You might, actually, wondering what the hell
is a WordPress staging site? The WordPress staging site is a replicated
or a cloned version of your WordPress site that is very useful for development purpose. For instance, you’re running a WordPress
site for marketing online business. The website is currently interact with approximate
50 thousand visitors per month. You want to redesign the home page and add
more functionalities to the WordPress site. Any change or mistake you make on the WordPres
site, of course, will highly impact the customer experiences. I knew you really don’t want those 50 thousand
people watch your construction processes. Hence, it’s a very good idea to have a WordPress
staging environment where you can work on website construction without affected the
live site. Once you finish the website development works,
you can push the new change from the staging area to the live site. Exactly, this process save from making damage
of the brand reputation. Setup a WordPress staging site isn’t about
making change or redesigning the home page of website, but it’ll make your life a lot
easier. For a real life example, I used to have a
problem of conflicted plugins on my WordPress site. The users cannot log in the backend dashboard
because the redirect loop or cache issue. At the time, I wasn’t sure what exactly
the problem is. Thus, my solution was to disable all plugins
and to switch back to the default WordPress then re-activate the plugins one-by-one. I broke my WordPress site more than ten times
before I figured out the real issue. I should have to credit the WordPress staging
environment that allows me to separately work on the development stage then push the complete
version back to the live. In obvious, the WordPress staging site is
a lifesaving tool for solve any WordPress issue on the business run-time error. You now should have a clue how the WordPress
staging works and how it’s useful for your business. It’s time to setup your own WordPress staging
site in a real practice. There are two different ways you can create
the WordPress staging environment for your WordPress. The first way is to use the staging plugin
like Wp-staging. The other way is to use the built-in staging
tool in the Cpanel of your hosting account if any provided. I prefer using built-in tool from A2 hosting
because the plugin will add more weight the WordPress site. Here I’m on the client area of my A2 hosting
account. I click on Cpanel login button to view the
Cpanel dashboard of my hosting account. On the Cpanel dashboard, I click on WordPress
icon to view the Soft Aculous installer page. As you can on the Soft Aculous Installer page
under the Current Installation section, I have a WordPress site installed on my A2 hosting
account. The WordPress site installed under chamnes.xyz
domain name. I click on Create Staging icon to create a
new WordPress staging site for the current WordPress — chamnes.xyz. The Soft Aculous Installer brings a Staging
Installation page. On the protocol input field, I choose https
as the internet protocol for the staging website. Of course. The live site (chamnes.xyz) uses https protocol
so I should have to use the same protocol for both live and staging site. I leave the Choose Domain input filed as what
it was. On the In Directory input field, I input dev_env
so the new WordPress staging site will serve under the dev_env subfolder. I leave the Database Name as what was — wp762. Finally, I click on Create Staging button
to create a WordPress staging for chamnex.xyz. There we go! The installation finished. I open the new WordPress staging site in a
new tab of my web browser. As you see on the screen, it’s a plain WordPress
site that is replicated from the original site. I go chamnes.xyz to prove that the live site
and the staging site are the same website. As you can see, the both WordPress sites have
the same design and contents. I close the new tab and back of the Soft Aculous
Installer again. On the Soft Aculous Installer page, I right
click on the Administrative URL link and open it in the new tab. On the backend dashboard of the WordPress
staging site, I select Appearance then Theme from the submenu context. I’m gonna a new WordPress theme to the chamnes.xyz
staging site. Of course. I’ll upload my premium theme file which
is KLEO theme. The new theme was successfully uploaded. I click on Activate link to active the new
theme. WordPress redirects me to the welcome page
of the KLEO theme. I click on import Demo data tab to setup home
and import Demo content to the WordPress staging site. I click on Import button of Home Resume to
import its demo content. KLEO theme prompt about importing WordPress
page and activate the required plugins. I click on Go button to accept the prompt
and to install Demo contents. The import process was finished. I click on Home icon to set the Home Resume
as front page of the WordPress site staging site. Well! The front page was successful setup. I close the dialog boxes. Under the admin bar, I choose visit the site
from the submenu context to view the front of the WordPress staging site. As you can see on the screen, I have a beautiful
front page installed on the WordPress staging site. If I scroll down the home page, I have some
contents on the front page. If I go to chamnes.xyz, it’s, of course,
still the plain WordPress site with default theme and content. Let me view the staging site separately in
another tab so you can see different between the live site and staging site in different
tabs. Well! Here is the WordPress staging and here is
the chamnes.xyz live site. The both sites are completely different from
each other. I go to the Soft Aculous installer tab again. On the Aculous installer page, I click on
All Installation icon on the up right to view all the installed Apps of my hosting account. As you can see on the screen, I now have two
WordPress sites installed on my host account. One is the original WordPress which is chamnes.xyz
and the other one is WordPress staging which hosts under the dev_env subfolder of chamnes.xyz. I click on Push icon to push the changes from
the WordPress staging to the live site. On Push to Live WordPress page, I click on
Customize tab to view more setting options. As you can see on the screen, when adding
the new theme to the WordPress staging site, I made some changes in four database tables. I can uncheck the table to reject change to
any of these database tables. However, in this case, I click on the checkbox
above to accept every change of the database tables. I click on Push to Live button to push the
changes to original WordPress — chamnes.xyz. Pushing data from a WordPress staging site
to a live site might take a few minutes depending the size of the database and amount of files
changed. It’s done. Now I go the chamnes.xyz tab then refresh
the page. Bingo. The changes were pushed to original site. As you can see on the screen, I have a new
home page on chamnes.xyz which is the same design to the staging site. Guys! Thanks for watching and keeping up with me
in this video tutorial. Hopefully, I made clear explanation about
the WordPress staging. However, if you didn’t get what I’ve been
trying to explain, just leave your question in the below commend. I’ll try to answer the question as fast
as I can. Hit thump up and share the video if you enjoy
the tutorial. What’s more, click on subscribe and belt
icon to receive the notification when I upload new video. Have a great day. See again in next tutorial. Bye.

One Comment

Leave a Reply

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