It never hurts to read a manual, an FAQ or a Help page now and again. Whatever you know about a piece of software you’d be surprised what you can find out by going back over some instructions, maybe with a specific task in mind. My task was to create a number of templates for a WordPress-based website. Each template differed slightly from the other and would be used for pages in different categories.
So in WordPress it’s common to work with one theme or layout, with the front page possibly showing a newsfeed and then some other “pages” displaying less time-dependent content. So you might add a differing layout to the index and page elements of the theme. But then it’s possible to add other themed pages. reading the WordPress Codex page on Pages – http://codex.wordpress.org/Pages a useful tip is to add a couple of lines of code at the top of the file:
<?php
/*
Template Name: TemplateFile
*/
?>
Where TemplateFile is the name of your template. Add some other code and formatting such as the content, then the magic. Go into Pages > Add New and there’s now an option in Page Attributes for a Template in the dropdown list.
I’ve been working with several websites that have upgraded to WordPress 3.o and I’m loving the menu options that you get now. As with every bit of software, what is difficult in one version quickly improves in subsequent versions. I started using Flash when it was at version 3 and though I still use Flash CS3, it’s a much improved program. And so with WordPress. There’s a whole raft of improvements that you can read about at the WordPress Codex Version3.0 page.
The questions people always ask are about making navigation that highlights when on a particular page, and making navigation for pages that have been created. So in WordPress 3.0 this is possible, using a combination of methods.
With WordPress 3.0 it’s possible to create a theme which is menu-enabled. This can be as simple as inserting something like the following in the functions.php script file for the theme:
add_action( 'init', 'register_my_menus' );
function register_my_menus() {
register_nav_menus(
array(
'menu-1' => __( 'Menu 1' ),
'menu-2' => __( 'Menu 2' ),
'menu-3' => __( 'Menu 3' )
)
);
}
Within the header, or wherever you want to place the menu add something like:
This refers back to the menu you’re going to create in WordPress.
Finally, in WordPress, goto Appearance > Menus and create your menu. Some advantages also lie in using the new Custom Menu widget from Appearances > Widget whereby it’s possible to create menu groups and hierarchies. And with some CMS – specifically using the current-menu-item and current-page-item classes, you can start contextual formatting so the user knows which page they’re on from the selected menu item.
There’s a lot more to WordPress 3.0 I’m still exploring, but this has been an exciting development.
I got to the Mozilla Add-Ons workshop at the Hub in Kings Cross, London. Great venue, free bar, plenty of friendly developers.
I’m not developing Add-Ons at the moment but I am interested in Mozilla’s view that everyone wants a different experience when using the internet. So having Add-Ons that will provide those experiences, whether through accessibility, price comparison, bookmarking, helps everyone enjoy the experience.
Some of the coolest stuff was the talk on HTML5 and the use of SVG graphics, embedding video and canvas.
I didn’t take notes, but listened intently. But one man who noted, videoed and in part contributed to the evening was Chris Heilman whose notes appear on his website: www.wait-till-i.com / http://is.gd/dbeDP
No idea what the Mozilla cocktail tasted like – it went too quickly!
I’ve been working hard at building the web development business, first as a freelance and now with my company, DJA Online Services. There’s many ways to get people to find your business: tell all your friends, get business cards made, create a website, spend money on advertising and very importantly go and find people who want your services. That’s harder, where do you start? What’s your market? Who are you selling to? I have an idea. But once you’ve found them, they need to know about you. So I’ve been making links to the new website by using other people’s.
Here’s some places you can now find DJA Online Services Ltd, provider of internet and web services to small businesses in London and the UK:
This has been reported elsewhere, but it’s useful to bear in mind. ExtJS has a blog entry on how people are confusing the upcoming HTML5 spec with things like CSS3. And they say this is the same confusion that brought the overuse of AJAX and Web2.0 terms. The spec is just a “broad collection of next generation technologies”. And it lists them as:
Update: I like this a lot “Finally, HTML5 removes many presentational markup elements that littered earlier HTML specs, like <center> and <font>. It also disallows direct table styling, instead, requiring the use of CSS. Frames are also officially eliminated.” Maybe one day, when tidying someone else’s code all these things will be a distant memory.
After this recent recession and the decline in consumer spending, it’s heartening (after a fashion) to see a new technological money spinner in the form of a “3D Ready” television. In the wake of Avatar, Beowulf and Alice In Wonderland at the cinema there will be the inevitable (quietly accepted as the better alternative to HD DVD) Blu-Ray releases in stores. Raising the other inevitable question – how to enjoy the cinematic experience in your own home?
Electronics companies like Samsung, JVC and Sony are already touting tv’s capable of 3D presentation and a quick Google reveals 3D monitors and projectors.This Sony 22in KDL22S5500U HD Ready Digital LCD TV for example, boasts a 3D Digital Comb Filter – the 3D readiness we can now trumpet, given the success of a couple of movies.
Over to TechRadar(What makes an HDTV a 3D Ready TV?): “But what does ’3D Ready’ mean, and what defines a 3D Ready TV? Samsung’s 3D-capable 7000, 8000 and 9000 Series HDTVs, for example, will include a proprietary 3D processor and emitter. These are designed to be compatible with multiple 3D standards, including half/full HD resolution formats and the recently finalised Blu-ray 3D specification.”
In addition to the movies we already have offerings from Sky in the form of 3D football in pubs and with their HD service (Sky to launch 3D TV in 2010 following record Sky+HD growth) and Google Streetview is offering a 3D view of your neighbourhood, provided you wear your glasses while looking at the website. This is a 3D rendering of an image however, so what about the world’s first 3D website?
I’ve been working with Hughes Design developing their new website and it’s finally live at www.hughes-design.co.uk
The website has plenty of information on capabilities, the team and previous clients and work.
As well as graphic design, branding and website building, Hughes Design are now providing mobile website development. I’m now part of the iPhone Development Program which means we can help your site look as good on your mobile device as it does on the web. Check out the blog post – Web For Mobile Devices – WMDs You Can Find.
The site was built with a combination of PHP and JavaScript, providing a neat way of loading in Case Study information without lots of new pages or refreshes of the page. We tested it across a variety of current browsers and made sure it displayed correctly in IE6 too, which is still used by some of the target audience, especially in local authorities.
Dan Atrill is a full-time web developer with 10 year's professional experience. Based in London, he's a director of DJA, a web company providing services to small businesses, including Wordpress and Joomla development, AJAX, PHP and ecommerce integration, and a lot of detective work in unraveling code from existing websites.