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.

SEO Tips and Tricks

Do you like data? We do! This post is about trends and data useful for optimising your website for getting more visitors (traffic) and contains lots of pretty pie charts to help explain what you should do to improve your web profile.

When building a website, there are certain questions you should be asking yourself.

  • What is my target audience?
  • How are they going to find my website?
  • What search engines should I target?
  • What browsers should I make sure my website supports?

Target Audience

Are you providing information? Selling something? Providing a service? These are the kind of questions that will help you decided how to build your website. The answers to these are down to you, but will affect the kind of website you build, whether you’ll need the services of third parties (such as PayPal for example), and the kind of hosting you’ll need. As a very experienced host, 2020Media is happy to discuss your likely needs with you, at no cost. Please contact us, if you’d like our help.

How will they come?

How do you think your website visitors will arrive at your website? There are basically 3 ways:

  • From the results of a query on a search engine.
  • From a link on another website
  • Direct – by typing in your website address (domain name) directly to their browser.
pie chart of
Visitor Source

The graph shows that most traffic to websites comes from a search engine. The 20% of direct traffic reflects the importance of a good domain name. Although there is normally not much to be gained in terms of visitors coming from other websites, it is still very important to get good links from relevant websites as these affect how your site will rank in the search engines.

Which Search Engine?

So we’ve established that most traffic to websites comes from search engine results. The most popular search engine by a long way is Google. Google’s share is around 80% at present. Bing (from Microsoft) comes second with 8.7%, Yahoo next with 8.0%. Runners up include Ask (1.4%) and AOL (1.3%).

search engine market share
Search engine market share

Market Share is important for where you spend your advertising budget, and also how much time you spend getting your site into those search engines.

Position is Important

When you are using a search engine, how often do you need to look at the 2nd or 3rd pages of results? We’re guessing not very often. The alogorithms used by search engines are now incredibly sophisticated, and now include your past searching habits to help tune the results to what they think you want. This means we’re now in the era of personalised search. Now, no two users will see the same set of results for a given search term.

pie chart of search engine results page
Search engine results page

Page 1 is clearly the place to be. Getting a page one placement for common terms is difficult to say the least. If you sold cars, getting your website on the first page of results if someone typed ‘Cars’ into a search engine would be an uphill struggle. However as our next chart shows, most users don’t type single word queries.

Phrases are Key

The report below summarizes the number of keywords used by end-users when using search engines. For example, “used car sales” has three keywords while “used car sales milton keynes” has five keywords.

Keyword Count chart
Keyword Count

This analysis reveals that the majority of searches conducted on popular search engines such as Google, Yahoo, Bing etc. contain 3 or more keywords. Over time, users of the internet have adapted their behaviour to be more specific in their searches so as you get better quality results.

Come Inside

A follow on result of the way people use search engines with multi-word searches is that the results are more specific too. You may think the home page of your website is the most important, but analysis of the data reveals that over 3/4 of traffic goes to inner pages, not the home page.

Entry Page Type chart
Entry Page Type

It’s worth remembering that not all traffic to a website comes from search engines, as our first chart showed. Over a quarter will likely come from elsewhere. Consider whether people linking to your site will link to your home page, or is it a particular page on your site that caught their interest?

Web Design Considerations

We’ll now look at some data regarding users themselves. People use many different types of device to browse the web. There are laptops, desktops, tables and smartphones. We’ll just look at non-mobile use here, and as the chart shows there are many many screen sizes in use today.

Screen Resolution Usage chart
Screen Resolution Usage

Screen sizes on desktops and laptops have grown over the last 10 years, and a minimum of 1024 pixels width should be considered for web design. This information is critical for web designers to ensure that their layouts comply with the vast majority of the intended audience.

Web designers are now concentrating on Responsive design. Rather than designing different versions of websites for different screen sizes, the idea is to make the site gracefully adapt to different device capabilities. For example this could mean showing less information on mobile devices so as not to overwhelm the user.

Backwards Compatibility

Many people only have one browser on their computer, but even those who’ve installed some alternatives will probably end up using one as their primary tool for web browsing. Browsers don’t all follow the same rules for displaying pages and checking your website across a good range of software is essential. It’s something web designers should take care of, but if you update your website yourself, occasional use of a site like Browsershots that shows you what your site looks like is a good idea.

Browser usage trend chart
Browser usage trend

