Website creation

WEBSITE CREATION

THEME INSTALLATION

Click on Appearance.
Click on Themes.
Click on Add New option given at the top.
Type ‘Vantage’ in the box named search themes.
Click on Install.
Post installation, click on activate.
Reload your website. You’ll see the new Vantage theme installed on your website.

PLUG-INS INSTALLATION

Click on Plug-ins.
Click on Installed Plug-ins.
Delete all Plug-ins given by default.
Now, click on Add New.
Install the following plug-ins:
1. Classic Editor
2. TinyMCE Advanced
3. Black Studio TinyMCE Widget
4. Page Builder By SiteOrigin
5. SiteOrigin Widget Bundle
6. MetaSlider
7. Social Media Widget
8. Contact Form 7
Activate all plug-ins post installation.

PAGE CREATION

Click on Pages.
Click on All Pages.
Delete all pages given by default.
Click on Add new.
Create the following pages:
1. Home
2. About us
3. Services
4. Gallery
5. Contact us
6. Blog
Do not forget to click on Publish button post creating every page.

MENU CREATION

Click on Appearance.
Click on Menus.
Delete by default menu before creating a new one.
Select all newly created pages given on the left hand side and add them to menu.
Click on Save Menu.
Now to get the new menu shown on the website, click on Manage Locations.
Click on the drop down given in front of the primary menu option and select the menu you just created.
Click on Save Changes.

LOGO CREATION

You can use Canva to create a logo for your website.
Recommended logo size is 512 * 512 pixels.
Transparent the background using remove.bg to make your logo looks creative.
PNG format recommended.
Color combination of 1 dark along with 1 light color is recommended.
You can visit www.htmlcolorcodes.com to get extra colors.
Always take a snap of by default settings before applying new ones.
To apply a logo, go to appearance —> Customize —> Theme Settings —> Logo.

BANNER CREATION

Use Canva to create banners.
Recommended banner size is 1200 * 800 pixels.
Use niche and catchy lines to make your banner more attractive.
Now, to upload banner images, click on MetaSlider (second last option in the dashboard)
Click on Create blank slideshow.
Now, click on add slide option.
Upload the banner image you created.
Click on Add to slideshow.
Upload all the images likewise.
Lastly, click on Save option given on the upper right hand side corner of the screen.
Now to get the banner images reflected on your site, go to All Pages.
Click on Edit below the Home page.
Now scroll down a little bit, you will see an option named Page Slider given on the right hand side of the screen.
From the drop down option, select MetaSlider: Home.
Now click on update.
Likewise, you can upload banner images on each page you created.
Work not done yet, as we have to do one last thing to get the changes done to our site. Go to Appearance —> Customize —> Homepage Settings —> Select A static page option.
Now select Home under the Homepage and Blog under the Posts page option.
Click on Publish. You will be able to see the changes on your home page and will see the banner images you added.

MISCELLANEOUS

A wireframe is must to create a proper website.
Activate all widgets given under SiteOrigin Widgets Bundle.
We can also add some pre installed layouts as well and can use the live editor option to change the settings.
Changes to header (masthead) or footer can be done by using widgets.
3 important points to be remembered while creating about us page, are: Who we are?
Why we are? i.e. What we provide & Why to choose us?
Create professional email accounts for your departments like HR, Sales, Support, Info etc. Through cPanel.
Different services which you provide will have to be added as a sub item under your main Services page through menus.
To remove watermark from your site, use the sequence given below
#colophon #theme-attribution {display:none}
To do the above given task, install SiteOrigin CSS. Go to CSS Editor. Type the sequence given above and click on save CSS. Watermark showed as A SiteOrigin Theme will be removed.

Posted in Uncategorized.

Leave a Reply

Your email address will not be published. Required fields are marked *