TutorialsJune 30, 2017admin

Codeless Web Series – 01 How to host and install WordPress

This is the No 1 Web Series of many other that we will continue to write and film in the future.

WordPress is such a great platform to create beautiful products, customize site’s and make money with them.  And we want to teach anybody to make the best use of it. The first essential step to learn is to install it.  You need a place to host a WordPress website. This place is called a server. You can either host your WordPress installation on an Online Server or in your own Local Host.

We are going to explain both of them today with the help of Folie WordPress Theme.

 

server

When it comes to Choosing the Right Server and Hosting Service you may feel a little confused and tired. You are not alone! As much as we understand you, we have some tips to also help you 🙂 . Check out this other post we did for Things to Keep in Mind When Choosing a Hosting Provider :

 

There are 3 Main groups of Types of Hosting Providers :

  • Shared Web Hosting – Using this Hosting Service means that your website is hosted on a server shared by other websites. The advantage of this setup is the shared cost for sharing a server with hundreds of other websites. We don’t recommnend choosing this service if you are craving for a serious and professional website. Shared hosting is good for beginners.
  • Dedicated Web Server – Using this Service means that you are renting only one physical server from a hosting company and you have the full control of it. But of course you are also paying more than using a shard web hosting.

  • Managed WordPress Hosting – Managed service is today one of the most popular hosting providers. That’s because this service can guarantee you that the best best up-to-date WordPress Installation and protect your website from hackers and threats.

Whatever Hosting Service you choose make sure to read all their offers and make the best of it regarding to your requirements.

Let’s get started !

beemple

Beemple is our Managed Hosting Service brought to you after years of experience and testing. The installation of WordPress Themes it is easy and ready in a few minutes with Beemple! You can check it out here.

screenshot-beemple.com-2017-07-04-16-49-28

It offers :

  • Simple Control Panel – Simple and intuitive panel for every user even them without experience with hosting.
  • Advanced Caching – WordPress websites will work faster than ever due to our Optimized Cache system tailored for WordPress.
  • Smooth Scaling – Our system its flexible you can choose the personal plan and after you can update the package for a bigger website within a click.
  • For Large Agencies & Freelancers – Perfect for agency or webmasters, manage and login in all your websites in one platform.
  • 99.99% Uptime – High capability to contain from the simple websites to the bigger one.
  • SSD Hard Drives – SSD (Solid State Drive) Technology.

s1

Login with Themeforest – You can login/register directly to Beemple with ThemeForest account and install any Premium WordPress Theme you have purchased and you can try the Service for free with our themes.
Beemple Managed Hosting System WordPress for Everyone

Here i will create a new registration and choose the

  • Domain Name
  • WordPress Pasword
  • The Theme
  • Payment Plan.

Be careful when choosing the Right Domain Name, because your entire website and work need the best to catch the eye of the customers.

screenshot-app.beemple.com-2017-07-04-11-08-31

I have chosen Folie Theme and the Free Dev Mode. Click Create Website and let the Service do the work for you ! Meanwhile the

  • WordPress
  • The Theme

are installed. After the successful install you will be directed to the previous panel and be able to see your Installation. Here you can Add a new Registration, Edit the existing one and decide if you want to Delete it.

Beemple Managed Hosting System

 

Click See to go to your WordPress and start to configurate the Theme.

Manage Themes ‹ codesimple — WordPress3

s2

After the install your website should look something like this :

codesimple – Just another WordPress site4

That means that you need to install the Demo Data for the theme to be used. We will do another tutorial on How to Install the Demo Data in WordPress, but now you can check the video tutorial we did for Folie Theme :

 

Go to Codeless Menu > Setup Now to start the Setup Installation of the demo data. If you have purchased the theme and want to use it to create your website you need to Register the Theme Purchase. That means that you have to enter

  • Email Address
  • Purchase Code

for a secure setup. We have explained this on Folie Documentation and on the previous Video.

