Quantcast
Channel: Tutorials – TechSansar.com
Viewing all articles
Browse latest Browse all 72

A full Tutorial on Installation of WordPress on XAMPP

$
0
0

(adsbygoogle = window.adsbygoogle || []).push({}); var data = { placementid: '159743347438708_1021738951239139', format: 'native', testmode: false, onAdLoaded: function(element) { console.log('Audience Network [159743347438708_1021738951239139] ad loaded'); element.style.display = 'block'; }, onAdError: function(errorCode, errorMessage) { console.log('Audience Network [159743347438708_1021738951239139] error (' + errorCode + ') ' + errorMessage); } }; (function(w,l,d,t){var a=t();var b=d.currentScript||(function(){var c=d.getElementsByTagName('script');return c[c.length-1];})();var e=b.parentElement;e.dataset.placementid=data.placementid;var f=function(v){try{return v.document.referrer;}catch(e){}return'';};var g=function(h){var i=h.indexOf('/',h.indexOf('://')+3);if(i===-1){return h;}return h.substring(0,i);};var j=[l.href];var k=false;var m=false;if(w!==w.parent){var n;var o=w;while(o!==n){var h;try{m=m||(o.$sf&&o.$sf.ext);h=o.location.href;}catch(e){k=true;}j.push(h||f(n));n=o;o=o.parent;}}var p=l.ancestorOrigins;if(p){if(p.length>0){data.domain=p[p.length-1];}else{data.domain=g(j[j.length-1]);}}data.url=j[j.length-1];data.channel=g(j[0]);data.width=screen.width;data.height=screen.height;data.pixelratio=w.devicePixelRatio;data.placementindex=w.ADNW&&w.ADNW.Ads?w.ADNW.Ads.length:0;data.crossdomain=k;data.safeframe=!!m;var q={};q.iframe=e.firstElementChild;var r='https://www.facebook.com/audiencenetwork/web/?sdk=5.3';for(var s in data){q[s]=data[s];if(typeof(data[s])!=='function'){r+='&'+s+'='+encodeURIComponent(data[s]);}}q.iframe.src=r;q.tagJsInitTime=a;q.rootElement=e;q.events=[];w.addEventListener('message',function(u){if(u.source!==q.iframe.contentWindow){return;}u.data.receivedTimestamp=t();if(this.sdkEventHandler){this.sdkEventHandler(u.data);}else{this.events.push(u.data);}}.bind(q),false);q.tagJsIframeAppendedTime=t();w.ADNW=w.ADNW||{};w.ADNW.Ads=w.ADNW.Ads||[];w.ADNW.Ads.push(q);w.ADNW.init&&w.ADNW.init(q);})(window,location,document,Date.now||function(){return+new Date;}); .thirdPartyRoot { background-color: white; color: #444; border: 1px solid #ccc; border-left: 0; border-right: 0; font-family: sans-serif; font-size: 14px; line-height: 16px; width: 320px; text-align: left; position: relative; } .thirdPartyMediaClass { width: 320px; height: 168px; margin: 12px 0; } .thirdPartySubtitleClass { font-size: 18px; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; height: 16px; -webkit-box-orient: vertical; } .thirdPartyTitleClass { padding-right: 12px; line-height: 18px; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; height: 36px; -webkit-box-orient: vertical; } .thirdPartyCallToActionClass { background-color: #416BC4; color: white; border-radius: 4px; padding: 6px 20px; float: right; text-align: center; text-transform: uppercase; font-size: 11px; } .fbDefaultNativeAdWrapper { font-size: 12px; line-height: 14px; margin: 12px 0; height: 36px; vertical-align: top; }

This tutorial titled “A full Tutorial on Installation of WordPress on XAMPP” is for those who would like to give a try at home by themselves. Setting up a local system with WordPress, will create good learning and developing environment for beginners.

In this tutorial, we cover

  1. Installation of XAMPP
  2. Creating Database
  3. WordPress Installation

To begin with this tutorial you’ll be needing following things to be downloaded to your machine.

  1. Download XAMPP from Apache Friends Website
  2. Download WordPress from WordPress.org

What is XAMPP?

Before installing XAMPP, you should know what actually XAMPP is. XAMPP stand for cross-platform, Apache, MySQL, PHP and Perl. It’s a simple and lightweight solution that allows you to create a local web server for testing purposes.

Since XAMPP is cross-platform, it also works on Mac and Linux, but today we’re going to look at setting up XAMPP on Windows 8.

WordPress isn’t a stand-alone application and needs server software to run. XAMPP provides the necessary environment needed to run WordPress on a local machine.

Installation of XAMPP

Now that you have already downloaded XAMPP for Apache Friends Website, you can begin installing XAMPP on your PC.

Double click downloaded xampp-win32-?.?.?-installer.exe to launch the installer.

Starting XAMPP Installation
Starting XAMPP Installation

You may receive warnings about installing the software on your computer. As you would when installing any software on Windows, use your best judgment.

The XAMPP setup wizard will guide you through the installation

Going Through XAMPP setup wizard
Going Through XAMPP setup wizard

Choose the installation folder location, if default is C:/xampp, leave it as default, or you can also change it to other location

Choosing location for XAMPP installation
Choosing location for XAMPP installation

In the next window you’ll be asked to select the components of the software you would like to install and which one you don’t want. Since we want to run WordPress on this localhost, just leave Apache and MySQL checked and uncheck the remaining options.

Selecting Apache and MySQL component to be installed with XAMPP
Selecting Apache and MySQL component to be installed with XAMPP

After going through all those options, installation of XAMPP is completed. Click on Finish. If you are asked to run XAMPP – control panel, click Run or Yes.

XAMPP installation completed
XAMPP installation completed

If you receive any security/firewall warnings during the installation process (such as the one below), make sure you check “Private networks, such as my home or work network” and click “Allow access.” This is very important. If you don’t allow access, XAMPP won’t work.

Allow access to XAMPP from Firewall
Allow access to XAMPP from Firewall

If you selected to run XAMPP on Finish, the XAMPP – Control Panel will start automatically.

If not, go to the XAMPP folder on your computer and open “XAMPP Control Panel”.

XAMPP control panel
XAMPP control panel

Now that XAMPP Control panel has started, Startup both Apache and MySQL. If you have installed XAMPP properly, both components should run fine without any errors, however, if there are any other applications on your computer using the same ports as these modules then you need to quit the conflicting applications using the same ports and restart XAMPP.

Start Apache and MySQL on XAMPP control panel
Start Apache and MySQL on XAMPP control panel

You can check if your new local server is installed by visiting http://localhost in your browser.

Accessing Localhost after starting services
Accessing Localhost after starting services

Setting up MySQL Database

Now that you have installed and started XAMPP on your local PC, it’s time to setup MySQL database, for this you’ll have start MySQL and PHP services form XAMPP Control Panel.

After starting those services, switch to your web browser and navigate to, http://localhost/phpmyadmin

phpMyAdmin on localhost
phpMyAdmin on localhost

Click on “Databases” near the top-left and you’ll be prompted to create a new database. I’ve called mine “wordpress_db”, and collation as “utf8_unicode_ci”. When you’ve entered a name, click “Create” and close the window.

Creating MySQL database from phpMyAdmin
Creating MySQL database from phpMyAdmin

You’ll see database creation success message like this

Database created successfully
Database created successfully

Now, you’ll have to add a user to the database, for that click on the privileges section in the page. And on same page click on “Open new phpMyAdmin window”.

Changing privileges of databases on XAMPP
Changing privileges of databases on XAMPP

On the page as shown below, click on “Add a new user”.

Adding new user on database
Adding new user on database

Now, a form page will open up, fill the form with your instances. For this tutorial, I entered

Username: WordPress

Host: Localhost

For password, you can generate automatic password there or drag and drop to “Use Text Field” and enter your preference password. Both way, you’ll need to remember passwords.

After that, click on “Check All” for setting up privileges, and to finish click on “Go”.

Filling up credentials for new user on MySQL Database
Filling up credentials for new user on MySQL Database

On the next page, under “Database Specific Privilege” drag down the list and select “wordpress_db”.

Setting user privileges
Setting user privileges

Again on the next page, under “Database Specific Privilege” click on “Check All” to check all privileges. And click “Go”.

Finalizing user privileges
Finalizing user privileges

 

Installing WordPress on LocalServer

To this point you have set upped XAMPP and also created MySQL database with a user and global privileges. Now, it’s time to install WordPress on your Local Server.

For this you must have to download WordPress from WordPress.org.

In order to get WordPress working with XAMPP we need to unzip WordPress to the right folder. Go to the XAMPP folder on your computer and open the htdocs folder, i.e. C:/XAMPP/htdocs.

Unzip wordpress to htdocs folder on xampp
Unzip wordpress to htdocs folder on xampp
Unzip wordpress to htdocs
Unzip wordpress to htdocs

Open your WordPress folder, find the wp-config-sample.php file. Open the file and scroll down until these lines of code define the login details for your database. Replace “database_name_here” with the name of your database, which in my case is “wordpress_db.”

Replace “username_here” with “wordpress” and on “password_here” fill the password of wordpress user you created.

Save the file as “wp-config.php” and close it.

Changing wp-config file of wordpress
Changing wp-config file of wordpress

Now we can get on with installing WordPress.

Open your browser and go to http://localhost/wordpress/

You should see the welcome screen for the famous five minute WordPress installation process.

WordPress installation page
WordPress installation page

Enter your details and click “Install WordPress.”

Your WordPress installation is now complete, you can now access your local WordPress site by navigating to http://localhost/wordpress/.

If you are having some problem going through this tutorial, you can leave comment below.

 

(adsbygoogle = window.adsbygoogle || []).push({}); var data = { placementid: '159743347438708_1021738951239139', format: 'native', testmode: false, onAdLoaded: function(element) { console.log('Audience Network [159743347438708_1021738951239139] ad loaded'); element.style.display = 'block'; }, onAdError: function(errorCode, errorMessage) { console.log('Audience Network [159743347438708_1021738951239139] error (' + errorCode + ') ' + errorMessage); } }; (function(w,l,d,t){var a=t();var b=d.currentScript||(function(){var c=d.getElementsByTagName('script');return c[c.length-1];})();var e=b.parentElement;e.dataset.placementid=data.placementid;var f=function(v){try{return v.document.referrer;}catch(e){}return'';};var g=function(h){var i=h.indexOf('/',h.indexOf('://')+3);if(i===-1){return h;}return h.substring(0,i);};var j=[l.href];var k=false;var m=false;if(w!==w.parent){var n;var o=w;while(o!==n){var h;try{m=m||(o.$sf&&o.$sf.ext);h=o.location.href;}catch(e){k=true;}j.push(h||f(n));n=o;o=o.parent;}}var p=l.ancestorOrigins;if(p){if(p.length>0){data.domain=p[p.length-1];}else{data.domain=g(j[j.length-1]);}}data.url=j[j.length-1];data.channel=g(j[0]);data.width=screen.width;data.height=screen.height;data.pixelratio=w.devicePixelRatio;data.placementindex=w.ADNW&&w.ADNW.Ads?w.ADNW.Ads.length:0;data.crossdomain=k;data.safeframe=!!m;var q={};q.iframe=e.firstElementChild;var r='https://www.facebook.com/audiencenetwork/web/?sdk=5.3';for(var s in data){q[s]=data[s];if(typeof(data[s])!=='function'){r+='&'+s+'='+encodeURIComponent(data[s]);}}q.iframe.src=r;q.tagJsInitTime=a;q.rootElement=e;q.events=[];w.addEventListener('message',function(u){if(u.source!==q.iframe.contentWindow){return;}u.data.receivedTimestamp=t();if(this.sdkEventHandler){this.sdkEventHandler(u.data);}else{this.events.push(u.data);}}.bind(q),false);q.tagJsIframeAppendedTime=t();w.ADNW=w.ADNW||{};w.ADNW.Ads=w.ADNW.Ads||[];w.ADNW.Ads.push(q);w.ADNW.init&&w.ADNW.init(q);})(window,location,document,Date.now||function(){return+new Date;}); .thirdPartyRoot { background-color: white; color: #444; border: 1px solid #ccc; border-left: 0; border-right: 0; font-family: sans-serif; font-size: 14px; line-height: 16px; width: 320px; text-align: left; position: relative; } .thirdPartyMediaClass { width: 320px; height: 168px; margin: 12px 0; } .thirdPartySubtitleClass { font-size: 18px; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; height: 16px; -webkit-box-orient: vertical; } .thirdPartyTitleClass { padding-right: 12px; line-height: 18px; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; height: 36px; -webkit-box-orient: vertical; } .thirdPartyCallToActionClass { background-color: #416BC4; color: white; border-radius: 4px; padding: 6px 20px; float: right; text-align: center; text-transform: uppercase; font-size: 11px; } .fbDefaultNativeAdWrapper { font-size: 12px; line-height: 14px; margin: 12px 0; height: 36px; vertical-align: top; } This post A full Tutorial on Installation of WordPress on XAMPP appeared first on TechSansar.com.


Viewing all articles
Browse latest Browse all 72

Trending Articles