• Skip to content
  • Skip to footer
A Bright Clear Web

A Bright Clear Web

A Bright Clear Web - Simple, effective, accessible websites

  • Home
  • About
  • Websites
  • Writing
  • Learn
  • Blog
  • Contact
You are here: Home / WordPress / Och Aye The Wapuu! Spotlight On WordCamp Edinburgh 2015

Och Aye The Wapuu! Spotlight On WordCamp Edinburgh 2015

Posted: December 11, 2015 Updated: June 12, 2019 by Claire Brotherton
7 Comments

The Edinburgh Wapuu

The last time Edinburgh had a WordCamp was in 2012. I was fresh out of university and eager to meet members of the WordPress community.

I’d dabbled a bit with WordPress a few years before, but was keen to learn more and meet members of the local WP community. The weekend conference drew attendees from all over the UK.

Fast forward on a few years… I now make my living as a web designer, with WordPress as my platform of choice.

The Edinburgh local WordPress group disbanded and reformed as the WordPress Edinburgh Meetup group.

And then they decided to put together a WordCamp… in 8 weeks. I didn’t think it could be done, but the organising team made it happen.

It took place on Saturday 24 November 2015.

Here’s my take on the day..

Mark Wilkinson – Beyond FTP

Following the introduction, I started my day with the code track and this talk from Mark on his method of building and deploying websites.

Mark Wilkinson
Mark Wilkinsonat WordCamp Edinburgh 2015

Tools and software Mark uses for development