Internet Explorer still has the highest share of the market, across several different versions. It’s worth noting that Internet Explorer version 6 was notorious for displaying websites in unintended ways but has thankfully only 1.30% market share.

Summary

There is a lot to consider when building and promoting a website. We’ve looked at some data on website traffic, and this can help guide yo in building a compelling website that comes top of the search engines. However you may find some of the points we mention are not easily within your control. In general terms, search engines seek our unique, informative content wherever it may be found so if you avoid mediocrity and keep updating your website with fresh content you are on the right path to success.

Acknowledgements

This post would not have been possible without the data provided by StatOwl. Visit their site for lots more free data to help you improve your site. It is important for anybody using, referencing or relying on the data to understand the scope of coverage, which includes:

  • 80% of web sites serve a predominantly United States market
  • 32% of web sites classified as e-commerce sites
  • 29% of web sites classified as corporate sites
  • 20% of web sites classified as content delivery (blogs, news sites, etc.)
  • 19% of web sites classified as “other”

Please keep the information above in mind while viewing StatOwl reports.

CiviCRM User Group

The UK CiviCRM user group meeting took place last night in London. We were there, and this is our report.

people at CiviCRM meetup at techhub
CiviCRM meetup

The meetup was hosted at techhub, in London’s “Silicon Roundabout”, Old Street. Our host for the evening was Michael McAndrew of Third Sector Design, a company specialising in CiviCRM based in techhub.

Meet-ups are free and a great way to get to learn more about CiviCRM and are suitable for those that are new to CiviCRM as well as people that have been using it for years. There were two presentations, a mingle session and a case study report from a charity that’s successfully implemented CiviCRM.

CiviCRM in 2012

The keywords for 2012 are: mobile, scalable, community.

CiviCRM logo
CiviCRM

A code sprint (?) scheduled for later this month in London will be focusing on CiviMobile. CiviCRM for mobile devices includes iPhone, Android, iPad, Blackberry and more. This version will include the ability to view/search contacts and see most of the details of each contact. It will also allow users to create/edit contacts, and handle event attendee check-in. Several core developers will be in town and any developers are welcome to join.

CiviCon is taking place in San Fransisco on 2nd April. CiviCon is THE annual event bringing together the people who use, develop, design and implement CiviCRM. Good news for us in the UK though, a CiviCon Europe is planned for Autumn, although dates and location have not yet been finalised.

CiviCRM 4.1 News

  • Beta release for WordPress – along with Drupal and Joomla, CiviCRM will now work within WordPress. WordPress has emerged from it’s blogging roots to become one of the most widely used content managment systems in use today, powering an amazing 14% of the web.
  • Social plugins (Facebook, Twitter etc).
  • Better cron (simple for admins to setup).
  • Personalisation of campaign pages for events (think JustGiving).
  • Improvement to admin menu.

A couple of UK specific projects were mentioned, with a call for some help from developers or sponsors to get them completed. These are Direct Debit integration and Gift Aid. The Direct Debit integration is a “make it happen” project, which basically is a call for funding, and the Gift Aid module needs a bit of development help to fix some not too tricky bugs.

CiviCRM Marketing

The new CiviCRM website
The new CiviCRM website

Dave Moreton, from Bristol based Circle Interactive, talked to the group about improving the marketing of CiviCRM. It’s apparent that next to the giant forces of SalesForce, Microsoft Dynamics etc, CiviCRM has a much lower profile. It’s also true that it’s a very different product. That said, the non-profit, membership, civic sector are often unaware of the existence of CiviCRM and end up using a commercial-focused CRM system that is less than ideal. David’s talk was about efforts within the CiviCRM community to increase awareness, talk up it’s successes and provide comparisons and marketing material for system integrators to use. He finished by showing us a sneak peak at the new CiviCRM website, which of course aims to solve these issues.

If you are interested in helping, there are occasional IRC meets, an online group at civicrm.org/groups/marketing and PDFs, Powerpoint and how-to material at Spreadtheword

CiviCRM Case Study

Finally we heard from Leukaemia & Lymphoma Research (LLR). Parvez Saleh from Veda Consulting, talked us through the tasks that were needed for migrate in just 2 hours a complete legacy system to CiviCRM.

Leukaemia & Lymphoma Research website screenshot
the LLR website

