WordPress Tutorial: A Complete Guide For Beginners – How to

WordPress Tutorial Guide For Beginners is a complete and step by step guide for beginners that will help them to learn from very scratch in an easy language. If you are searching an easy and step by step WordPress Tutorial guide, then you will come to know that this article is best for you. Because we use easy language and try our level best to create articles that are easy to understand and follow.

First of all, you should be little aware of what actually the WordPress is? If you don’t know, then don’t worry we have an article that will help you out to understand “what the WordPress is?” in a very clear and precise way. First read the below article to get some knowledge about WordPress and come back:

WordPress tutorial guide - step by step

How To – WordPress Tutorial Guide:

Click to know: What is WordPress?

Now if the concept about WordPress is clear, then we can move forward to the rest of the guide. Now, we can say that you have a little bit knowledge about WordPress.

The next thing to keep in mind is that “The WordPress is a Content Management System (CMS)” which allows you to manage your content of website easily. The content can refer to anything like theme, plugins, images, posts, pages, categories, tags etc. If you want to know more about CMS, then go ahead with the following link:

What is CMS (Content Management System)?

Next step is to get information about versions of WordPress. There are two versions of WordPress i.e WordPress.com and WordPress.org. You will get to know and learn both versions of WordPress. Firstly, in order to learn WordPress.com, you have to go on an article which will guide you about WordPress.com by following the below link:

What is WordPress.com?

To know what is WordPress.org? you have to go on:

What is WordPress.org?

So, moving forward to the rest of the article. Firstly, you should know how to setup a local server on your PC. The question should be, why we need it? The answer to this question is simple, if you don’t have a website and domain, then localhost will help us out of this issue. The local server will help us to learn WordPress as like as we are working on our own domain and hosting. Here, your domain will be localhost and your hosting will your own PC. So, at this stage we don’t need any website, if you don’t own it yet. Also, it is better to work on localhost as novice (newbie) user because you might do some mistakes in the procedure of learning.

1. Setting up Localhost for WordPress:

First of all, you have to download a server for your PC. There are many local servers that can be installed on your PC to make it a local server i.e Xampp, Wamp etc.

Both servers are easy to use and free to download. But here we will be working with Xampp. Here are the links we have collected for you where you can easily download this server. Follow the steps below:

Installing and setting Xampp:

a. Download Xampp HERE:

installing xampp

b. Run the installation wizard or setup. If you are windows user, then you will see the below screen. Click the Next button to proceed.

Xampp setup welcome screen

 

c. In the next window, you will be asked to install components using check boxes.

Here, we are going to learn about WordPress. So, Apache and PHP are essential to be installed and we can’t do anything with because they both are disabled.

You have to check the phpMyAdmin and MySQL and uncheck all the other components that are not essential for WordPress. In last, click Next.

Select Xampp Components

d. After that, a window will appear and ask you about the directory where you want to install the Xampp. Here, i am installing it in the folder: C:\Program Files\XAMPP.

installation-path-for-xampp

e. On the next window, uncheck “Learn more about Bitnami” and proceed onwards by clicking on Next button.

bitnami-for-xampp

 

f. After all these steps, Xampp is ready to be installed on your machine, click Next.

xampp installation

g. Once installed, it will ask you to open the Xampp control panel. It is OK, let it be checked and click Finish.

control-panel-xampp

Now, we have to set up our Xampp control panel. It should be automatically opened, if not, then you might have unchecked the option in the last window that appeared. Don’t worry, Go to your Xampp installation directory or use Start menu and search for the Xampp control panel. Click it to open Xampp Control Panel.

xampp-control-panel

All the process of installing Xampp server went smooth with the green and blue text in the bottom portion of the window. But there is a little bit in it.

The red text in the window are due to port conflict and they are easy to be resolved.

Fixing the port conflict issue in Xampp:

This issue usually occurs because somewhere the port which is 80 or 443 are being utilized by other programs or services running in your machine.

If you are using Windows 7, then it is most probably messengers like skype or any other. Uninstall them and again open Xampp, it will fine now.