MAMP for local development. (Mark uses a virtual hosts file to point his local server to markwilkinson.dev rather than the standard http://localhost:8888/ – clever!)

Git client Tower for version control ($69 for a license).

Staging site on the client’s server, to make sure the code runs smoothly on the production environment.

To synchronise the database data, either Interconnect.it’s Database Search & Replace Script (free) or WP Migrate DB Pro – currently $199 for a developer license. These make the process faster and avoid any issues with serialized data.

DeployHQ for full site deployment (from £6/month).

One tip: don’t put your wp-config.php ifile n a public repository, unless you want to be a target for hackers!

Lots of tools to investigate then, plus an interesting insight into another developer’s process.

Slides link: Beyond FTP

Dave Green – Building Themes With The WordPress Customizer API

Dave Green
Web developer Dave Green talking about the WP Customizeer

Dave explained how he’s had fun with the WordPress Customizer, which has been around since WordPress 3.4. It allows you to change options within your theme and see the changes in preview before you apply them.

It’s now part of Core, and theme developers are now required to move away from custom theme options panels to using the Customizer.

To get started with the Customizer API, you need:

  • An /inc/ folder in your WordPress theme
  • A customizer.php file in that folder
  • Code in your functions.php which references the customizer.php file

You then need to create sections, panels and controls.

Panels are the top-level containers which hold Sections. Controls live within the sections. It’s usual to group controls of a similar type in the same section e.g. heading controls.

You can’t add controls without putting them in a section or panel.

You save and validate data and allow preview mode through Settings. There are 2 save modes, Theme_Mod (recommended, unique to that theme) and Option (can be used by all themes/plugins).

Dave showed us an example of some customizations he’d implemented, where the user could type in text and see it immediately on the front end.

The WordPress Customizer
The WordPress Customizer in use – text typed in shows up instantly in the preview

I enjoyed Dave’s talk and it made me want to investigate further. I just need to improve my Javascript. 😉

Graham Armfield – Assistive Technology Demo

Graham Armfield
Graham Armfield makes a point at his assistive technology demo at WordCamp Edinburgh

Graham demonstrated two programs to assist disabled web users:

  • Dragon Naturally Speaking, an application for motor impaired users which allows you to control the computer screen by voice
  • NVDA, a free screen reader for Windows for users with visual impairments

In terms of browser support, we learned that Dragon works best with Internet Explorer – support for the new Windows 10 browser Edge is not yet so strong. NVDA works optimally with Firefox. People with access needs don’t tend to use Chrome.

Dragon Naturally Speaking

Dragon requires a certain amount of training to master the program and for it to become accustomed to your voice.

Dragon has a lot of commands built in, including recognising application names (‘Open Microsoft Word’) and email addresses. It also has drag and drop support, though it’s very slow to use.

Fine-grained selection can be done using the Mouse Grid.

NVDA

NVDA is controlled primarily by the keyboard. WebAIM have a useful list of NVDA keyboard shortcuts.

The Elements List panel in NVDA
The Elements List in NVDA. This is accessed by the NVDA key (set by the user) + F7 and allows quick access to links, headings or ARIA landmarks.

NVDA and other screen readers are improving at recognising updates to pages, though this depends on developers using aria-live regions.

Accessibility issues

Graham showed us some examples of forms marked up well and badly to see how the technology handled them. In some cases it was impossible to access a form control or to select the desired option.

Modal windows also cause accessibility issues, as the z-index of them is set so high the user can never access the form controls.

This was an eye-opening live demo. It was good to see what could (and couldn’t) be done with each program. I’ve had some practice with Dragon as I have a copy myself, but I haven’t mastered it.

Steven Jones – The Ultimate Guide To Image Optimization

After lunch, I chose to go with the Content track.

I was particularly interested in Steven’s talk as I’ve recently blogged about the importance of optimizing images for web. Having massive images on a site is common mistake for users to make.

Steven explained that most web pages are now around 2MB in size, and two-thirds of the total are images.

Steven Jones
Steven Jones telling us all the ways we can optimize images for WordPress sites

Optimizing images

The problems and solutions are:

  1. Large file size images uploaded.
    Solution: Use Imsanity plugin.
  2. Large file size images after upload.
    Solution: Compress images with a plugin like Kraken.
  3. Images that come with a theme not optimized.
    Solution: Use a task runner like Grunt to compress them.
  4. File type not optimal.
    Solution: Choose types with smaller file sizes like WebP where you can.
  5. Dimensions larger than shown on the page.
    Solution: Use the add_image_size() function in your theme.
  6. Lots of small images being loaded.
    Solution: Use image sprites or a CDN.
  7. Images below the fold still downloaded if the user does not scroll.
    Solution: Use a lazy loader like LazySizes.

Responsive images

Steven also discussed responsive images and the difficulties of serving the right image to the right device.

The latest version of WordPress, 4.4 now has responsive image support built in. This means that larger images for desktop won’t be loaded on mobile devices – a smaller version will instead.

For generating and using Retina images, the WP Retina 2x plugin is worth looking at.

Slides link: The Ultimate Guide to Image Optimisation in WordPress

Valerie Adler – Your Website? It’s Not For You

Valerie Adler. The slide reads, "No one can guarantee a #1 ranking on Google."
Valerie Adler talking SEO at WordCamp Edinburgh.

Valerie’s talk was another I was looking forward to, as we’d made contact before the event and chatted before her presentation.

Valerie was talking about SEO, but was careful not to describe herself as an SEO expert. She regards the industry as filled with cheats and charlatans.

A lot of what she said was plain common sense – but sometimes we need reminded!

Google’s advice is to:

Write high quality, relevant content.

The main thing to remember is that your website is for your audience. Knowing them, visualising them, having a niche and being apt are key.

As web designers we need customers that meet the following criteria:

  • They have enough money to pay for us.
  • There is a high chance we’ll satisfy them.
  • The business relationship is of prime importance.

We also need to remember that:

Sites don't rank. Pages rank. - @rightwebsite Share on X

Long tail keywords are our best chance of getting pages to rank. Once we’ve got visitors to our site we need to do all in our power to eep them there – use internal links, supply contact details, have a newsletter signup, links to products – whatever it takes.

Slides link: Your Website? It’s Not For You

Panel Discussion – WP REST API and the future of WordPress Development

Nate Wright and Tim Nash
Nate Wright and Tim Nash discuss the REST API

Nate Wright, Tim Nash and Sergio Estevao chatted about the REST API and what it means for the future of WordPress.

I attended this as I’d missed the other REST API talks. Perhaps this was a mistake, as I didn’t really get what they were talking about. I just know that it’s the best thing since sliced bread. 😉

The WP REST API is being rolled out gradually into WordPress Core, and stage 1 is now implemented in WordPress 4.4.

Find out more about what the REST API integration means for WordPress.

Jason Agnew – Open Source: The Story of Herbert

Jason Agnew at WordCamp Edinburgh 2015
Jason Agnew talks about his open source project Herbert

The last talk of the day came from Jason. As it straddled both code and content. it was fitting that we all listened to his story.

Herbert was Jason’s attempt at building an open source WordPress framework for plugin development, named after the Family Guy character.

It started really well with 100 stars in GitHub on just 4 days.

5 days after the launch, it was obvious that Herbert was broken, and needed a complete rewrite.

He fixed it – with 2 weeks’ work.

Jason reflected on his learnings from the project.

What Jason learned from Herbert

  • Don’t launch your project immediately – wait a fortnight
  • Build a brand
  • Document everything
  • You can learn a lot from others

Benefits of working on an open source project

  1. More credibility, which lead to work.
  2. Critical feedback from others helped him to improve processes.
  3. Freedom to explore which generated better motivation.

The good news is that now, Herbert is still alive and well, but needs a team to work on it.

Slides link: Open Source: The Story of Herbert

And that was it for the day, and we were off to the party.

Slide presentations

Slide presentations for all the talks are available to download from this link:

WordCamp Edinburgh: Sessions, speakers and slides

Videos of the talks will be on wordpress.tv soon!

Highs and Lows of WordCamp Edinburgh 2015

Highs

  • Loved Edinburgh Wapuu! <3
    The Edinburgh Wapuu
    Edinburgh Wapuu designed by Chris Roy 
  • Food was lovely – haggis, neeps and tatties, yum!
    Haggis, neeps and tatties on a plate with knife and fork
    The WordCamp Edinburgh lunch supplied by Social Bite
  • The venue was excellent. Skyscanner’s office is a joy to behold.
    Table football at Skyscanner's office
    Table football at Skyscanner’s office
  • Great crowd of people. I enjoyed catching up with Graham Armfield again (we first met at WordCamp Edinburgh 2012), and chatting to Valerie Adler and Ben Usher-Smith.
    Ben Usher-Smith and Valerie Adler holding marbles
    Don’t lose your marbles! Ben Usher-Smith and Valerie Adler at the afterparty

Lows

  • Needed more swag – it was a bit thin on the ground. The Buff (a kind of multifunctional scarf) was a novel idea, but I missed having a t-shirt – though a jumper might have been better for the cold weather!
  • I missed my opportunity to speak as I wasn’t feeling well. Though it has to be said, Graham’s accessibility demo benefited as he was able to cover more ground.

Enjoyed reading about WordCamp Edinburgh 2015?

Phew, you made it to the end!

Did you enjoy this post? Why not read about my other WordCamp experiences:

  • WordCamp Bournemouth 2014
  • WordCamp Birmingham 2015: Day 1
  • WordCamp Birmingham 2015: Day 2
  • WordCamp London 2015: Day 1
  • WordCamp London 2015: Day 2

Related

Category: WordPress Tags: assistive technology, customizer, Edinburgh, open source, responsive images, REST API, SEO, web development, wordcamp

About Claire Brotherton

Freelance web designer and front end developer based in Edinburgh, Scotland. I love WordPress, code, learning and blogging.

Reader Interactions

Comments

  1. Alistair says

    December 11, 2015 at 3:12 pm

    I really got a bunch from the accessibility and customizer talks.

    The swag and haggis wasn’t bad either.

    Well done.

    Here’s more or less of what you and Dave said with regard to the Customizer.

    http://social.studiocrafted.co.uk/theme-configuration-with-customizer-api/

    Reply
    • Claire Brotherton says

      December 11, 2015 at 4:38 pm

      Thanks Alistair for your comment. Glad you enjoyed the day.

      It’s handy to have the code in that Customizer post – vey useful.

      Reply
  2. Henriette says

    December 11, 2015 at 11:10 pm

    I look forward to see the videos of the talks, there are quite a few talks you mention that I’d like to see. Shame there won’t be one of you this time round.
    Regarding the optimizing images talk, and in particular the point about image dimensions, I like to use Aqua Resizer (https://github.com/syamilmj/Aqua-Resizer) to create the image sizes I need, on the fly, as I need them. Helps saving the server’s resources. 🙂

    Reply
    • Claire Brotherton says

      December 14, 2015 at 8:36 pm

      Thanks Henriette – I was gutted to miss out on speaking this time, but I hope they’ll run the event next year.

      Aqua Resizer looks like a good tool to bookmark. 🙂

      Reply
  3. Jane Travis says

    December 18, 2015 at 1:07 pm

    It sounds like you had a great and informative day, Claire. I love those sort of events, I always pick up loads (even though I am in a different field to you). I also love a healthy swag bag 🙂

    jane

    Reply
    • Claire Brotherton says

      December 18, 2015 at 4:48 pm

      Thanks Jane for reading & commenting.

      What do you consider good swag? I like t-shirts, memory sticks, mugs and you can never have too many pens! 🙂

      Reply

Trackbacks

  1. Unicorn Heaven! Highlights From WordCamp Edinburgh 2017 | World of WordPress says:
    July 30, 2017 at 1:58 pm

    […] My first WordCamp was Edinburgh 2012. We were overdue another one in my home city – the last WordCamp Edinburgh was in 2015. […]

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email. Read my privacy policy.

potted cactus and laptop with code

Footer

Categories

  • Accessibility
  • Blogging & Content Marketing
  • Business
  • Personal
  • Software & Tech
  • Websites
  • WordPress

Top Posts

  • How To Create WordPress Excerpts And Include Links In Them
  • How To Solve WordPress Image Alignment And Text-Wrap Problems
  • Improve Your Divi Website's Reach With Divi Accessibility
  • How To Set Up And Customize Twenty Nineteen Theme
  • Registering a Domain Name with GoDaddy - Step by Step

Let’s Be Social

  • E-mail
  • Facebook
  • LinkedIn
  • Twitter
Copyright © 2014 -2025 A Bright Clear Web
  • Privacy and cookies policy
  • Site map