UNIT-IV WORDPRESS

FUNDAMENTALS

Introduction to CMS And WordPress,

WordPress Installation ,WordPress Admin
Creating Users, User Rights & Roles
 Introduction to CMS
• A content management system (CMS) is the type of software that
empowers you to create, modify, and publish website content
without any technical knowledge or coding skills
• Website content refers to the information that you find in the web
page in world wide web(www). It typically includes text, tables,
bulleted items, and rich media such as images, videos, and audio.
• CMS provides the following facilities to create web site:
 Rich text editors for editing web page
 Search functionality
 media libraries for managing images, audio, video
 user management for creating and assigning different roles to
website user
 version control

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Most content management systems offer the following
core features:
 Create, edit, and publish website content
 Search through your repository of content
 Add and modify user roles and permissions
 Manage website navigation, structure, and taxonomy
 Tag the content and organize it by category Track each
piece of content’s revision history
 Store media files, including text, images, video, and
audio
 Enforce a consistent overall look and feel
 Optimize content for search with metadata and links
 Empower visitors to share content via social media
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
 Why Are CMS Needed?
• CMS help you improve business operations and achieve
superior outcomes. CMS needed for the following reasons:
 Efficiency: With CMS, you can easily and efficiently
create, edit, and publish content without technical
knowledge or coding skills
 Effectiveness: with CMS, you can optimize your website
content for effective search result and enable social
sharing
 Sustainability: CMS offer a feasible system for storing all
content and media and tracking its revision history

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
 Sustainability: CMS offer a feasible system for
storing all content and media and tracking its
revision history
 Scalability: CMS allows you to add new content, and
include new functionality, and allow you to scale
your small business as it grows
 Consistency: CMS help you to build website with
consistent fonts, colors, and styles across multiple
page of web site

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Components of CMS / How CMS works?
CMS can be broken into two parts:
 Content Management Application (CMA)
 Content Delivery Application (CDA)
Content Management Application (CMA)
 It is also referred as “back-end” of your CMS
 It provides an interface to software users to assign
different role to different person, which determine
who can creates, modifies, and publishes website
content

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
 It typically includes a dashboard that highlights recent
activity
 In WordPress, this is called the WordPress Admin
Dashboard, or wp-admin.
 From the dashboard, you can navigate to
 The content editor
 manage users
 search through your repository of content

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Content Delivery Application (CDA)
 It is also referred as “front-end” of your CMS
 It provides an interface to the visitors, who navigate
to your website to view your web page content
 It’s the front-end technology that delivers the content
every time a user lands on a web page
How to Choose a CMS?
• Many different content management systems exist
today. Popular examples of CMS include WordPress,
Joomla, Wix, and Squarespace

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• WordPress is the most widely used CMS, powering
63.3% of all websites that leverage a CMS.
• WordPress and Joomla are both open-source, meaning
their software is free to use, modify, and distribute.
• Wix and Squarespace are drag-and-drop, no-code
website builders with built-in content management
systems

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Introduction to WordPress
• WordPress is a free and open-source CMS (Content
Management System) which is based on PHP and
MySQL.
• It was mainly designed as a blogging tool but now it
has evolved into a versatile CMS.
• But now, It is even used to create an online store using
some WordPress plugins
• The main feature of WordPress is its versatility and
feasibility to use.
• Even a non-technical person can also create a website
with the help of WordPress easily without any
knowledge of coding and designing skills
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
 Features of WordPress
Easy to use interface
• it provides user friendly environment and
tools that facilitate building and hosting
website is easy for beginners

open-source software
• Since word press is open source software, it’s
free to use, distribute, and modify for all users

Search Engine Optimization

• It provides several search engine optimization
(SEO) tools which makes on-site SEO simple
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
Multilingual
• It allows translating the entire content into the language
preferred by the user

User Management
• Allow us to create or delete the user, change the
password and user information
• It allows managing the user information such as changing
the role of the users to subscriber, contributor, author,
editor or administrator
• The main role of the user manager is Authentication

Media Management
• It is the tool for managing the media files and folders, in
which you can easily upload, organize and manage the
media files on your website
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
fastest web hosting
• word press offers lightning-fast web hosting that
processes queries at incredible speeds

Extensibility through plugins

• WordPress offers countless free and paid plugins to
extend your website functionality, which includes search
engine optimization and ecommerce infrastructure,
email marketing, social media, etc

Robust theme selection

• When building your website using WordPress then word
press offers thousands of beautiful themes, which range
from free to paid, which allow you to maintain
consistent styles across your website

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
offers a thriving developer community
• wordpress developer blog and forums offers technical help
and provides access to comprehensive documentation
offers quality desktop and mobile apps
• WordPress.com offers both desktop and mobile apps for
your convenience.
• The desktop App scales to any screen size and works
faster than the web application
offers world-class customer support
• WordPress.com offers paying customers live chat or email
support 24 hours per day, 7 days per week
Prioritizes security features
• offers automatic Secure Sockets Layer (SSL) certificates,
allowing your website to load over https at all times. Other
security features include automatic updates, automatic
backups, and protection from denial-of-service attacks
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
 WordPress Installation