If you are using Windows 10, then World Wide Web Publishing Service is using your port address 80, you have to stop it or even delete it. Follow the step below to stop the services from using port 80.

  1. Go to Start and open “services.msc” by typing it.
  2. Scroll down in the Services window and find World Wide Web Publishing Service
  3. Right click on it and select Stop
  4. Tada, it’s done. You have freed your port 80.
  5. Restart your XAMPP, it will be running without red errors.

If the issue is not resolved yet. Then follow the alternative method to free your ports 80 and 443.

  1. Open Windows Firewall on your machine and > click on “Advanced Settings” on the left
  2. Click on “Inbound” on the left then on the right click “New Rule”
  3. Click “Port” and then “TCP”. In the field below for “Specific Ports” type in “80, 443” and click Next
  4. Check the box of “Allow the Connection” then click Next
  5. Check all the options and click Next
  6. In the name field, enter anything, but for consistency, type LOCALHOST1 and Click Finish
  7. Now repeat steps 1-6, but change the name and name this new rule LOCALHOST2 and click Finish
  8. Restart your computer

This method will surely resolve the port conflicting issue of Xampp that was occurring before.

Running XAMPP:

Now open XAMPP control panel and start the services of  Apache and MySQL by clicking on the buttons beside the text of it Start.

Xampp port conflit issue resolved

Excellent! You XAMPP is working fine. Now your machine is acting like a local server where you can practice PHP and also use WordPress.

If you want to check that your server is up and running.

How to check XAMPP up and running:

Open up any browser and type: http://localhost and hit enter. A window showing xampp page will open up, it means XAMPP is up and running successfully. Cheers!

Installing WordPress:

Before installing WordPress, you should be aware of your local server which is Xampp. Go to the directory where you have installed your Xampp, I have installed it in C:\Program Files\XAMPP. So, my local host directory inside my installation folder i.e. “htdocs” where i will be working is C:\Program Files\XAMPP\htdocs.

Now moving towards installation of WordPress. This below steps and WordPress tutorial will help you out with ease. To install WordPress, we will have to follow simple 5 steps:

1. Download latest version of WordPress from WordPress.org

2. Unzip and place those WordPress folder inside htdocs

3. Create a MySQL database

4. Configure WordPress and connect to database

5. Run the WordPress script

1. Download WordPress:

First of all, you have to download latest version of WordPress from WordPress.org.

2. Unzip and place WordPress inside server:

install wordpress inside local server

3. Create a MySQL database:

Now, we have to setup and create our database that will be used in WordPress. Open your browser and type “localhost/phpmyadmin” and hit enter.

You will get following screen, follow the step shown in the images to create MySQL database. I am naming my database “table”.

setup sql database

setup sql database wordpress

 

4. Configure WordPress and connect to database:

In order to configure WordPress, we have to create a wp-config.php file. But here, it will generated automatically with mouse clicks. Follow the step to configure WordPress.

configure wordpressIf you have followed the above steps, then your WordPress is configured but not yet connected to you database which was created previously. Follow the below steps to connect WordPress to database.

connect wordpress to database 1

Now, you have to fill in the information required in the next step. The information which is required is described below:

  • Database Name: It should be same as we have used earlier, I used “table” but you have to enter what you gave it in the previous step. If you gave the same name as I have used, then it’s with “table” inside Database Name.
  • Username: It is “root” by default as per MySQL user name.
  • Password: The password should be left blank if you haven’t mentioned it at the time of creating your database otherwise type the same one if you have mentioned it earlier.
  • Leave the other fields as they are.

connect wordpress to database 25. Run the WordPress script:

It is the last step towards WordPress installation. Just you to follow the below steps mentioned in the images and your WordPress will be installed and ready to use.

run wordpress script

 

Final Touchup:

Congratulations, you have installed WordPress successfully. Just login to test it.

run wordpress successfully

Top 10 Free Responsive & Grid Photography WordPress Themes

After a huge struggle and browsing on the internet we come up with the selective collection of top 10 wordpress photography themes which are grid based like pinterest. Furthermore, these photography themes are responsive and free to use.

