Walk Lightly on this PLANET and yet leave such a FOOTPRINT that cannot be erased for thousands of Years..!!!
Visit Codstech for Cyber Security related Posts !

Visitors

Showing posts with label wordpress plugin. Show all posts
Showing posts with label wordpress plugin. Show all posts

Monday, December 30, 2013

Designing a simple wordpress site - Plugins

Open the web site we created ( explained in Introduction to Wordpress ) , and login to get access to the Admin area.
Step - 1 : Refer Designing a simple wordpress site -Theme
Step - 2 : Refer Designing a simple wordpress site - Pages

STEP - 3

Picture - 1

Go to the Admin page (Dash board) .
See the Admin options in the left side.

Now we are going to add Plugins .
Contact form is an Example of Plugin.We are going to add a contact form in the page "Contact us".


  • Select  Plugins --> Add new (Click Add New from the window)


Then we can see  ,


Search "Contact Form" .
Then we can see a number of plugins of "Contact Form" .


Select one Plugin from the list , and click "Details" .


It will show the version and ratings of the Plugins.(If the plugin is not support with your current wordpress version , it has to be avoided. Or , we can see a message sometimes as
"Warning: This plugin has not been tested with your current version of WordPress." Avoid such plugins.

If everything is ok , select one contact form from the list and Click "Install Now" as given in the above picture.When we click "Install" , we can see;


Click "Activate Plugin ".After activating , we can see a new menu option "Contact Form" in the left side as shown below :


Or ,  select Plugins --> Installed plugins . Then we can see that ;


Click "Settings" , then , we can see


Copy the short form of the code as given in the above figure .
Now select our page "Contact us" , as explained before , select the "Text" mode and paste the code there.


Now click "Update" , and return to the site .Refresh it , then we can see,below the Google map , a contact form also added as given below :


Refer Designing a simple wordpress site - Widget also, because we are installing some more plugins there , in order to get some additional widgets.
========================================================
Next , we are going to Create/ Edit comment forms .
Click NEXT to understand about "Comment option" in a wordpress page.
Back to wordpress

Designing a simple wordpress site -Theme

Open the web site we created ( explained in Introduction to Wordpress ) , and login to get access to the Admin area.
After login , you will be directed into

Picture - 1



See the Admin options in the left side.
Now we are going to design this site.
=====================================

STEP - 1

First , we are going to Install a good theme for our web site .
To do this , go to Appearance --> Themes --> Add new (From picture - 1) .


When we click ADD new , then it will directed into another page , in which we can search Themes.


I searched the Theme  responsive  , and , the search results are displayed like this;


(If we just Search the items with out typing a keyword , it will displays all the available themes one by one).

Click Install Now to install the Theme for our web site.


Click Activate .

(Note the version of the Theme.
If versions of the Theme , Wordpress and Plugin etc does not support each other , there must be some error in the page).

Again , select Visit Site to view the new site design .
The new design of the site is ,



Note the address of the site as http://localhost/wordpress-new/ because we are hosting the site in Localhost only.
We can go to the Admin panel ,in 2 ways

  1. Type wp-admin , followed by the site address .That is , http://localhost/wordpress-new/wp-admin/
  2. By selecting the Dashboard from the site (Top right side as shown below )


Next , we are going to create pages.
Click NEXT to view how to create page.
Back to wordpress