Tutorials

Center Image of Mission image

Welcome to Free Tutorials

Here are easy WordPress tutorials that will help you get up to speed.  I have used everything that I am sharing with you here.  It's assumed that you all have some familiarity with building a basic website (HTML,CSS).

We will start with WordPress.  WordPress is a free and open-source content management system (CMS).  This technology is based on PHP and MySQL (database).  It has features like a plugin architecture and a template system.

Want a WordPress website

Call us now at (201) 486-9155 or fill our contact form.

This system is mostly associated with blogging in the beginning, but it has become more than that.  It supports other types of web content including more traditional mailing lists and forums, media galleries, and online stores.  You can build a whole website from scratch or use the many premium templates with the use of child-theme you can make it your own.

In the future, I will teach you how to create a WordPress Theme and/or convert your regular website to this platform.  I will teach you how to create a standard website using HTML5/CSS.  Plus, I will teach you how to use Bootstrap, Javascript, PHP, and MySql.

An image of WordPress installation

An image of WordPress installation

An image of WordPress installation

An image of WordPress installation

An image of WordPress installation

An image of WordPress installation

An image of WordPress installation

An image of WordPress installation

An image of WordPress installation

Installing WordPress

Here are detailed instructions on WordPress installation using web hosting account like GoDaddy or install WordPress on your localhost.

Follow these guidelines if you want to perform a new installation of the latest WordPress version on your localhost.

Follow these steps to install WordPress manually to your Localhost:

In the future I will teach you how to create a WordPress Theme and convert your regular website to this platform.


Download the WordPress installation software

Step 1: Start the process by downloading WordPress from its official download page at WordPress.org.

An image of WordPress Org Website Banner

Always download and install the latest stable version.

An image of WordPress Version Number

Click on the "Download WordPress 4.9.8" button for the latest version.   The installation package will be saved to your download folder. Once, you find the folder "WordPress" slide the whole folder to your destination of your choosing on your "Localhost".


Upload the WordPress extracted files to your localhost

Step 2: Now, if you need to upload the extracted files and folders to your live web server.    Use an FTP program to upload the installation files.   I use "FileZilla".    If you want to download this program visit: FileZilla Download. For detailed information on how to use "FileZilla" - check out: FileZilla Tutorial.

IMPORTANT!
Make sure to put your main WordPress installation in your account.   Upload the extracted files to your main public_html folder.

An image of WordPress Version Number

You can also use the cPanel -> File Manager -> Upload file(s).


Create a MySQL Database

At this time, you need to create a MySQL database and assign a user to it with full permissions.

We will use the "phpMyAdmin" installed to create your database.  You can also use the cPanel if you have access to it.


Use phpMyAdmin:

If the database doesn't already exist in the Database dropdown on the left, create one.

  • Choose a name for your WordPress database.
  • Enter the chosen database name in the "Create database" field and choose the best collation for your language and encoding. In most cases it's better to choose in the "utf8_" series or choose "utf8mb4_general_ci" if the language "utf8_" doesn't exist.
  • Click the "phpMyAdmin" icon in the upper left to return to the main page, then click the "Users tab".
  • Click "Add user".
  • Choose a username for WordPress and enter it in the User name field. Make sure the "Use text field" is selected from the dropdown.
  • Choose a secure password (ideally containing a combination of upper- and lower-case letters, numbers, and symbols), and enter it in the Password field. (Be sure Use text field: is selected from the dropdown.) Re-enter the password in the Re-type field.
  • Write down the username and password you chose.
  • Leave all options under Global privileges at their defaults.
  • Click Go.
  • Return to the Users screen and click the Edit privileges icon on the user you've just created for WordPress.
  • In the Database-specific privileges section, select the database you've just created for WordPress under the "Add privileges" to the following database dropdown, and click Go.
  • The page will refresh with privileges for that database. Click "Check All" to select all privileges, and click Go.
  • On the resulting page, make note of the host name listed after Server: at the top of the page.

Installation Process

Installation process is easy. Navigate to your website to start with the installation WordPress process.

Since, you already slided the new WordPress software into your destination folder bring the the "MAMP" admin dashboard. Now, go to the "Preferences..." and click on the "Ports" tab. You will notice that the "Apache Port" and "MySql port" is already set. If you have a webserver already on those ports then proceed to change them for your new "WordPress" installation.

An image of WordPress Version Number

An image of WordPress Version Number

Now, go to the "Web Server" tab and click on the "Document Root" the file manager will display your directories and find the new WordPress" intallation folder. Click on "Select" and the new webserver folder will be selected as your new localhost website.

An image of WordPress Version Number

An image of WordPress Version Number

An image of WordPress Version Number

Now, go back to the "MAMP" dasboard box and click on the "Start Servers" this will start your webserver. You should see the two check options (Apache, MySql) checked. This means that the webservers list active.

An image of WordPress Version Number