You might be searching for the photography themes on the internet but could not find the expected results. Because, most of the photographers either like grid based themes or full-screen themes to showcase their work. I myself was searching for the wordpress photography themes but could not find the results which I was looking for. That’s why I thought to create a post that should contain the collection of themes suiting best for creative photographers.

Following are the top 10 free responsive photography wordpress themes:

1. Gridsby – Free Grid Theme:

If you are really looking for the grid based photography theme then it is the best one to showcase your shots. Gridspy is a grid theme with four column layout and comes with a responsive design.

Demo | Download

Gridsby

2. Boardwalk

Boardwalk is the brilliant wordpress official theme. It consists of the horizontal scrolling effect to showcase your beautiful photography shots. The horizontal scrolling attracts the visitors and is a new way to present your work.

Demo / Download

boardwalk

3. Divina:

Divina is the one of the best photography themes for wordpress. A modern and simple wordpress theme for photographers to showcase their creative shots in a grid style blog. Moreover, the dark background adds icing on the cake enabling readers to focus more on the photos and shots displayed on the blog.

It is responsive and fits well on every device whether it is desktop, mobile or tablet. The readability is flourished with fonts which are slim, lightweight and also professional.

Demo | (Theme crashes: waiting for update)

divina

4. Adirondack – Free Photography WordPress Theme:

A neat and clean WordPress theme to display your shots. This is one of the top photography themes for WordPress. A Jetpack plugin is necessary to make your post sticky on the top. In case, you are unaware of how to do this task, a clear documentation is provided.

Demo | Download
adirondack

5۔ Phogra – Free Fullscreen Photography theme:

If you are photography enthusiast and you are looking for a Fullscreen Photography WordPress theme to showcase your skills, then this one is the best.

Demo | Download

phogra

6. Reslig:

It is a beautiful WordPress photography theme for those who are willing to showcase their photos or shots in a grid view. Reslig is a multiple column theme with a zero margin among the photos in a grid style which adds more beauty to the photos that are displayed. Furthermore, this theme is responsive and will fit on every device.

Demo | Download

reslig

7. Pictorico – A Grid based Photography WordPress Theme:

Yet another is waiting for you guys who love photography. It is theme which renders your shots in a grid-based look with a large featured image and also with a post slider. This theme is perfect for photoblogging or portfolio website.

Demo | Download

pictoria

8. Pronto – A Free Gallery WordPress Theme:

It is free theme that will showcase your work along with a little piece of description. It gives a very clean and professional look. It is very simple to use as well.

Demo | Download

pronto

 

9. Photum:

It is a HTML5 based photography theme with a neat and clean look. This theme can be used to showcase not only your photography stuff but it is also suitable for anyone to display their skills.

Demo | Download

Photum-Theme

 

10. Fullscreen:

This is one of my favorite WordPress themes. It is an awesome theme which allows you to display full screen gallery of blog posts. If you want to change the website color, it can be easily changed through the theme options available there.

It also allows you to add a slider category from the theme options that will be set as a default category to show on homepage. For more options, you can use the theme options to get the look and feel you want.

Demo | Download

fullscreen

 

WordPress.com and WordPress.org – difference? (What is)

WordPress.com and WordPress.org are two different versions of WordPress. Both are similar in usage but with a slight difference.

Though this difference is simple but if you are a novice user and newbie to WordPress then it must be irritating. Because it is very basic question asked by most of the newbies . So starting as a beginner or newbie to WordPress, you must be confused between the WordPress.com and WordPress.org.

Don’t worry, read this article carefully and compare both versions of the WordPress. It will help you out to select one of it suiting your requirements. Before starting your blog, you must be aware of the “difference between the WordPress.com and “WordPress.org”.

I gathered a list of most frequently asked questions (FAQs) from the forums, communities and verbal discussions:

  1. What is the main difference between WordPress.com and WordPress.org?

  2. WordPress.com v/s WordPress.org (What’s the Difference?)

  3. Comparison between WordPress.com and WordPress.org?

  4. Which one is best? (WordPress.com or WordPress.org)

