Tag Archives: wordpress

WordPress Meetup 1st March 2012

Graham Armfield presenting
Graham Armfield

This month’s talks at the London WordPress usergroup took place at Skills Matter in the City of London.

Talk 1 – Favourite plugins

Graham Armfield presented his favourite WordPress plugins and invited others to share theirs too. They are linked to in the comment to this article. As SlideShare isn’t the quickest way to see them, I’ve picked out a few here:

Relevanssi
Replaces the default search with a partial-match search that sorts results by relevance. It also indexes comments and shortcode content.

wp-twitter-feed
Place a twitter feed on your site with shortcode

WordPress Keyboard Accessible Dropdown Menus Plugin
Graham’s own plugin to help make dropdown menus work without a mouse.

Point and Stare CMS Functions
This plugin generates special functions to convert your WordPress install into a CMS, add security and generally white label the admin.

WP Better Emails
Adds a good looking HTML template to all WP default plain/text emails and lets you set a custom sender name and email address.

WP-Table Reloaded
Creates a data table layout from the admin area.

Watermark Reloaded
Adds a configurable watermark to your images as they are uploaded

Visual Form Builder
Dynamically builds froms with validation

Our own picks can be seen on this blog, on the right hand side.

Talk 2 – Multi-lingual WP

Rich Holman discussed methods, things to look for and consider, design considerations and plugins that can help you build a multi-lingual site with WordPress.

In a detailed and well explained talk, Rich took us through the pitfalls and shortcuts to building WordPress sites in more than one language. The easy option is just to install seperate copies of WordPress for each language. This approach works well if you can build common elements to your theme, and it’s appropriate for the project. This is best if the content on the different sites does not need to be equivalent. A more common requirement is for the same content to be readable in several languages. This will involve several considerations.

Design

Allow enough space in menus and other areas. Verbose languages like German can really mess up your lovely neat menu!

Be aware you are designing blind. Often the designer won’t know the other languages and good communication is the key.

Right to Left (RTL) languages could mean moving your content around – for example moving the sidebars from right to left.

HTML Language codes. Make sure you declare the language being used in your underlying code. This way plugins like Facebook’s Like button will automatically change it’s text to match.

Rich Holman presenting
Rich Holman

Development

The admin screen in WordPress already have translations.

Theme translations use .po and .mo files. Use Poedit to create and manage. Some of the translation plugins available will read your theme and create translation files ready for editing.

Problem areas

  • Tags and Taxonomy
  • Queries – one home page had over 1000 queries to load.
  • Widgets
  • Plugins
  • Feeds
  • RSS

Plugins for Multi-Language WordPress sites

* Rich’s recommendations

Rich advised that switching plugins is not a good idea – they don’t really work together or store data in a consistent way.

If you actually need translations to be done for your content, Rich suggested ICanLocalize, which is part of the WPML family. Rates are around $0.07 per word. One final word from the audience was a note to check the font you are using has support for all the characters in your chosen languages. Many fonts from providers such as Google Fonts and Typekit only contain the Latin character set.

Talk 3 – Human Centred Design

Tammie Lister presented a call to action to bring back human focused design.

Tammie Lister presenting
Tammie Lister

Tammie related her views on how the web recently has become very structured what with grids, templates and stock photography proliferating.  She called on designers and developers to “make it personal”. Inspired by Aarron Walters work on MailChimp, and using examples such as the Twitter “Fail Whale” and Google Logos she showed how even large companies can humanise their image. Another personal dislike of Tammie’s is seeing “Submit” on forms. When in real life does anyone “submit” something? Jargon like this should be excised from the new web.

WordPress allows content to be created freely so stock phrasology and stock photography can be avoided, plus it supports custom error pages, custom headers and backgrounds in many themes, and language files in many themes allow the nuts and bolts to be humanised. Tammie suggests customising the Admin part of WordPress so that users you are designing for only get what they need, and removing the clutter that gets put in by default.

One member of the audience took a counter view and said how he’d tried in the past to get clients to go for a jargon-free website but because the client and their audience were within the same related sphere, some jargon was inevitable.

Social

As always after the talks proper, discussions and informal networking carried on ’til closing time at the nearby pub.