• If word press installed locally then you can
build a new website locally and then make it
available online when it’s ready to be
published. This will ensure that no search
engines or human visitors will see it before it’s
completed
• Some of the advantage of installing word
press locally are listed below:
 Test new themes or install WordPress
plugins to ensure they work properly and
don’t cause compatibility errors
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
 Try out updates, new features, and third-
party tools
 Experiment with redesigning part of your
site
 Conduct troubleshooting, investigate
errors and experiment with solution
 With a local testing environment, you can
also learn how to code. Rather than
editing your live site and potentially losing
data

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
How to Install WordPress Locally
• Local WordPress software often includes an
Apache web server, PHP, and MySQL.
• These platforms work together to create an
environment that supports a local site.
• However, you’ll need to install compatible
software for your computer.
• Certain web development environments are
specifically designed for Windows or Mac,
while others support both

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• WampServer can be installed only on
Windows
• MAMP Server can be installed only on MAC
operating system
• XAMPP can be installed on both Windows
and Macintosh operating system

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
 Installing WAMP Server
• Prerequisites for WAMP Server
• In order to successfuly install and run the WAMP
Server on Windows, make sure that Microsoft
Visual C++ Redistributable packages installed in
your system
• Wampserver 2.5 is not compatible with
Windows XP, neither with SP3, nor Windows
Server 2003
• Step 1: Download the WAMP Server, visit the
https://www.wampserver.com/en/#download-
wrapper website in your web browser
• There you’ll see two options – 64 BITS and 32
BITS as shown in the following
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
• You’ll need to download the best version for
your computer based on its OS type. If you
don’t know what operating system you’re
using, you can go to Control Panel -> System
and Security -> System
• Which is shown in the following figure, where
you can find your system is 64-bit or 32-bit
operating system:
• After finding your operating system details,
download the WampServer that matches with
your system configuration:
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
Step 2: Install WAMP server in your system
• Once downloaded, double click wamp server
installation file. This will open the installation
wizard.

• Click run to start installation wizard.

K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
• From the following wizard select the language
as “english”:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Next accept the license agreement from the
wizards as shown in the following figure:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Next, from the following wizard, you need to
choose destination folder where you want to
install WAMP server

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Finally, from the wizard, click install , which is
shown in the following figure:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Now, WampServer will ask you to confirm
what default web browser you want it to use
during installation:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Once successfully installed, WampServer will show you a
brief instruction screen explaining how to interact with
the software, which described below:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Step 3:
Open phpMyAdmin
Once Wamp server is
installed, using start
menu open
phpMyAdmin, which
will bring
phpMyAdmin login
screen, in that
enter “root” as
username and Leave
the password field
Finally, Click “go” to open
blank, which is shown
phpMyAdmin dash board
next.
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
Step 4: Create a Database and Install WordPress
• From phpMyAdmin dashboard, select “database tab”
• To create a new database for your WordPress site,
enter a name into the textbox and select Collation in
the following drop-down menu.

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Next you need to
download the
wordpress platform. To
download wordpress
platform go to the
https://wordpress.org
website and click “Get
WordPress” button.
This will take you to
the next screen as
shown below:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Which will download word-press6.5.zip to downloads folder
in your system. From that extract the WordPress folder and
copy it. Then, locate the folder where WAMP is installed – in
our case, it’s in C:\wamp\www. Paste the word press folder
there, which is displayed in the following figure

Rename the WordPress folder to anything you want. For

example, you might call it “mytestingsite”. Since this will
become the URL and title of your local WordPress site, make
sure that it is clear and descriptive
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
Step 5: Visit Your Testing Site
• To finish installing a WampServer WordPress, open
your web browser and go
to http://localhost/mytestingsite.
Replace “mytestingsite” with the name you chose in
the previous step
• To start setting up WordPress, you’ll need to choose
a language. When filling out the database details,
use “root” as your username and leave the
password space blank.

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
• After this, WordPress will connect to your database, and you
can continue to run the installation process. Enter the site’s
title, username, password, and email address for your
WordPress account when you see a welcome screen.

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Finally, click Log in to access the WordPress
dashboard of your local site.
• After that, you’re ready to start conducting
any testing and/or troubleshooting you like.

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
 Installing XAMPP Server