Home ‹ codesimple — WordPress4

 

Start the Setup and choose the demo you like :

Home ‹ codesimple — WordPress5

 

The install will be ready in a few. It will :

  • Install the Plugins
  • Import Widgets
  • Import Template Demo Content
  • Import Customize Options
  • Import Menus

Home ‹ codesimple — WordPress

 

And that’s it ! Enjoy your new Website 🙂 . 

Untitled2-compressed

We will continue to show you how you can Customize and Configure you theme further on the other tutorials after this.

bluehostt

Bluehost is one of the biggest web hosting company owned by Endurance International Group. We are going to install the WordPress and Folie Theme with Bluehost also.

  • First you have to choose the Pricing Package. This depends on your website goal. If you are a beginner you may choose the basic plan.

Sign Up Now Bluehost

 

  • Than you will be directed to the Sign Up panel :

Sign Up Now Bluehost1

 

  • Enter you personal data to complete the payment :

signup-to-bluehost-hosting

 

  • On the administration panel, on website section choose Install WordPress :

Welcome Home ibitservices.net (1)

 

  • To start the installation you need to choose the Domain of your site and a Directory where it will be saved :

https www.mojomarketplace.com install wordpress domain utm_source www.bluehost.com

 

  • To Complete the install, on the next panel you can choose the Site Name, the WordPress Username and Password :

https www.mojomarketplace.com install wordpress admin details

 

  • Once the install is successfull you can see your Credentials :

https www.mojomarketplace.com install wordpress credentials 595f5c39 1df0 41a7 9186 7b4f4219cb1b

 

  • Login to your WordPress with the credentials :

simplewordpress ‹ Log In

 

  • Now you can install the Theme. Go to Dashboard > Appearance > Themes > Upload Theme and choose the zipped theme folder that includes the installable files :

f

 

  • After Folie is installed you should activate it :

Upload Theme ‹ simplewordpress — WordPress

 

  • Now the remaining steps are the same as usual : Register the Folie Theme

Home ‹ simplewordpress — WordPress

 

  • Setup Now to install Plugins, Widgets, Demo Data, Customize Options and menus :

Home ‹ simplewordpress — WordPress8

 

And enjoy your new Website 🙂 !

Folie – The Website Builder – Default Main – Just another WordPress site-compressed (1)

 

local

Before start with the really technical details i want to introduce  some mainly important concepts like WordPress, Hosting, Domains, DNS, MySQL, FTP, PHP:

  • WordPress – It is the most popular Content System Management on the market that made possible the creation of 25% of the websites. This platform is Open Source and have a great community. More info at WordPress.org
  • Hosting – store (a website or other data) on a server or other computer so that it can be accessed over the Internet.
  • Domain – is the website name that will be connected with your hosting account to serve your website.
  • DNS – Domain Name Services this service make possible the translation of the domain address for example : codeless.co with to ip address 222.2333.44.55 of the respective host.
  • MySQL – The major open source database software where all the content and data are stored when we use a dynamic website like WordPress.
  • FTP – The file transport protocol, let’s  us to upload and download the website files from hosting account.
  • PHP – It’s a popular programming language used by WordPress.

There are some others keywords that we will use in these Web Series but this is a little introduction for those who are very new comers to the field.

So let create our first website.

s1

The available local hosts are  XAMPP and WAMP  for Windows users or Mamp if on mac. Download and install one of these into your computer. (If you need help with the installation of the server, follow these useful links: xamp, wamp, mamp install tutorials)

In this tutorial we will be using XAMPP server.

s2

Go to wordpress official site , download and unzip the WordPress the latest wordpress package version.  This should be easy as the latest version is always the one available for download whenever you open this page.

wp-download