Nice WordPress Theme

Just a short post today – we came across this very nice WordPress theme the other day.

Nice WordPress Theme

The creators are www.wpshower.com. They have 10 themes on their site and nearly all of them are free, but all are very high quality.

If you’re starting out in WordPress, a pre-built theme is a useful place to start, and can save you both time and money. As your site develops you may need the services of a web designer. A web designer who understand WordPress can take an existing theme and adapt it seamlessly to your vision, or can build a unique theme just for you. Many web designers and developers use 2020Media’s services, so let us know if we can help put you in touch with one.

 

Usergroup Roundup and news from EU

It’s been a busy week with a Joomla and WordPress usergroup sessions, as well as a meeting with Eurid, the registry for .eu domains.

Joomla Usergroup

Joomla Usergroup London logoThe regular monthly meetup of the London Joomla usergroup took place on Tuesday. Phil from SoftForge gave us some insights into the Akeeba Backup tool. Many people already use the extension to make backups of their site. What is not so well know is that the Pro version (a very reasonable $50 or so for unlimited sites) easily adds the ability to copy the backup to offsite storage. Currently DropBox and Amazon Storage are available. Phil also pointed out the security feature of Akeeba to setup a secret key as attackers could trigger your backup repeatedly and cause a Denial of Service (DOS) attack. This setting is in the top right Parameters button. Akeeba Backup is even being used to non-Joomla websites.

2020Media will setup Akeeba for any customer using our hosting competely free of charge. Just ask!

WordPress Usergroup

Two talks this week – WordPress SEO and a newbies guide to Custom Post Types. The evening began with a quick roundup of WordPress news (download the podcast).

  • WordPress 3.3 is almost out. New features include a drag and drop interface for adding images and other media.
  • Akismet, the anti comment spam service is continuing it’s march towards a paid model
  • There’s a plugin to check your website for vulnerability to the tomthumb problem.
  • WP Install Profiles is a Drupal-like idea for developers who want to pre-fill their installs with their favourite plugins and themes.

David Bain speaking at WordPress LondonDavid Bain, an internet marketing expert who uses WordPress in his work, talked about getting your WordPress website noticed in the search engines. David talked us through his 3 “P”s – Preparation, Publishing and Performance. Lots of great tips and well worth attending if you were able to get to London. His slides and our podcast will be available soon. Download the podcast

Keith Devon speaking at WordPress LondonKeith Devon gave us a great introduction to Custom Post Types, which was very useful for the new developer or designer. Simply put, setting up Custom Post types allows you to add a new section to the admin menu for a adding content to a specific type of page that you design. For example if you had staff profiles, you can create a page entry that has boxes for their name, position and job description, and then on the front end display this in a particular way. Download the podcast.

Eurid Meeting

Aliette Boshier from Eurid
Aliette Boshier

The team for the .eu registry were in London to convince the euro-sceptics in the UK that getting  a .eu domain is a good idea! Whilst the argument “show you are European” may not be terribly popular at the moment, the EU is still Britains largest overseas trading partner. If you run a business that trades with the European area, a .eu domain is a wise choice to link to your website.

The .eu domain is 5 years old this year and is now considered a well established and trustworthy domain extension. There are over 3 million .eu domains in use, and it’s the 5th most popular extension in the UK (behind .uk, .com, .net and .org).  .eu domains are now available from 2020Media with multi-year periods of 1 to 10 years, and were one of the first domain extensions  in the world to offer a registry-backed DNSSEC (secure DNS) support.

 

 

Publishing with WordPress

Telegraph AtriumThe Telegraph were hosting this month’s London WordPress meetup at their headquarters in Victoria.

  • Talk 1:
    • BuddyPress core developer Paul Gibbs talked about how the Telegraph uses WordPress.
  • Talk 2:
    • WordPress and Web Accessibility: Why it’s Important

Graham Armfield  talked about accessibility. The presentation covered some issues that disabled and elderly users experience with websites, then discussed steps that we all can take to improve accessibility – and why it makes business sense.

How the Telegraph uses WordPress.

The Telegraph media group have two websites running WordPress. There is Telegraph Blogs, which is where 40 or so journalists have their own blogs; and MyTelegraph which is where the public have their say.