• Similar to WAMP, XAMPP
comprises Apache HTTP Server, MySQL,
and PHP software. All of these software packages are
free to download and can effectively install WordPress
locally
• XAMPP is a cross-platform software, meaning that it
supports the Windows, macOS, and Linux-based
operating systems
• Additionally, it comes with an additional high-level
programming language called Perl.
Step 1: download XAMPP server
• To start building a local WordPress site with XAMPP, go to
the official website:
https://www.apachefriends.org/index.html
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
Step 2: Install XAMPP server
• Once software is downloaded, next you need to install
XAMPP server, to do this go to download folder and
double click xampp installar file. This will bring the
following dialog box, in that click run:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• This is bring the setup XAMPP wizard window as shown
below, in that click next:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• This is bring the following window in that select the
List of Components you want to install

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Note: To install WordPress locally, you’ll only need to
access Apache, MySQL, PHP, and phpMyAdmin. Although
you can leave extra components checked. Once you’re
finished, click on Next. This will begin an automatic installation of the
XAMPP core files.
• The next step is select the path of the folder where you want to install
XAMPP server and click next:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Next, select the language you want to use for xampp server as
“English” and click next

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Finally, in the following screen click Next to install xampp server
in your system:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• This will bring installation progress window, which is displayed
below:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Once xampp server installed successfully then you
will get the following screen, in that click finish to
complete installation

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Step 3: Launch the control panel and Test the server
• Once software is Installed successfully, now you’ll be able
to access the control panel.
• To launch
control panel,
click start, in
the search box
type xampp
control panel,
and click
shortcut as
shown in the
following
figure:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• This will open the following control panel, in that
click start button of Apache and MySql, which is
shown in the following figure:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• To check whether your server is running, click Admin
button next to Apache in the xampp control panel, this
open browser:

This will open a XAMPP welcome page with

applications, PHP information, and your phpMyAdmin

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• You can click phpMyAdmin link from welcome page
displayed in the browser or click Admin button next to
MySql in the xampp control panel, this will bring
MySql admin page in the browser:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Step 4: Download WordPress and Add the Folder to XAMPP
• Before creating a database, you’ll need to download
WordPress. Go to the WordPress.org website and
download the latest version. This is done by clicking “get
wordpress” button

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
In the Get WordPress page, click “download WordPress
6.5.2” button to download wordpress. This will download
wordpress.rar

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
From wordpress.rar file, extract the WordPress folder and
copy it. Then navigate to your XAMPP folder and find
the htdocs folder (C:\xampp\htdocs). Paste the WordPress
folder there, then rename to Kajendran_WordPress

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Step 5: Create a Database
• Now, go back to your XAMPP information page
at http://localhost. In the top-right corner, click on
phpMyAdmin, in that select database tab, and create a new
database. You can use any name you
want(Kajendran_WordPress), but be sure that the second drop-
down menu is labeled Collation as shown in the figure:

Finally click on Create, now you will be able to access your

new word press site
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
Step 6: Go to Your Testing
web Site
Open a browser and in
the address bar type
http://localhost/Kajendran_
WordPress
and then press enter. This will
open word press configuration
page as displayed below, in
that select language you
prefer

Then click Continue

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
In the next screen, it will display similar to the following
information to user, simply click “Lets go” button

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
In the next screen, you will be prompted with your database connection
details. Simply add the database name you created in phpMyAdmin. In our
case it is “Kajendran_WordPress” Then, enter “root” as the username, and
keep the password as blank space, then click submit button

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
In the next screen, you will get similar to the output after
successful creation of word press database

For Windows and Linux users, WordPress will automatically

store this information in a wp-config.php file. However, macOS
users will be shown manual code you can use to create this file
yourself. Now click “Run the Instalation” button
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
The next screen is WordPress installation screen, which is shown
below. After providing all information , click “Install wordpress”
button

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
After successful creation, you will be displayed with following screen:

Click login link to login to newly created word press web site, which
will bring the following login screen:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
After providing your username and password, click “Log in” button,
which will take you to your local WordPress site
localhost/mytestingsite/wp-admin, which is displayed below:
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
 An Introduction to WordPress
Users and Roles
• WordPress comes with a built-in user role
management system.
• Whenever a user registers with your site,
WordPress assigns them a role that consists of
different permissions.
• This enables you to control precisely what actions
users can perform on your website
• By default, WordPress supports five user roles

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
 Five User Roles
Administrators
• The most powerful one is the administrator, also
referred as Site admin
• Typically, this administrative role is reserved for the
website’s owner
• Site admins can create and delete posts and edit
posts created by other users
• They can also install and delete plugins and themes
• administrators can add and delete users and change
their passwords.
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
Editors
• Similar to Administrator, Editors can create, edit,
publish, and delete all posts, including those created
by other users.
• They can also moderate, edit, and delete comments.
• Unlike the site admin, editors don’t have access to
your site’s settings, so they cannot perform tasks
such as installing themes and plugins

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Authors
• authors can write, publish, edit, and delete their own
posts.
• They cannot create categories, but they can choose from
existing ones.