LLR went from a system that was used by just a few users which specialist knowledge (and lots and lots of spreadsheets), to a website-integrated CiviCRM system that can be accessed by 80+ users, speeds up the financial reporting functions and will save the charity tens of thousands over the next few years, as well as enabling increased fundraising. Now one of the largest CiviCRM installations in the UK, the system serves the needs of 350,000 contacts, 90,000+ participants and over 1.2 million contributions a year. LLR are now holding a “spreadsheet amnesty” to move all data onto the system.

Successful Event

The event was attended by around 50 people. Most were new to CiviCRM but we also met with system integrators, developers, current users and administrators. The user group meeting showed that there is an established infrastructure of support for CiviCRM here the UK, and organisations considering it for themselves can be confident they will get the support they need. 2020Media provides complete hosting packages for CiviCRM, and our support is based around our hosting expertise. Therefore we can deal with the kind of problems you might have if you get a error on a page, emails not being sent, uploading images and so on. We can also help users get to grips with the basics of using Civi. We also have a network of developers and consultants so get in touch if you want to know more.

 

 

 

Joomla 2.5 released

joomla 2.5 logo
joomla 2.5

The long awaited new version of Joomla has been released today.

Joomla is a free content management system used on tens of thousands of websites of all shapes and sizes.

  • 2020Media hosting fully supports Joomla 2.5
  • 2020Media can help you migrate older Joomla versions to 2.5

Along with new features such as advanced search and automatic notification of Joomla core and extension updates, the Joomla CMS for the first time includes multi-database support with the addition of Microsoft SQL Server. Previous versions of Joomla were compatible exclusively with MySQL databases. This improves support on the Windows platform, which 2020Media are able to offer at no extra cost.

Other key features in Joomla 2.5 includes:

  • Automatic notification when a Joomla or extension update is available. When logged into the control panel, site administrators will instantly have access to new notification buttons that allows them to see and act on the latest updates. In addition to updates for the Joomla CMS, a second button offers third party extension notification updates.
  • A better natural language search engine to the Joomla core. Complete with auto-completion and stemming (for example if you type “running” in a search field you also see run), it is faster and more versatile than the standard search.

Contact 2020Media on 0370 321 2020 or sales@2020media.com or www.2020media.com/contact for more information about UK Joomla hosting.

Joomla 2.5 check
2020Media hosting fully supports Joomla 2.5

Joomla User Group Report 17 Jan 2012

picture of a Jug
Joomla User Group - Jug - geddit?

The first London Joomla user group meeting took place at UCL on 17 January. The user group is open to all with an interest in Joomla and no level of technical knowledge is required. This meeting welcomed many new faces and we hope they’ll join the user group again.

Joomla Template Overrides

There was no set agenda this month, but a topic that was explored in detail was template overrides. Joe from Softforge demonstrated the technique which allows you to modify the look and feel of your site in ways beyond what is built into the template options.  By using template overrides you avoid modifying core Joomla files and this means you can update Joomla when you need to, without worrying about breaking your website. The technique is simple in essence, though finding the right files or files to move does require some knowledge, and asking the usergroup is a great place to get some help.

  1. Copy Joomla core file to appropriate location within template folder
  2. Modify copied file as required.
  3. Reload Joomla page (clearing cache if needed).

It was suggested that template overrides be covered in more detail in another user group meeting.

News from the Joomla eco-sphere

  • Virtuemart out. The big daddy of Joomla shopping cart is finally released and feedback was good
  • K2 out. A component the replaces the ‘article’ with more extendible functions. think of Joomla! articles with additional fields for article images, videos, image galleries and attachments.
  • Rockettheme dropping Drupal. Popular Joomla template shop will stop developing themes for Drupal after low takeup.
  • Joomla 2.5, the next long term stable release is due for release on 24 Jan. Joomla 1.5 reaches end of life in April 2012.

Mootools/jquery

Mootools is a bundle of javascript included in Joomla core and is often used for making sliders and pop up photo galleries. Many third-party extensions use the jquery javascript library for their functions and there is currently a debate around including jquery within Joomla core. At the moment you often get several copies of jquery loaded by different extensions (and often different versions of jquery at that!). The argument against adding jquery to Joomla core is that recently a lot of work has been focussed on making the core as lightweight as possible.

The next meeting is on February 21st. If you plan on attending, let us know at 2020Media and we’ll see you there.

www.2020media.com/joomla

News, tips and reviews from one of Britain's leading web hosting companies