Apparel Software

Powered by Blogger.

Wordpress Programming and Basic Installation Part1

Wordpress Programming and Basic

Class Date : 25/03/17

WordPress can be installed in both Xampp Wampp. Xampp is product of Microsoft and Wampp is open source software.

New Post is used H2 Tag. In WordPress by default it is H2 Tag.

Website Title is H1 Tag

Step - 1

At first we will create a database in Wamp server in the section of PHPMyadmin

Step - 2

WWW-Database name-autogarment

Don’t use lowercase and space in database name.

Step – 3

At first create a folder like WWW-Database name-autogarment than download WordPress zip file from wordpress.org. Unzip the folder and paste it into autogarment. And delete wordpress blank folder.

Step -4

  • We will click localhost from Wampp server. We will set user name root.
  • We should rename Wp_ for security reason.
  • RM the install
  • Install WordPress
  • Congratulation will prompt after install successfully.
  • Change permalink type into post
  • General Setting
  • http//www.localhost/bdfood
  • Delete Sample Page
  • Delete Hello World Sample post
  • Change theme from appearance. An url is freewordpresstheme.com
  • I can set theme in two ways. Firstly I can install it from appearance- theme options or I can copy the theme after unzip and can paste directly wp-content-theme. If I do copy paste than it will never create a problem like size issue.
  • In same way I can copy paste image in the folder inside of wp-content


Firebug
Firebug is a plugin for browser specially for Mozila firefox. We can inspect element with this tools.

We can change Header form Headaer.php

Summery


  • Install WordPress
  • Upload theme
  • Customized theme
  • Optimized WordPress
  • Customized inside the theme
  • How to Export and Import
  • Graphic design is mandatory

Example of a Project

Example of a Project - Image/ Result / Output


Example of a Project - CSS Code


body

{background-color:#999;}

.main_layout

{width:1400px;

height:1400px;

margin:0px auto;

background-color:#09F;}

.header

{width:1400px; height:100px; margin:0px auto; background-color:#A71931;}

.box

{width:200px; height:100px; float:left; color:#FFFFFF; margin:0px 0px 0px 40px; background-color:#A71931;}

.box2

{width:120px; height:80px; margin:-90px 0px 0px 1100px; background-color:#FFF;}

.menu

{width:860px; height:45px; float:left; margin:-2px 0px 0px -600px; background-color:#232C57;}

.box3

{width:540px; height:45px; float:left; color:#FFFFFF; margin:0px 0px 0px -1338px; background-color:#232C57;}

.box4

{width:900px; height:350px; float:left; color:#FFFFFF; margin:8px 0px 0px -320px; background-color:#4D81BD;}

.box5

{width:340px; height:50px; float:left; color:#FFFFFF; margin:0px 0px 0px -220px; background-color:#232C57;}

.box6

{width:340px; height:50px; float:left; color:#FFFFFF; margin:-60px 0px 0px 350px; background-color:#A71931;}

.box7

{width:340px; height:50px; float:left; color:#FFFFFF; margin:-60px 0px 0px 350px; background-color:#232C57;}

.box8

{width:340px; height:50px; float:left; color:#FFFFFF; margin:-60px 0px 0px 350px; background-color:#A71931;}

.aa

{width:200px; height:300px; float:left; color:#FFFFFF; margin:40px 0px 0px -1000px; background-color:#FFF;}

.box9

{width:200px; height:50px; float:left; color:#000000; margin:0px 0px 0px 0px; background-color:FFFFFF;}

.box10

{width:200px; height:160px; float:left; color:#232C57; margin:-25px 0px 0px 0px; background-color:#FFFFFF;}

.box11

{width:200px; height:100px; float:left; color:#FFFFFF; margin:-12px 0px 0px 0px; background-color:#C60;}

.bb

{width:200px; height:300px; float:left; color:#FFFFFF; margin:-305px 0px 0px 250px; background-color:#FFF;}

.cc

{width:200px; height:300px; float:left; color:#FFFFFF; margin:-305px 0px 0px 250px; background-color:#FFF;}

.box12

{width:200px; height:50px; float:left; color:#A71931; margin:0px 0px 0px 0px; background-color:#FFFFFF;}

.box13

{width:200px; height:250px; float:left; color:#A71931; margin:-20px 0px 0px 0px; background-color:#FFFFFF;}

.dd

{width:200px; height:300px; float:left; color:#FFFFFF; margin:-290px 0px 0px 250px; background-color:#FFF;}

.ee

{width:200px; height:300px; float:left; color:#FFFFFF; margin:-300px 0px 0px 250px; background-color:#FFF;}

.ff

{width:500px; height:400px; float:left; color:#FFFFFF; margin:80px 0px 0px -780px; background-color:#A71931;}

.gg

{width:400px; height:300px; float:left; color:#FFFFFF; margin:50px 0px 0px 50px; background-color:#396;}

.hh

{width:400px; height:300px; float:left; color:#FFFFFF; margin:-300px 0px 0px 500px; background-color:#099;}

Share :

Facebook Twitter Google+ Linkedin
0 Comments "Wordpress Programming and Basic Installation Part1"

Back To Top