Browsed by
Tag: css3

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