We will try to answer all these questions in a very simple way. This article makes it simple for you to distinguish between both versions of WordPress and make you decide which one to select.

This article is very simple and different from other resources as it is categorized with pros and cons of both and focuses on the detailed key points.

What is WordPress?

WordPress is an open source software package which enables you to create fully functional websites just in few minutes.

Furthermore, in detail we can say, it is a CMS (content management system) that can be used to create websites and web applications by managing their contents i.e divs, images, sliders, menu bars, sidebars, footer, header, carousels etc on a simple web browser.

What is CMS (content management system)?

The content management system (CMS) is a system that is used to manage, create, update, delete, modify the contents of web applications or websites easily without having much knowledge about HyperText Markup Language (HTML).

Now if the concepts of “what actually WordPress is” are clear, then you can move towards the difference between WordPress.org vs. WordPress.com

Difference between WordPress.com and WordPress.org

Main difference between WordPress.org and WordPress.com:

First of all you must keep in mind that WordPress is a software package used to create websites. It has two versions on the basis of hosting:

  1. WordPress.com
  2. WordPress.org

NOTE: Hosting means “storing and maintaining files or data on the server. More precisely, the website files which are hosted (uploaded) to the server

1. WordPress.org:

The WordPress.org is the self hosted version of WordPress that can be downloaded from https://wordpress.org/. Then you have to host it on your own web server or at your purchased web hosting server. To learn it, you can download it and use it with your own local server Xampp, or Wampp.

Pros:

  • WordPress Software is available freely.
  • Number of Free Themes available and you can even purchase Premium Themes.
  • Number of Free Plugins are available as well as the Premium Plugins to be purchased at certain cost.
  • Information Repository or WordPress Documentation is available, with approx. every “how to” solutions helping the designers and developers to give physical shape to their ideas and designs.
  • WordPress Forum/Community is there to help you guys. Ask questions and queries and get answers by different experts.
  • Can modify the Core PHP.
  • No cost for ads removal.
  • Facility to add the jQuery codes.
  • WP Codex provides you the facility with One Click Installation Script of WordPress. Mostly every hosting provider has this facility.

Cons:

  • You have to Buy Domain and Buy Hosting from some web hosting provider.
  • Security is your headache.

If you want to buy and domain as well, then go with Bluehost, because it is officially recommended by WordPress. Another reason to go bluehost is, you have to pay only for hosting and they will give you a free domain name along with hosting.

There are many alternatives other than bluehost but they will not give a free domain name. You have to buy a domain name from GoDaddy or NameCheap.

2. WordPress.com:

WordPress.com is the free version of WordPress which is used to create websites on the go. It means you have to only register yourself at https://wordpress.com. If you are ready to negotiate with the domain name such as nbjokhio.wordpress.com. Furthermore, you can upgrade your wordpress.com account to get your own domain name but still there will be some restictions described as below.

Pros:

  • Provision of Quick Installation of WordPress software at a glance.
  • Provides you 146 Free Themes.
  • 99 Premium Themes.
  • List of Plugins are available that are very handy and not found anywhere.
  • Provides you the Free Hosting.
  • High Spam Protection, Services, Automatic Backups, Automatic Updates etc

Cons:

  • Plugins can’t be uploaded.
  • Custom Themes can’ be uploaded.
  • Modification of themes is limited.
  • 30$/Year cost to remove Ads.
  • Domain as “mydomain.wordpress.com”.
  • Have to buy Domain.
  • Ads featuring WordPress.com and its themes can’t be removed.
  • Pay 30$/Year for “Custom Design” package, which even doesn’t give you the control over PHP and FTP, only provides basic manipulations including CSS and Font changes.

If you want to you create a free blog with WordPress.com then here is the step by step tutorials for it: FREE CREATING BLOG WITH WORDPRESS.COM (WITH PICTURES) [HOW TO]

Difference between WordPress.com and WordPress.org – Video:

Conclusion:

We would recommend you guys to go on for wordpress.org which is freely available and easy to use as we will be providing you a good stuff to go forward.