Testimonial for the developer mentorship of Highrise Digital

Hi, my name is Eugene and I’m currently working as a project manager for Indigo Tree Digital.

Last year I wanted to learn more about development and when I heard Highrise Digital was about to start their first mentorship for WordPress developers I applied right away. I knew Keith and Mark from meetups and WordCamps, they used to and still give technical talks, so I was confident they were very knowledgeable about development. They actually complement each other quite well since Mark is more back end whereas Keith deals a lot with front end.

I found the mentorship extremely informative, not only because I was able to share my thoughts and ask any questions but also because I was exposed to queries from the other attendees. That gave me a broader insight of what issues other people might face.

I also liked the format a lot. Google hangout is not just a way to share your ideas but also a way to build your confidence talking about technical concepts with people you never met before.

The mentorship also included a Slack channel on which we could ask for help at any time.

Moreover, as time went by, I realised that we were all at different levels and came from different background with different experience. It was nice to notice that we could help each other independently of Mark and Keith.

The time they dedicated to us was very generous, if I recall right we went on for 12 weeks, each session was between 60 to 90 minutes.

A few months after the mentorship was over, I coincidentally bumped into most of the attendees at WordCamp Manchester. I was nice to meet them in person.

Sometimes I wish I could work less and catch up with everyone else.

The only downside of the whole experience is that you can’t attend twice but they were kind enough to keep us on the Slack channel so if there is anything we need to know we can always ask.

I’d like to thank yet again Keith and Mark for setting this up, running it in a very casual yet professional manner, I learnt a lot and would recommend it to anyone.

Learn more about the mentorship here.



From Avada to Underscores Theme

One of my first WordPress website back in 2012 was one for a local charity, the Holly Lodge Community Centre in Highgate, London.
Back then I wanted to keep it nice and simple so I decided to use Coraline for the theme.

Last year we felt the need to do a revamp and because I wanted to give the people of the charity the opportunity to build page layouts on the fly, I decided to replace Coraline with something more feature-rich and flexible like Avada.

A month ago, whilst running some general maintenance, I realised how slow the site was. By running a few speed tests with Pingdom and the Query Monitor plugin I came to the conclusion that Avada was bloating somehow the installation.

That combined to the fact that none of the charity workers had never built a page layout with Avada in the past year, led me to consider building a custom theme for the website to make it lighter and faster.

Underscores Theme

I had heard of Underscores before so it was no brainer for me to use that for my new theme. I will write a blog post about what Underscores is in details in due time but for now just take the following:

  • light weight,
  • starter theme,
  • meant to be hacked,
  • sassified,
  • backbone of many official WordPress themes,
  • licensed under the GPLv3 (July 2017),
  • a product of Automattic and
  • looked after by 10s of very smart developers.


These are the highlights of the workflow I followed. I hope I’ll have the time soon to write dedicated blog posts about each step so that you could get a deeper insight into my experience.

  1. Build a static replica of the existing site with Bootstrap 3 on my local development environment, MAMP.
  2. Add a sassified version of Underscores on a separate install on MAMP.
  3. Create a new repo on GitHub for the site with WordPress.
  4. Set WP_DEBUG to true & add some developer plugins:
  5. Add Grunt module to work with Sass.
  6. Implement the Autoprefixer module.
  7. Import assets.
  8. Enqueue style, scripts & fonts.
  9. Import CSS after conversion to SCSS.
  10. Add WordPress to the header, footer and page title bar.
  11. Create Sass variables and mixins.
  12. Build page templates (6) with Advanced Custom Fields.
  13. Import content with WordPress Importer.
  14. Edit blog index, single blog page and archive templates.
  15. Clean up some of the style inherited by Underscores.
  16. Add feature plugins:
  17. Add WordPress to the main navigation menu, make responsive & accessible, borrowing some code from Twenty Seventeen.
  18. Create a custom widget for the sidebar.
  19. Code conditional statement for most images featured across the site.
  20. Write some media queries.
  21. Add custom functions to escape advance custom fields output.
  22. Deal with notices thrown by the Theme Check plugin.
  23. Implement and run php code sniffer.
  24. Comply with most of WordPress coding standards.

I’m so glad I used git and GitHub for version control otherwise reconstructing the steps of this project would have been a challenge in itself.

The site was launched before total completion as I was eager to see what the speed gains were. I then used DeployHQ to top up any new piece of coding.

See the new site running on Underscores here. For the sake of comparing & legacy, you can also see the old site running on Avada here.


Here is some data for you to compare, both installation run on TSO Host and they have the same plugins (with a few minor exceptions):

The following table shows data collected from the pingdom tools.

ThemeGradeLoad timeFaster byPage sizeRequests
AvadaB – 845.99s25%2.3 MB42
_SB – 871.93s72%1.2 MB29

The tables below gather data from the Query Monitor plugin on some of the main pages.

ThemePage generation timePeak memory usageDatabase query timeDatabase queries
Avada2.23s73,125 kb0.5409s73
_S0.77s36,091 kb0.1016s61
Events page
ThemePage generation timePeak memory usageDatabase query timeDatabase queries
Δ-0.79s-39,846 kb-0.8461s-35
Hall Hire page
ThemePage generation timePeak memory usageDatabase query timeDatabase queries
Avada2.62s89,526 kb1.0911s74
_S1.73s33,094 kb0.0434s43
Δ-0.89s-56,432 kb-1.0477s-31
Contact page
ThemePage generation timePeak memory usageDatabase query timeDatabase queries
Avada2.57s89,557 kb1.1765s75
_S0.63s33,094 kb0.0463s34
Δ-1.94s-56,463 kb-1.1302-41
WordPress Dashboard page
ThemePage generation timePeak memory usageDatabase query timeDatabase queries
Avada2.91s82,295 kb0.0842s83
_S0.67s44,096 kb0.1224s63
Δ-2.24s-38,199 kb-0.0382s-20

Needless to say, the Underscores instance is much faster, lighter, cleaner and more secure.

Furthermore, the website is now also more environmentally friendly. See what Tom Greenwood of Wholegrain Digital thinks of the Web industry carbon footprint.


This project has been an amazing journey in which I learnt a lot and I’d like to thank the following for making it less painful:

Morten and his courses on Lynda, the WordPress code reference, the WordPress Stack Exchange and of course Google have been instrumental in my learning process as well.

How about you?

Have you built a theme with Underscores? How did you like it?
Let me know what you think of my journey and feel free to share your experience in the comments below.