Note: Please do not confuse WordPress.com with WordPress.org. The first one is an online platform owned by a third party that lets you  upload your site online without any charge. But it has it’s limitations, such as restricted ftp access, limited amount of memory usage, limited rights on theme choice (you can only use the pre-defined wordpress themes but not premium themes) etc. While WordPress.org is the independent version that you can download and install into your local host. This is what we are downloading now. There are no limitations on it, except the fact that it’s not online. But you can use it to build your site before hand and then upload it online when you have finished the work and are confident about it. Or you can use it to create themes, plugins or test out things. You will have full access rights on files and folders, memory limit and database. Also you can try and install every premium theme available on the market.

s3

Unzip the package you downloaded in the last step. You will find a “wordpress” folder in it. Copy this folder and paste it into xampp/htdocs folder in your computer.

unzip-wp

*You can install XAMPP in any of the main computer directories. I prefer the D directory since it can be left untouched in case of a computer formatting. We wouldn’t want all that work to be lost, would we? Anyway this is entirely on your preference so install XAMPP on C or D, wherever it’s more convenient for you.

In this article we installed XAMPP server in the D directory, so the main path will be:  D:\xampp\

We added the unzipped WordPress files in this location: D:\xampp\htdocs\  You can rename the “wordpress” folder as  your site’s name for convenience or leave it as it is.

s4

The website is composed of files and folders that are stored in the C:\xampp\htdocs\ folder, and of a database that will store all the content (pages, posts, images, configurations, styling ..etc). Before starting the famous 5 minute install, it is needed to create a database. This is done in the phpMyAdmin. To go there paste this link into your browser: http://localhost/dashboard/ 

xampp-phpmyadmin

Click on phpMyAdmin menu. You will be directed into the database administration page. To go there directly, paste this link in your browser’s url: http://localhost/phpmyadmin/  Once here, go to the Database menu and in the field enter the new database name. Click on “Create” button to finally add it. Once created it will be listed in the left side of the panel. We have now a new empty database.

create-db

By default the database root user is “root” and there is no password to protect it. Changing it requires additional steps that will be covered in another article.

s5

Since we have now the wordpress files and the database where to install it, let’s proceed with WordPress famous 5 minutes installation. Go to http://localhost/wordpress where “wordpress” is the name of the folder we added in htdocs folder in step 3.  If you have renamed it, then the path would be: http://localhost/your-wp-folder-new-name

After clicking ‘enter’ from the keyboard, you will be redirected to the configuration panel.

wp-setup

Read some useful information in the next step and click “Let’s Go” to finish the installation when you are ready.

wp-config

In the next step, we setup the database credentials that the installation will use to connect the site with the right database.

wp-db-setup

Enter here the name of the database you just created. The username  which by default is “root” and the password which is left empty by default. As stated before to change these values there are other steps to perform. You need a bit more understanding of how local host work to configure it. But for an simple installation this is more than enough.

Then you have the database host, that in this case is localhost. Last is the prefix that will be used when creating the database tables. The default value is “wp_“. Change it to your wish if you want another more representative prefix.

Click on ‘Submit’ to enter the variables. Next step is to run the install.

5863918301085696

One more form to fill and you are almost over. Now it’s time to give some information like the name for your new site, the admin’s username, password and email.

6686977379532800

Click on “Install WordPress” and your work is over. Now let wordpress do the job.

5685475320004608

After this you will be redirected to http://localhost/wordpress/wp-login.php  Enter the username and password set up in the last step and login into the installation.

That’s all regarding the installation of WordPress in a localhost.

 

Now it begins the New Website Configuration and Set Up. We are going to keep talking about those on the other tutorials after this. Stay tuned!

 

Hope you enjoyed 🙂 !

 

Tower Business-Driven WordPress Theme – 20 demos

Join Now

Specular – The most complete WordPress Theme – 30 demos

Join Now

Over 14,000 clients trusted our amazing WordPress Templates

*More than 14,200 clients around the world trusted our work :)

Create your website today!

It takes no more than 5 minutes to create your web

Buy this WordPress theme to save $600 on premium plugins, demos and photos included for free.

Purchase 30+ Templates for $59 or learn more about it's features