Telegraph Blogs

Telegraph blogs screenshot of telegraph blogs websiteuses WordPress multisite install to host a blog for each of the journalists. In turn these are split into several headings such as News, Sport, Culture, so that an editor can manage the content for each section. For speed, they use memcached and Akamai content delivery. The Akamai network in particular helps with spikes in traffic when a particular topic gets a lot of traffic in a short space of time. The themes are fairly static, but new plugins are added regularly and comprise a mix of off-the-shelf contributed WordPress plugins, and in-house plugins that have been built to meet a specific need for Telegraph Blogs. All undergo thorough manual and automated testing for security and scalability and are usually tweaked in some way. Some of the plugins used include: yoast breadcrumbs, WordPress SEO, Widget Logic.

MyTelegraph

MyTelegraph isscreenshot of mytelegraph website probably the largest BuddyPress installation in the UK, with over 90,000 users. It’s no surprise then that Paul is a lead developer of BuddyPress. The MyTelegraph is a mix of groups and personal member blogs. The groups section includes categories such as Politics, Travel, Book Club and Football and uses the power of niche communities to maintain focus and engagement with members. Community managers guide the site and help new users find their feet. Groups are a feature of BuddyPress. Users can also create their own blogs, which is deployed with WordPress Multisite. The sitewide tags plugin allows their posts to appear on the MyTelegraph home page. Other plugin used include yoast breadcrumbs, blackbird pie (a twitter integrator), WP report posts, BuddyPress group blog, and of course BuddyPress itself.

You can listed to Paul’s talk on our podcast – the audio quality isn’t great as no-one told Paul to use the mic until 30 seconds before he finished!

WordPress and Web Accessibility

52% of people who meet the legal definition of having a disablilty prefer not to describe themselves as disabled. There are around 10 million people in the UK with some kind of impairment – if your website doesn’t address basic accessibility then you could be losing money and clicks.

Graham used Tesco as an example – a redesign of their website to improve accessibility cost £35,000, but after the relaunch, the website turnover was up £1.6million.

Accessibility – why it matters

Graham Armfield speaking at London WordPress
Graham Armfield

Graham’s interesting and informative talk covered what WordPress does well and not so well when it comes to helping the disabled access your content. Screen readers are commonly used by those with a visual impairment (they convert the text to speech). The other common accessibility method is tab – instead of using a mouse, users will hit the tab key to move around a web page.

With these two tools in mind, Graham demonstrated how some WordPress generated sites could be severely lacking in usability if you looked at them without a mouse or  only a screen reader. Some drop-down menus weren’t showing up when hitting tab, meaning those sections of the website would be totally inaccessible. Screen readers can give misleading information due to over-use of the title tag (which is extensive in WordPress).

There are a few WordPress plugins that can help: Remove Title Attributes; My Read More; Accessible Tag Cloud. Graham called for developers to help extend and create more plugins to improve accessibility in WordPress.

Some tips for users of WordPress:

  • Image Alt Tag. Read out by screen readers to make it descriptive
    • For decorative images leave blank
    • Background images are usually ignored by screen readers so don’t bother.
    • If image is a link, describe the destination
  • Links. “Read More” is no use to a blind person. Make the link text mean something
    • If the link opens a new window, say so in the title attribute. It’s confusing for screen readers otherwise.
    • There’s no need to repeat the same text in the title tag as on the hyperlink – screen readers will read out the same thing twice
  • Headings. Often used as a navigational shortcut. As per good design practice, break up your content using heading tags.
  • Lists. Lists like this one should be coded using appropriate html (the UL, LI tags) – the screen reader will tell the user they are in a list and how many items it has etc.
  • Video. Avoid auto start, Add captions using tools like subtitle-horse.com
  • Menus. Make sure you can tab around the menu.

Graham finished his presentation with a collection of links for further reading. These included the WAI-ARIA project, W3.org, HTML5accessibility.com, Accessify and his own blog at Coolfields.

Download the podcast, or watch Graham’s slides at SlideShare.

Do you need help with a WordPress website? Why not talk to 2020Media – we have oodles of enthusiasm, buckets of knowledge and tons of techies who are eager to help!