Now, that both "Apache" and "MySql" is up and running go to your favorite browser and type: localhost:8888. This will bring up your new "WordPress" installation process.

An image of WordPress Version Number

After you have enter typed in the local URL "http://localhost" - you will get the below screen. Choose the language you want, since I live in the states I choose "English". Continue by clicking on the "Continue" button.

An image of WordPress Version Number

After the "Continue" button was clicked on you will be displayed by a "Welcome to WordPress" dialog message. Make sure you have the database name, username, password and host information. This information is going to populate the "wp-config" file.

An image of WordPress Version Number

You will be displayed with a form after you have click on the "Let's go!" button. Here you will enter your "Database Name", "Username", "Password", "Database Host" and the "Table Prefix". For extra security you might want to change it to your preference. Since, I am installing WordPress on my local host I will keep the default. Now, click on the "Submit" button. See below:

An image of WordPress Version Number

At this point you have gone through the database connection installation. When you click on the "Run the installtion" button you will be ready to communicate with WordPress.

An image of WordPress Version Number

On the next screen, you will have to enter the information about your administrative username and the title of your new site. In addition, you can specify whether you'd want search engines to index your site or not. Once you fill in that information, press the Install WordPress button. Bear in mind, however, that you should specify a real email address. It can be later used in case you forget your password.

An image of WordPress Version Number

Once, the process of the installation completes successfully you will get the below dialog box. Click on the "Log In" button logon to your new WordPress website.

An image of WordPress Version Number

Once, you have clicked on the "Log In" button you will receive the following login form. Enter your username, password click on the "Log In" button.

An image of WordPress Version Number

Once, you log in you will be taken to your WordPress environment. Here you can start building your website. You can create "Post" for your blog and create your standard web pages.

An image of WordPress Version Number


How to Install WordPress Themes

Learn how to add and activate themes in your WordPress site.

In this tutorial, we will provide you with detailed instructions on how to install and activate themes on your WordPress site. Check out our WordPress themes gallery for many free designs that you can choose from.

Follow these guidelines if you want to perform a new installation of the latest WordPress version on your localhost.

Follow these instructions in order to install a new WordPress Theme:

In the future I will teach you how to create a WordPress Theme and convert your regular website to this platform.


How to access install themes functionality from the WP admin dashboard

The first thing you need to do when you want to install a new WordPress theme is to log in to your site admin page. Once there, go to Appearance -> Themes.

An image of WordPress Org Website Banner

Here, you will see all the themes you have currently installed in your application. To add another one, simply click on the "Add New" button.

An image of WordPress Version Number

Search the theme you want by entering theme name to "Search themes.." box. You will be displayed with several themes.

An image of WordPress Version Number

Once, you find the theme you want to use click on it and you will be presented with the "Install" button.

An image of WordPress Version Number

Once, you install the theme you will want to click on the "Activate" button. This will make the theme your main activate theme. The theme the public will see when they visit your site.

An image of WordPress Version Number


Install a theme from the official WordPress theme directory

The easiest way to install themes to your WordPress site is if they are listed in the official themes directory. This allows you to search for the theme you need directly from your site admin page. Each theme in the official directory has to have Tags that describe its functionality allowing you to easily search for the right theme.

If you know the theme's name, you can simply search for it.

An image of WordPress Version Number

However, usually, that's not the case. This is why you can use the Feature Filter. For example, you can search for a E-Commerce, Two columns theme that has Flexible Width. Simply check those tags and press the Apply Filters button.

An image of WordPress Version Number

You will now see all the themes that meet your search. Hover over any of them and you will see two options - to see a demo of the theme or to install it. Once you choose which theme you want to use for your site, press the blue Install button.

An image of WordPress Version Number

Your WordPress application will download and install the theme for you. Simply click the Activate link on the next page you will be redirected to.

An image of WordPress Version Number


Upload a theme you have already downloaded

If you have a theme that's not listed in the WordPress.org directory, you can simply upload it from the Themes -> Install Themes section in WordPress. To do this click on the Upload link at the top of the page.

An image of WordPress Theme Upload

Now, click the Choose File button, select the archive of your theme from your local computer and press the Install Now button.

An image of WordPress Version Number

In a few seconds, WordPress will upload and extract the theme archive for you. All you need to do next is to press the Activate link under the message for successful theme installation.

An image of WordPress Version Number

An image of WordPress Version Number

That's it! You can now go to the front end of your site and see the newly activated theme.

Center Image of Mission image
Image of a dark blue phone that you can click to make a call.  Will only work on a mobil phone.
Enter Your Information

An image of reCapture icon

Thanks for your interest in our services. Please, leave detail Information regarding your creative needs. Someone from our professional team will get back to you at their earliest convenience.

Please, make sure you leave your name, address and your phone number or you can contact us direct at (201) 486-9155.

Note: Your email address will not be distributed in a anyway.