5 Reasons to chose Flat design

Flat design is a trend that is here to stay. Its beautiful because of its simplicity and that’s what viewers are liking about it. It doesn’t demand your attention yet it is catchy in its own way. This simple, aesthetic design style has taken the website design world by storm.  

Simple yet sharp

Flat design is on point. no flattering shadows, over-the-top effects or any unnecessary elements. It is always nice to navigate through a website that is easy to understand and where all the elements are arranged nicely. The icons, buttons everything has a minimalistic feel but still leaves the impact. Simplicity is an art.

Loads fast

In this fast paced world, why would a visitor want to wait for you site to load all its graphics? Earn the extra brownie points by opting for flat design. Since there are less decorative elements like shadows, gradients etc that are usually heavy, the site made using flat design certainly loads fast. 

Better user experience

The whole idea behind flat design is to create a clutter-free website with a clean design where things are in place and there are no complex graphics or fancy stuff overlapping each other. Apart from looking extremely professional, flat design serves for a great UI. It gives user the ease to navigate through the website, to locate things and understand the flow without extra efforts.

Works seamlessly for mobile

Knowing the importance of getting the website right in mobile devices, flat design hugely favoured because of the way it seamlessly gets carried onto mobile devices. For a perfect mobile friendly website, the site should load fast on the phones and be clean because the screen is not going to be huge. This agenda is achieved easily with flat design. 

Great use of colors and typography

With flat design, it is a almost like a color fest which is a huge shift from boring standard website colors being used repeatedly for every other website we open. Use of colors unapologetically has brought lives to the websites. Flat designs are usually accompanied by some amazing typography for the headings which brings out the creativity out the designer without being restricted to the standard fonts.

So what are you thinking about? Its high time to adapt to new trends and ideas If you are looking for an expert who can create a crisp, sophisticated website for you with clever use of flat design, feel free to contact us. Kinsh Technologies provides off-shore website designing services to clients from various countries like the USA, UK, Canada, Australia, New Zealand, Germany and India. Hire Website Designer form India for your specific requirements.

Developing a wordpress theme from scratch

To get started with your wordpress site, you first need to download and install wordpress. Setting up wordpress is pretty easy. Visit their official site to do this.  

Once you have completed your HTML, you can start integrating your HTML into wordpress. Starting with the theme creation, firstly create your theme folder under wp-content/themes directory. Create a new directory there of your theme name.

There are 2 main files that you need to create initially - index.php and style.css. Declare your theme like below: 

Rename your index.html file that you had created to index.php. Your theme is now created and it will show under Appearance -> Themes. Go ahead and activate it. Technically your theme is ready. Now all you need to do is convert your static code into dynamic code and start dividing your page into various sections as per wordpress standards.

So your theme will comprise of

index.php

header.php

footer.php

sidebar.php 

functions.php

1. header.php

First step towards making code dynamic is to start with moving all your header code to header.php and including it in your index file as  

<?php get_header();  ?>

Your css will be included in header file now with a dynamic path as below:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

2)  footer.php

Like header you will have the footer file included as <?php get_footer(); ?> by moving footer code to footer.php

You need to create widgets using functions.php and include in your header/footer or wherever necessary. Here is the code example: 

3) sidebar.php

This is needed when you have a left or a right column in your website. Most of the websites have and if its a blog website, you will certainly want to have one. Include all you sidebar code in this file and simply call this file in your index.php

4) functions.php 

All the widgets that you need in the site, need to be create in this file. See example below for the syntax:

5) index.php

So your index file now only has references to all your files. You are simply calling all your files here.

<?php get_header(); ?>

<div class="row">

<div class="col-sm-8 blog-main">

<?php get_template_part( 'content', get_post_format() ); ?>

</div>

<?php get_sidebar(); ?>

</div> <!-- /.row -->

<?php get_footer(); ?>

Thats it! The theme is ready to fetch things dynamically exactly like a wordpress site should. 

If you need professional help with your wordpress site, hire wordpress developer India that can provide you quality services at affordable rates. For more information please visit www.kinsh.in.