Contributors
• They can create and edit their own posts, but they
cannot publish them. Their posts will be published in the
website, only after approval from either site admins or
authors
• They can also create tags and choose from existing
categories.
• However, contributors cannot upload any files to
WordPress.
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
Subscribers
• Subscribers can log in to your WordPress site, edit
their profile, and change their own passwords.
• However, they can’t perform any other actions on
your website.
• This role is most commonly found on sites where
visitors can create an account, such as membership
sites, e-commerce stores, and educational websites.

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Sites hosted on WordPress.com provide two
additional roles.
Followers
• These users can comment on public sites hosted by
WordPress.com.

Viewers
• These users can comment on private sites hosted by
WordPress.com.

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Managing WordPress Users and
Roles
• WordPress has everything you need to share your
website with other people safely.
• Alternatively, you might give your audience the
ability to register with your site.
• This can be a great way to engage with your visitors
and create a sense of community

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
How to Allow User Registration
• WordPress ships with everything you need to manage
user registrations.
• This feature is disabled by default, but you can activate
it using your WordPress administrator account
• To start accepting registrations, navigate to Settings >
General in the WordPress dashboard.
• In the Membership section, select Anyone can register
• You can now select the default user role. This is the role
and the capabilities that WordPress will automatically
assign to everyone who registers with your website.
• The default user role is subscriber, but you can change
this to any other role

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Once done, click on Save Changes. Your WordPress
website is now open for registrations.
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
Create New User Accounts Manually
• Site administrators can create user accounts
manually by navigating to Users > Add New via your
WordPress dashboard. You can then enter all of the
information for this particular user
• This is useful if you only want to add a small number
of approved users
• This manual approach also makes sense if you need
to apply unique settings to each account
• Fields in the add user screen is shown in the
following screen

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
• Once you filled all necessary details in the “Add New
User” screen, click “Add New User” button
• This will successfully add new user role for your word
press website
• You can also change role of any user after creation, to
do this, select “usersall users” from wordpress
dash board. This will bring following screen:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• If you want to change the role of Krishnan, then
select the check box of Krishnan and then change
the role to contributor or any other role then click
“change” button, as shown in the following screen,
which will update user role:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• The updated user role is shown in the following
screen:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Similarly, you can delete existing users from
database.
• If you want to delete user Krishnan, then select the
check box of Krishnan and then click delete link,
which will be displayed at the bottom of user ash
shown in the following screen:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• The following screen shows all user details, after
successfully deleting user krishnan:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Creating your website in wordpress
online
• Open www.wordpress.org in the browser. This will
bring the follwing output:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• From the website click “Get Wordpress” button displayed in the
top-right corner of the webpage. This will bring the following
output in the browser. In that click “see all recommended hosts”
button

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• You will be
landed with
the following
screen,
which will
display list of
web hosting
service
providers,
from which
you can
choose the
best provider
that best
matching
your
requirement:
K. Kajendran Associate Professor, CSE Dept.,
Panimalar Engineering College
• In our case, we are selecting wordpress.com as web hosting
service provider, which will bring the following webpage, in that
click “get started” button:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• The next screen will be “create account” screen, which is shown
below, either you can login with gmail account or select
“continue with email”, or other option convenient for you, in our
case we gone with last option:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• As shown below, in the next screen provide your email address to
you want link your web site and click “continue” button, :

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Next screen will be “choose your domain” screen from which
you have to choose your web site address, which is shown
below:

You can with

either free or
paid domain
options as
your
convenient. I
will go with
free domain
option for my
website, which
provides
limited feature

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• You will be landed with the following screen, in that just click
“continue” button :

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• In the next screen select your option as “free”, so click “start
with free” button, which is shown below:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• In the next screen you can optionally select your goals and click
“continue” button or “skip to dashboard” link, which is shown
below, I clicked continue button:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• This will bring following screen, where you can go with either
“choose a theme” or “design your own” option. I opted for
“choose a theme” option:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Now you landed with pick design screen, in that you have lot of
predefined template, from which you choose best template for
your website based on your domain, or if you are familiar with
website design the go for an option “design your own”:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Now you will be landed with “select pattern”, from there you can
select template for header, footer, intro, gallery, contact, etc,
which is shown below. Once completed selecting various pattern
then click “select style” button in the bottom of the screen, then
click “select pages” button:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Now you will be landed with the following screen, in that click
“save and continue” button:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Finally click “start adding content” button to edit your web page
content:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
• Now your home page will be opened with online web page
editor, as shown below, in that replace all template content
your details and then click “save” button, displayed in the top-
right corner:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
After small replacement of content of web site, its output is shown
below:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Once you completely designed your web site, finally click “launch
your website” button, so that every one can see your web site in the
world wide web:

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College
Finally your web site launched successfully

K. Kajendran Associate Professor, CSE Dept.,

Panimalar Engineering College