Welcome to Wrights HQ

A blog by Ian Wright - Front-end web developer based in the UK specialising in Drupal & WordPress development.


10% time – Drupal developer diary: Creating our module (part 1)

To create my Drupal 8 module I setup the required files & folder structure. In Drupal 7 you would require a .info & .module file. Now in Drupal 8 the only required file is the .info equivalent modulename.info.yml which contains similar information about the module. All modules which are install in Drupal 8 go into the following […]


Understanding Twig in Drupal 8

I have built multiple sites within Drupal 8 now, some brochure & a few more complex sites but in all cases of Drupal 8 the front-end theming is achieved with twig. What is twig? Twig is a modern template engine for PHP  Fast: Twig compiles templates down to plain optimized PHP code. The overhead compared to regular PHP […]


10% time – Drupal developer diary: Overview

In Drupal 7 there are loads of different mapping solutions but none of them would achieve all functionality which I required whilst developing sites. This is my developer diary on creating a Drupal 8 mapping field formatter.


10% time – Drupal developer diary introduction

Each week at miggle we get the benefit of 10% time. 10% time is to allow developers expand their learning knowledge on something they think will help increase and benefit their work. For me, I use this time to expand my understanding of Drupal 8. My passion is front-end development and I have done quite a bit of front-end work […]


Using Composer to install packages for your Drupal project

I have recently been working on a lot of Drupal 8 sites and a few modules have had Composer dependencies. When I first looked into how the dependencies worked I always seemed to hit a problem where I didn’t know how dependencies should be installed for Drupal. This is a brain dump of how I […]






Placing a single marker on a Google Map (Using API 3)

I have done a lot of work with Google Maps in Drupal 7 with getLocations. I am now building out my own custom map scripts to understand the full features Google has to offer & see what’s possible. In this example I am just placing a single marker on the map using London Eye’s latitude & […]



HTML Tabs

In this example we build a CSS & JS tabbed block


SVG techniques with fallback for older browsers

I tend to do the following method when using both SVG & PNG graphics in html code. Recently though I ran into a problem where the page was loading & I could see double graphics. First the SVG overlapped the PNG & then once the page had fully loaded the PNG was still slightly visible […]


Disable WordPress 3.7 Auto Updater

With the release of WordPress 3.7 comes some fancy core updates, mainly focusing on security & stability. What a lot of the WordPress community are excited about is the addition of automatic updates. For many this is a great feature where they know their websites are always going to be running the most secure version […]


Sass Mixin for SVG/PNG Fallback

For my work I am developing more mobile & retina websites. To make life easier when writing CSS we should all be using SASS. Below is a great mixin for SVG (Scalable Vector Graphics) with PNG fallback for older browsers (IE8 & below) Example One: This example loads in the SVG graphic but for older browsers […]


Mapping in Drupal 7 with Get Locations

I’ve recently had the challenge of displaying node data on a Google Map, with the ability for the user to switch between satellite view, terrain view & Street View. In this tutorial I will aim to show you how to setup Google Maps in Drupal 7 using the following modules. Get Locations Geofield geoPHP Geofield […]


Quick Tip: List all Registered Image Sizes in WordPress

When you register a custom image size via add_image_size(), or you install a module which uses custom images sizes to extend WordPress’s defaults – thumbnail, medium & large, all registered image sizes are added to the global variable $_wp_additional_image_sizes. While you are developing, you can place the following code within any of your template files to […]


Setup Diet Coda to edit local files (localhost)

One thing I wanted to be able to do with an iPad was setup a local development server so I could create sites on the move or make small edits without the need for using a desktop computer. Well, setting up a development server unfortunately is not achieveable (I haven’t found a way) so the […]