How to Customize Your WordPress Theme with Child Theme

June 04, 2014 Add Comment

How to Customize Your WordPress Theme with Child Theme


Are you using WordPress theme on your website? No matter whether it is a free or a commercial one, if you want to customize it as per your requirements, then it is easily possible for you. Finally, you have decided to custom your WordPress theme as per your business requirements, you can make use of Child Theme that allows to keep your changes, so you don't make changes to the original theme.Before you opt for Child Theme, it is very much important for you to get complete information about it or how it works. There are lots of different reasons that WordPress developers have started using child themes.

It gives an opportunity to developers to customize a unique layout on top of another existing theme. Being a perfect solution for beginners, it enables people to play around with building their own themes that best meet with their business requirements.

What is Child Theme Exactly?

A WordPress child theme is a theme, which takes over the functionality of another theme that is also known as parent theme. Through this child theme, you are allowed to modify and add the functionality of that parent theme.

Being one of the safest ways to modify an existing them, child theme is also easy-to-use no matter whether you are looking to some minor changes or want to customize an entire theme. You can also develop a child theme instead of changing the theme files directly.

Generally, a child theme is a WordPress theme, which runs along with original WordPress theme and it overrule the parts of it as per your specified. Without changing the original one, you can easily modify with your required features.


Get Started with Child Themes

For your information, child themes are not as difficult as it sounds. One of the key benefits of using parent theme is that you do not have to write all the HTML/CSS from scratch. This theme automatically uses any template files that you have included like footer.php or sidebar.php. In any case, if you are missing, child theme will put all the same files from its parent.

However, this functionality also provides a complete range of features to customize already obtainable templates. This functionality is also excellent for touching up areas that are around your website for special events like adding designs for any special seasons like Christmas, Thanksgiving Day, New Years or more.

How to Do It?

Firstly, your original theme that is also known as parent theme, lives in your /wp-content/themes/directory. For an example: develop a child theme for WordPress default Twenty Twelve theme. After that, create a new directory along with the Twenty Twelve themes in order to develop a child theme.



All the directories require inside to be a valid child theme that is a style.css files with the following content:


Mainly, there are two important parts there:

Template: twentytwelve - that tells WordPress that this theme is a child theme of the twenty twelve theme.

@import url "/twentytwelve/style.css" that loads the parent theme style.css as a starting point.

Now, you can easily log into your WordPress dashboard and can see your Twenty Twelve Child Theme there and get it. Finally, you will get your very own Child Theme that has some cool features of your desire.

Got Your Own Child Theme & Thinking Now What to do?

Now, whenever you look forward to customize your own theme, you can do it in your child theme. In the parent theme, files in your child theme overrides files of the same name. So, if you want to change any file from your parent theme, you need to copy your child theme and then make your modifications there. The same goes for any template that may not be included in your parent theme. Now save them in your child theme and WordPress can use it.

So, this is the complete guide to customize Your WordPress theme using child theme that allows you to modify your theme with your desired features.

Flash and HTML5

June 01, 2014 Add Comment

Flash and HTML5 

 

 

 


FLASH
HTML 5
Proprietary
Open Source
Non-Responsive
Responsive
Built language AS3/AS2
HTML5
Not compatible on Apple
Compatible on Apple
Plugin Required
Runs Natively in the browsers
High CPU use
Light weight so Low CPU use/high Performance/Battery life
Varying Video/Audio Support
Currently restricted to MP4 or H.264 and Web


Google will be “pausing” all flash creative by default in the next release update of Chrome, which is anticipated to be released late this summer.

When you’re on a web page that runs Flash, we’ll intelligently pause content (like Flash animations) that aren’t central to the web page, while keeping central content (like a video) playing without interruption. If Chrome accidentally pauses something you were interested in, you can just click it to resume playback.

 This feature will be enabled by default on Chrome’s latest version and will be rolling out soon to everyone else on Chrome desktop. If you need to manually enable it, just head to Chrome’s content settings and select “Detect and run important plugin content.”


Impact on Online Advertising

For advertisers, this could mean shelling out first-class money for economy-class impressions.
Though it might be painful to admit for an industry that has relied on Flash for over a decade, the right choice is to start creating desktop ads in the HTML5 language used to create ads for mobile.


What is HTML5?
HTML5 is advance version of HTML which include various new tags such as <video> <audio><embed><canvas> etc.
With this kind of new tags developers can easily built web pages.

Advantages of HTML5

    * All mobile devices are supported by HTML5 which means there will not be any dependability on Plugin/Flash issue with HTML5.

    * HTML5 is free and easy to code.

    * HTML5 can be used to create the ads which can run on Desktop, Tablet, and Mobile devices easily.

    * HTML5 help to built the ads which are responsive in nature which mean width of the ad will be adjusted as per device.

    * HTML5 allows users to play videos, music and animations on the page without requiring any plug-ins. Developers can also use just Javascript to create compelling graphics, diagrams and animations for their pages.

    * SEO support is one of the biggest advantages of HTML5 for modern-day marketers aiming to rank higher on search engines.

    * HTML5 enables better form fields and search boxes, which is advantageous for businesses looking to encourage visitors to sign forms or spend some time browsing the site.
 Flash:

Flash is vector based technology where all assets(Images/Animation/Audio/video) are stored inside the container and are served via adobe flash.

The coding used is Action script 2 for old and for latest flash are built using AS3.
Flash is an older technology, as compared to HTML5. It was one of the most popular ways to add interactivity, video and animations to websites.

In order to view these videos and/or animations, a Flash plugin needed to be downloaded and installed in the web browser. An advantage for HTML5 over Flash is that as HTML is supported by nearly all web browsers, it does not require an additional plugin to be installed.

Adobe Flash is an out-of-the-box development platform you must purchase.

Advantages of Flash:

    * Vector-based - eliminates the need for raster-based movie files with large file sizes.
    * Flash allows for a lot of interactivity, supporting audio, animation, and advanced video handling
    * Supported by 99% of browsers



Which is best for online advertising?

Many of the agency are suggesting to used HTML5 as the standard for all kind of ads due its responsive nature. beside it covers nearly 68% of the population which are using Mobile phone.