{

Build a website with Wordpress for beginner

By Muhammad Fathur Rahman for MaGiC

http://integrasolid.com

1.0INTRODUCTION TO WORDPRESS

Wordpress as a default is a software for blogging

In recent years, Wordpress have evolve into full fledge CMS

Thanks to huge community, there is thousands of plugin and themes develop to extend the Wordpres features

Wordpress Introduction

Installing Wordpress

Installing Wordpress

Installing Wordpress

Default Wordpress Layout

Wordpress Admin Login

Admin login url : http://yourdomain.com/wp-login.php

Wordpress Admin Dashboard

Post

Page

Widget

Menus

Basic Wordpress Structure

Basic Wordpress Structure

Basic Wordpress Structure

Basic Settings

Permalink settings for SEO

Permalink settings for SEO

Remove the admin toolbar

Wordpress layout design is manage using Themes

To change your web layout design, you can install free or paid themes

Changing WordpressLayout

http://www.themeum.com/item/starter

http://demo.themegrill.com/spacious/

http://colorlib.com/sparkling/

https://www.competethemes.com/tracks-live-demo/

http://themes.array.is/browse/?theme=editor

http://accesspressthemes.com/accesspresslite/

http://eighties.me/

http://sketchthemes.com/samples/invert-business-demo/

http://demo.alxmedia.se/anew/

http://demo.alxmedia.se/hueman/

Free Beautiful WordpressThemes

http://demo.yithemes.com/stendhal/

http://demo.yithemes.com/socute/

http://demo.dovethemes.com/match/blog/

http://wpexplorer-demos.com/pytheas/

http://demo.athemes.com/moesia/

http://www.crocoblock.com/themes/free_multi_wordpress/

https://www.gavick.com/wordpress-themes/meet-gavernwp,97.html

Free Beautiful WordpressThemes

https://wordpress.org/themes/corpbiz

https://wordpress.org/themes/zerif-lite

https://wordpress.org/themes/embr

https://wordpress.org/themes/perfetta

https://wordpress.org/themes/connex

You can get more by Google “best free high quality wordpress themes 2014”

Free Beautiful WordpressThemes

We will choose this theme to build our first website (Zerif-lite)

Documentation https://themeisle.com/documentation-zerif-lite

Website that we want to build will be looking like this by the end of the course

http://magicwp.integrasolid.com/

Building your first Wordpress website

2.0 CUSTOMIZE HOME LAYOUT

Install and activate Theme

New website look

Customize the layout

Please take note that every Wordpress theme is differ on how to customize it, please read the theme documentation

Customize big title

We will use Zerif – Our Focus Widget

Get the icon pack from here

https://dl.dropboxusercontent.com/u/3765168/elegant-icons.zip

Customize the our focus

Customize the About Us

Customize Our Team

Customize Testimonial

Customize Contact Us

Customize Footer

Customize Footer (hide powered by)

3.0CREATE PAGE

We need to use Ninja Form plugin

Plugin is use to add new functionality to Wordpress

Build a registration page

Build the registration form

Build the registration form

Build the registration form

Build the registration form

Build the registration form

Build the registration form

Build the registration form

Build a registration page (notification)

Build a registration page (new page)

Build a registration page (preview page)

4.0CUSTOMIZE THE SITE MENUS

Customize the primary menu

Customize the primary menu

5.0CUSTOMIZE SIDEBAR WIDGET

Sidebar widget in page

Sidebar widget in page

6.0USEFUL PLUGINS

There are a lot of useful plugin for Wordpress

However the process of finding and installing them is tedious task

Luckily I have collected all the useful plugins in one list, and can be downloaded in one click with the help of this plugin“Wp Favs - Bulk plugin installation”

Installing useful plugins

Installing useful plugins

Installing useful pluginsUse this KEY : c31e2b10f6270fb32a4a7fc8b283b55b

Choose plugin to install

WP-SpamFree Anti-Spam (Fight SPAM)

W3 Total Cache (Improve your site load speed, save bandwith)

WordPress SEO by Yoast (Improve your site SEO)

Updraft Backup (Automatic backup to Google Drive, Dropbox)

If Menu (Menus with condition)

Ninja Forms (Create custom form)

Google Analytics Dashboard for WP (Your website visitor stats)

Share Button Mashshare (Simple clean share button)

Shortcodes Ultimate (Tons of button, alert, etc)

Global Hide Admin Toolbar (Remove the black toolbar)

Highly recommended plugin to install

CSS & JavaScript Toolbox (Load css js based with condition)

Types - Custom Fields and Custom Post Types Management (Create custom post type)

User Role Editor (Custom and add the user role)

Plugin for web developer

Thanks for reading!