Create your own WordPress theme from scratch [Part 3]

In last part we have coded index.php and header.php,  here we will code content.php, this page will display the posts and search results, and posts under categories, pages , etc.

here is the code for content.php

The above code looks to0 complicated, let me break it for you line by line. Continue reading Create your own WordPress theme from scratch [Part 3]

Create your own WordPress theme from scratch [Part 2]

Here is a basic theme idea, how the things are gonna be arranged in the theme.

basic wordpress theme layout

First, create a empty folder in wordpress’s main directory -> wp-content -> themes, name the new folder as testtheme.

Now create a new css style sheet named style.css and add the below code to it and save it to empty folder of theme.

That css page adds the description and info about theme to wordpress dashboard, that code basically works as theme description. Now, you can see that your new theme is available to be activated from dashboard. Don’t activate it yet, as there no other files in the folder except for the style.css page. Continue reading Create your own WordPress theme from scratch [Part 2]

Emulate and test your website on different devices virtually.

It is almost impossible to test your website for compatibility on all different devices, especially when you don’t have much time. Hence, it will ease your work when you have a tool to emulate the device and check it at different compatibility. It is possible with Google Chrome Canary, it has special feature for developers which enables to emulate few different devices. You can also emulate a custom device. So, it should be nothing but good gift for web designers.

Here is how to do it.

1) First download and install Chrome Canary from here.

https://www.google.co.in/intl/en/chrome/browser/canary.html

2) After you have installed it. Open the site you want to check compatibility for. ( I open google.com) Continue reading Emulate and test your website on different devices virtually.