Web Development Articles from York web designers Semlyen IT

New sites (and some more in the pipeline…)

Posted on Wednesday, July 21st, 2010 by Helen

Barbican Secure Contract Parking recently commissioned a website from Bivouac Design Solutions, which was coded by Semlyen IT. This site for a secure car park in York is another one-page site, which includes an embedded Google map.

York Secure Contract Parking

The car park provides 24 hour access to its secure premises in the Q-Park complex on Kent Street, and customers receive a dedicated Named space and personal transponder. There are even a few extras thrown in with the parking contracts, such as meals at the nearby York Pavilion Hotel and Langton’s Brasserie.

In other news, the new e-commerce site for Andrew’s Golf is now live – you can read more about this golf accessories shop in my earlier post. Another recent development is the Shandy Hall online gift shop, which is now fully operational on the website for the Laurence Sterne Trust.

Glamping site Jollydays Luxury Camping have just commissioned a major project for their online booking and payment system, and the gifted education publishers Royal Fireworks Press have asked us to use Issuu to provide sample pages for the books available on their site.

On the SEO side of things, organic children’s clothing retailers Twigs4Kids have commissioned some additional work. Having obtained a no. 1 position on google.co.uk for the search “organic children’s clothes”, their next target is to improve their positions for the named brands that they stock. The first two that we’ll be working on are Frugi and Little Shrimp.

The next sites in line for us to build are a new site for York estate agents Nigel Naish, and an online outlet for York curtain shop L & G Adams.

Web Dev Blog now running on WordPress 3.0

Posted on Monday, July 5th, 2010 by Jamie

WordPress 3.0 “Thelonious”, the thirteenth major release of WordPress was released to the general public on the 17th June, 2010. After successfully testing our most commonly used plugins on our development/test blog we have decided to upgrade our own blog and will slowly work our way through our clients blogs.

Hats off to WordPress 3.0 as this upgrade has been a dream, not one of the plugins tested (so far) has been incompatible with WordPress 3.0 and as usual the automatic upgrade function ran smoothly.

WordPress 3.0 boasts “1,217 bug fixes and feature enhancements”, personally I didnt find it very buggy to begin with and I am still getting to know some of its standard features. However there are a few major additions that should prove to be very useful, especially when using WordPress as a Content Management System. The most notable of these being ‘Custom Menus’, ‘Header and Background API’s', ‘Custom post types’ and the ‘WordPress MU (Multisites)’.

We havent yet had the chance to build a blog or site from scratch using WordPress 3.0 (and I imagine not many people have yet) and so these features have yet to be thoroughly tested, but its looking good none-the-less. If you would like to read more about WordPress 3.0, take a look at the WordPress Blog.

Laurence Sterne Trust, EMDR Extra and McCartney Lettings

Posted on Tuesday, June 29th, 2010 by Helen

Laurence Sterne Trust at Shandy Hall

Laurence Sterne Trust at Shandy Hall

Shandy Hall in Coxwold, North Yorkshire, was the home of 18th Century vicar, novelist and celebrity Laurence Sterne. It is now a public museum, housing a collection of his work. It also incorporates a gift shop, garden, and the beginnings of Asterisk*, which, when fully-fledged, will be a workshop space for artists, writers and technologists.

The website developed by Semlyen IT for the Laurence Sterne Trust features an online shopping cart enabling site visitors to purchase items from the Shandy Hall shop. As well as physical items, they can also buy Shandy Hall membership packages from the website. The site also features alongside the shopping cart, a bespoke events and exhibitions management system.

This site was designed by Bivouac.

EMDR Extra

EMDR Training Workshops

This is a brochure site for EMDR Extra, an organisation offering training workshops to mental health practitioners working with psychological trauma. EMDR is a technique used to treat conditions resulting from trauma, such as Post Traumatic Stress Disorder.

The site features an online application and booking form, which includes payment processing by PayPal.

This site was designed by Jamie at Semlyen IT.

McCartney Lettings

York Letting Agents

York letting agents McCartney Lettings commissioned this new property management site, which integrates a bespoke property details administration system. McCartney Lettings are a new agent and their new website will help attract the attention of more landlords.

Designed by Andy at Semlyen IT.

Handy WordPress plugins

Posted on Tuesday, June 29th, 2010 by Jamie

Anyone installing a WordPress blog should take note of these plugins. Some of them are essential, some of them are just handy. They have all been tested and found to be compatible with the new release WordPress 3.0. We will add or remove plugins as and when needed.

Akismet
http://wordpress.org/extend/plugins/akismet/
This one comes with WordPress ‘out of the box’, but it is well worth activating as it is basically an anti spam tool. It simply requires that you enter an API key, available by registering on the WordPress site or the Akismet site. The API keys are reusable across domains so you need only do it once for all your blogs.

All in one SEO pack
http://wordpress.org/extend/plugins/all-in-one-seo-pack/
Pretty essential for any blog really, this adds meta description and meta keyword tags to your template (which seem to be missing from some themes) as well as canonical URLs. Title, Description and Keywords tags are automatically written, based on the plugin’s settings. All these can be overwritten individually for each post and there are a number of other useful settings, such as excluding pages and adding noindex for archives.

Google Analytics for WordPress
http://wordpress.org/extend/plugins/google-analytics-for-wordpress/
You may choose just to add your Analytics code to the footer in your template, but using this plugin gives you more control over what data is tracked – for example you can exclude admin visits. It also supports AdSense tracking and Urchin.

