Wrights HQ
A blog by Ian Wright - Front-end web developer
WordPress & Drupal developer building sites from a blank canvas. Enjoying everyday at miggle.co.uk as a senior Drupal developer.
This post in a continuation post from Creating our module (part 1) and this time I’m going to explain how I built out the help and configuration pages. To me these two section are very important to a module. The help page may not be used by many developers as all modules tend to come with […]
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 […]
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 […]
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.
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 […]
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 […]
In this example we are going to see the best route to take between two markers on a Google Map based on our mode of transport.
In this example we are displaying multiple markers on the map, with each marker being clickable to display the info window.
In this example we have altered the display of our map using the Styled Map Wizard to set up the JSON for our styles.
In this example we have now added a few extra lines of code which allows us to display an info window when our map marker is clicked.
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 & […]
In this example we create 3d looking text with just CSS3
In this example we build a CSS & JS tabbed block
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]