Browsed by
Tag: html5

Creating a WordPress Theme from Scratch: Dynamic CSS3

Creating a WordPress Theme from Scratch: Dynamic CSS3

CSS3 and HTML (5) comes along with a great tool to give your pages a different look depending on different features of the client. Differently sized pages can have different CSS styles without having to do anything fancy. In fact most modern browsers on a desktop (Firefox, Chrome, Safari) all cause a re-evaluation of the screen size when it is changed. This means the user always get a nice looking site without any unnecessary scrolling regardless of device or screen…

Read More Read More

Creating a WordPress Theme from Scratch: Adding Menus

Creating a WordPress Theme from Scratch: Adding Menus

As discussed in previous post, functions.php is automatically included in the processing of a theme. This is therefore the best place to add default settings that you want to a theme, as well as helper functions. To make sure that a function is called on the initialisation of a theme you should use the following in the functions.php file: function add_menus(){ // Do Stuff Here } add_action( ‘init’, ‘add_menus’ ); In order to register the menus for your theme you…

Read More Read More

Creating a WordPress Theme from Scratch: Structure of a Theme

Creating a WordPress Theme from Scratch: Structure of a Theme

If you have been following my post to setup the site from scratch you will just have three files in your theme directory:   This post is simply to tell you how WordPress processes things nicely technically so you can decide how best to use it for your design. Actually working out what your website is going to look like is a completely different task. There are some built in files that WordPress expects that are immediately useful: header.php footer.php…

Read More Read More

Creating a WordPress Theme from Scratch: Getting Started

Creating a WordPress Theme from Scratch: Getting Started

There are actually only two files that you need to get a basic theme up and running: index.php and style.css. If you add these to a new theme folder (wp-content/themes/new-theme-dir/) then you can choose your theme from the dashboard (Appearance->Themes):   To populate this data with the details of your theme, you need to create an initial comment in the style.css file like so (I called my theme Raul just because…): /* Theme Name: Raul Theme URI: http://www.dezco.co.uk/ Description: A nice clean…

Read More Read More

Creating a WordPress Theme from Scratch

Creating a WordPress Theme from Scratch

I recently started creating a WordPress theme from scratch. I did this so I could understand a few things: The back-end of WordPress and how it fits together How plugins, widgets and themes are constructed How to create dynamic web-pages for mobile devices using CSS3 and HTML5 Creating everything from the ground up helps the understanding of how things fit together – but if you just want to get something working then there are plenty of other themes out there that…

Read More Read More