No 404 Errors
http://wordpress.org/extend/plugins/no-404-errors/
There is a bug that affects some shared hosting, whereby rather than displaying 404 Errors, raw html is sent to the browser. This clever plugin changes 404 errors to 301 errors and redirects to a custom WordPress page.

TinyMCE Advanced
http://wordpress.org/extend/plugins/tinymce-advanced/
This adds buttons to WordPress’s limited TinyMCE setup and also allows you to control what buttons are used with a drag-and-drop interface. It also has the option to import styles from the stylesheet and to stop WordPress’s annoying habit of stripping out <p> and <br> tags, making it easier for users to add spacing in a post.

Breadcrumb Trail
http://wordpress.org/extend/plugins/breadcrumb-trail/
Some designs require a ‘breadcrumb’ navigation, showing you the route you took from the homepage to the current page. They can be very useful, since it’s easy to get lost when navigating a complex blog. WordPress doesn’t supply this feature out of the box, but this plugin gives you a breadcrumb trail function that you can add anywhere in your theme. It’s simple to customize via the plugins files.

Add Lightbox
http://wordpress.org/extend/plugins/add-lightbox/
This automatically adds rel=”lightbox” to all images linked to in your posts and pages, grouped by post ID. You have to add the javascript files manually. The code can easily be modified in order to use your preferred image pop up script, for example, colorbox.

WP-Syntax
http://wordpress.org/extend/plugins/wp-syntax/
Great for posts of a technical nature, this allows you to highlight code by wrapping it in ‘pre’ tags and specifying a language from the GeSHi library, for example, XML, PHP, CSS.

NextGEN Gallery
http://wordpress.org/extend/plugins/nextgen-gallery/
WordPress already has a pretty useful gallery function, whereby each post or page can have a number of pictures associated and displayed in a simple Gallery layout. NextGEN gallery allows you to insert any Gallery, or a selection of Galleries (an Album) into any post or page. It also comes with a number of Javascript slide shows already set up (some of which require  you to install the javascript files manually) and the ability to add watermarks, arrange your pictures and albums, create RSS Feeds, add photos to the sidebar etc. For any blog where images are an essential part of their content, you should be using this. It is a little daunting when you first try to use it but you’ll soon get the hang of it.

WP-Print
http://wordpress.org/extend/plugins/wp-print/
Adds a button to the bottom of every post and/or page that generates a printable version of your content. You can choose whether to display comments, images and links or not.

Social Bookmarking
There are many social bookmarking plugins and it is an essential feature for blogs and indeed any website these days. There are the well known buttons such as AddThis and ShareThis that you will see all around the web, as well as the specific WordPress plugins. These add a clickable list of social networking icons to the bottom of each post. The ones we tend to use are Social Bookmarks, which you can see on this site, and Sociable, which I feel is the better choice as there are more sites to choose from and the icons are a little nicer, plus the user can manually disable it for individual posts. Another one which I rather like is Sexy Bookmarks, although this isn’t for all sites. At the end of the day there are many to choose from and its up to you to find one you like.

A couple of handy tips

That’s it for now although I will leave you with this: Although most of these plugins have settings to customize the look and functionality they can still be quite restricted. However remember that CSS can do some pretty clever things and in many cases the plugin’s code itself is quite straightforward, so it’s worth having a little play around to get things just as you like.

Finally, before you hand over your blog to the client you should take a look at SitePoint’s admin customization tips – part 1 and part 2. Another little tip is to log in as your client, go to the edit post window, open up the second row of editor buttons (top right button) and arrange the panels on this page so that the ones they are more likely to need are at the top. WordPress remembers how you had your edit page set up and this stops clients wondering where things are when they log in for the first time.

Designing One-Page Websites

Posted on Tuesday, June 29th, 2010 by Helen

Much of our work is in the development of multiple-paged, often complex, dynamic websites, but there are occasions when this kind of site isn’t needed. Some small businesses, such as an aerial installer in York whose site we made recently, simply require an online presence so that their customers can find them on the web. If your business doesn’t need to sell products online, take online bookings or offer a range of different services, your website can be a simple, one-page static site and still be an effective tool in attracting new customers.

In building websites which are, in effect, an online business card or flyer, we can apply some of the same design criteria as we would to an equivalent paper document – prominent contact details and a brief description of what’s on offer so that site visitors get an instant overview.

But simply making an online flyer isn’t the end of it – there are other considerations when marketing on the web, and probably the most important is SEO. If a website isn’t properly optimised for search engine visibility, it almost certainly won’t be bringing in many new customers – and in some cases, may as well not exist at all.

Fortunately, optimising a website for search engines has many parallels with providing information to site visitors. As well as contact details and a quick overview, providing a more detailed description of the services a business offers is beneficial to both human readers and search engines. The more the readers know about what a business does and how it operates, the more likely they are to pick up the phone and get in touch. The more written content on a website, particularly with relevant key phrases, the more valuable it will appear to Google.

York Aerial Installations

A very useful tool for one page sites is a Google map. Google makes it possible to create a marker for any location, and embed the map in a website. The embedded map is more than simply an image of a map – it is interactive, and allows the user to zoom in and out, as well as use navigation controls to display different areas. York car valeting company KleenKar have this tool put to good use on their site:

York car valeting

Home | Websites | E-Commerce | Consultancy | Blog | Contact