Human Made’s approach to Gutenberg? Don’t repeat yourself.

Libby Barker, a Senior Project Manager, and K. Adam White, a Senior Developer, both from Human Made, spoke about their approach to working with clients on Gutenberg projects, even before its recent official launch in WordPress 5.0. This talk was delivered on November 13 at BigWP NYC, a gathering of developers and product people who work on WordPress applications at scale.

Instead of reinventing the wheel, Human Made started with the blocks already available in Gutenberg, and customized from there. Rather than spending time and effort building blocks from scratch, they were able to give clients more control of design elements and a better editing experience.

Any Gutenberg block might turn out to be reusable on another page, or in another layout. In one example they shared, the Human Made team found that an element built for a site’s homepage could double as a recirculation module at the bottom of single posts or pages, too.

Watch the talk:

BigWP is our enterprise WordPress meetup series, that brings together developers, business leads, and product people who work with high-scale WordPress applications every day. To be the first to find out about the next enterprise WordPress event in New York, join the meetup group. You’ll find groups for other cities there as well.

Find all of the talks in the November’s BigWP playlist.

Bringing AMP and Gutenberg Readiness to Setka

How the Setka Editor team built AMP compatibility into their custom post design tool

At our latest enterprise WordPress meetup in New York on November 13, Katya Bazilevskaya, Cofounder and CEO at Setka, talked about building the Setka Editor to be Gutenberg-ready and AMP-ready. The Setka Editor is a powerful tool for building beautiful longform stories out of building blocks, all optimized for mobile with full Google AMP integration.

The Setka team transformed WordPress galleries, javascript libraries, and even animations into AMP-ready HTML elements, speeding up mobile load times and giving users a lightning-fast experience.

Modern CSS approaches available in AMP help cut down on time to First Meaningful Paint, and Setka users are seeing the difference.

Watch Katya’s talk:

BigWP is our enterprise WordPress meetup series, that brings together developers, business leads, and product people who work with high-scale WordPress applications every day. To be the first to find out about the next enterprise WordPress event in New York, join the meetup group. You’ll find groups for other cities there as well.

Find all of the talks in the November’s BigWP playlist.

Push Notifications at Scale at the New York Post

How The New York Post uses WordPress to manage push notifications for a busy newsroom

Remy Stern, Chief Digital Officer at the New York Post, our hosts at BigWP NYC on November 13, led off the presentations with an explanation on how they use WordPress.com VIP to send thousands and thousands of push notifications, email alerts, and to control their breaking news alerts on the web, too.

Why use WordPress to manage notifications? It’s the central tool for workflow in their newsroom, and reduces the risk of errors by keeping things in one familiar system with a consistent user experience. As a bonus, that helps things move quickly.

“Speed really matters when you’re sending out breaking news push notifications.”

Maropost, Urban Airship, and even Apple News are all in the notifications mix for the New York Post, all managed from inside their WordPress admin.

Watch Remy’s talk in full:

BigWP is our enterprise WordPress meetup series, that brings together developers, business leads, and product people who work with high-scale WordPress applications every day. To be the first to find out about the next enterprise WordPress event in New York, join the meetup group. You’ll find groups for other cities there as well.

Find all of the talks in the November BigWP playlist.

Choosing the Right Multilingual Solution for Enterprise Development

The idea of multilingual web publishing sounds straightforward enough. A publisher operating in multiple countries, or in a country where multiple languages are spoken, needs the ability to manage content – as well as site features like navigation – in multiple languages.

But having worked on many such projects in my career, I can assure you that multilingual publishing means different things in different situations. Is content always created in one particular language, then translated into the others? Or can content originate in any of the operational languages? Is every piece of content translated? If so, when, and by whom? If not, what do you do when a piece of content isn’t available in the language being viewed?

WordPress has been fully translated into dozens of languages, from Afrikaans and Albanian to Vietnamese and Welsh; but it doesn’t have a built-in solution for multilingual operation. While that might initially seem like a negative, it means there is scope for a number of different approaches, reflecting the different scenarios and workflows associated with multilingual publishing.

At last month’s Big WP event in London, Giuseppe Mazzapica from VIP agency partner Inpsyde reviewed the approaches taken by some of the best known WordPress plugins, noting their respective strengths and weaknesses.

Inpsyde are, of course, the agency behind Multilingual Press, the multilingual plugin we use most often at VIP. Its approach, based on the multi-site mode built into WordPress, stays closest to ‘normal’ WordPress operation. This means other functions, including third-party plugins, are much more likely to work without workarounds.

But the VIP platform also supports other solutions, which may be a better fit for certain clients, their requirements, and their workflows. Our engineers are always happy to talk through the workflow needs of any given project, and help our clients make the right choice.

Thanks to Chrissy at Inpsyde for the beautiful featured image on this post!

The WordPress Tool Set Powering the Lions Tour

Note: This is part of a series of posts highlighting talks from the BigWP London meetup at Twitter HQ on the evening of December 7. 

Sotic are a digital agency focused solely on sport, who recently adopted WordPress as their strategic development platform of choice. Senior front-end developer Dan Drave peeled back the curtain on the specialized knowledge and experience they have gained in building digital platforms for some of the biggest brands and governing bodies in European sport. Specifically, Dan’s talk shared the approaches and tools they used to support the British and Irish Lions as they faced the mighty All Blacks (now also running WordPress, by the way) earlier this summer.

The key elements that define Sotic’s approach include:

  • A custom WordPress theme built specifically as a sports CMS foundation
  • Custom Post Types that support unique formats such as quotes and fun facts
  • Advanced Custom Fields to weave the post type fields into templates
  • Sotic Metadata and Widgets that work with their customized API
  • The WordPress REST API

In this clip, Dan explains the mission and functional requirements involved in supporting a high scale sport site such as the Lions Tour:

Watch Dan’s talk in full:

More from this month’s BigWP London:

Capgemini’s Move from Drupal to WordPress

Note: This is part of a series of posts highlighting talks from the BigWP London meetup at Twitter HQ on the evening of December 7. 

Earlier this year, global consulting and technology leader Capgemini completed an impressive replatforming from Drupal to WordPress and to WordPress.com VIP, supported by agency partner Human Made. Parker Ward, global head of digital and content at Capgemini, took to the BigWP podium last week to share highlights of the case study.

The initiative successfully addressed a number of shortcomings of the previous system, from administrative bottlenecks in making changes to a challenging and unfriendly interface that itself caused churn within teams who were required to use it. Where previously the site was dependent on 4 Drupal webmasters, their new WordPress build already had 70 people managing content across 40 markets, with more to follow.

The new WordPress platform also put in place new functionality that will better support the needs of Capgemini’s 200,000 employee global operation. Adding a simple, powerful shared publishing calendar has allowed teams of marketers globally to free up their email inboxes and share an always updated canonical record of what content each team is running, day after day.  Another new feature Parker highlighted involves customized syndication tools that empower local editors to manage their own use of global content and also share content laterally.

In this clip, you’ll hear Parker describe the state of the previous Drupal system and the processes around it, at the time when he was brought on board, and some of the challenges the new WordPress system solved for:

Watch Parker’s talk in full:

More from this month’s BigWP London:

What’s Next for the Liveblog Plugin

Note: This is part of a series of posts highlighting talks from the BigWP London meetup at Twitter HQ on the evening of December 7. 

Jason Agnew, technical director at our agency partner Big Bite, presented an overview of the work they’re doing with us to rebuild and update our popular and powerful Liveblog WordPress plugin, initially released in 2012 and up for a re-release soon.

He started with some perspective on how and why big media companies use Liveblog, to create rolling coverage of breaking news (see: GlobalNews.ca) and high profile events like national elections or the Academy Awards. It’s a fantastic way to host a single, frequently updated page in real time, usually with contributions from a number of writers and editors who may be watching and curating from multiple external locations and sources.

Jason went through some of the advantages of the Liveblog approach over things like Tweetstorms:

  • No item length limitation
  • Support for all kinds of form factors
  • Ability to run more than one at a time
  • Persists after the event without any additional effort

In this clip, Jason talks about the project’s goals and the focus of the next release:

Watch Jason’s talk in full:

More from this month’s BigWP London:

Gutenberg at BigWP London

 Note: This is part of a series of posts highlighting talks from the BigWP London meetup at Twitter HQ on the evening of December 7. 

Fresh from participating in WordCamp US and meeting with several enterprise WordPress teams at big media companies in New York, Gutenberg design lead Tammie Lister (@karmatosed) took the BigWP crowd through an overview of the project and a look at the editor plugin’s latest progress (more background on Gutenberg here).

The strength of WordPress is based on its large, diverse and passionate community of users and developers, and it’s fair to say that passions have been stirred by Gutenberg and its implications. With all development happening in public, it has been easy for anyone with an interest to jump in and participate. The team has welcomed that engagement, providing a range of perspectives that have helped to refine the user experience with each weekly release.

In the clip below, Tammie describes some of the ways the team has brought in feedback and hands-on user participation, including online and via an in person testing booth at WordCamp US.

Watch Tammie’s talk in full:

More from this month’s BigWP London:

BigWP returns to London in December

london-bridge

Our next BigWP London event is only three weeks away, and it’s going to be a pre-Christmas cracker.

Twitter’s central London office will again play host to our gathering for enterprise-level users of WordPress, and the agencies who support them, after work on Thursday 7 December.

Our London events are organised by the WordPress.com VIP team with the invaluable help of our partners at leading global WordPress development agency Human Made. We aim to hold them once every six months: but this will be our third in calendar year 2017.

We’re very excited to announce Tammie Lister, design lead on Gutenberg, as one of our speakers. Gutenberg is the project to reinvent the main WordPress editor component, using the principle of content blocks; and is due to be integrated into the next release of WordPress, version 5.0. It makes content creation beautiful and effortless; and lays the groundwork for exciting developments further down the line.

Gutenberg represents the most significant change to the core user experience in several years. It’s essential for enterprise clients and agencies to understand what is happening, and the implications for custom development, now and in the future.

Tammie will be racing back from WordCamp US, taking place just a few days earlier in Nashville, with Gutenberg certain to be a hot topic at the event. It’s your chance to hear the very latest from one of the project’s leads, and to ask her any questions you may have.

Also on the evening’s agenda:

  • Having been strong advocates for Drupal in recent years, global technology consultancy Capgemini recently moved their entire corporate web presence from Drupal to WordPress. Parker Ward, Capgemini’s global head of digital and content will tell the story of the move.
  • VIP is currently working with our agency partners Big Bite to rebuild our popular Liveblog plugin for WordPress. Jason Agnew will explain how the new version gets around the performance bottlenecks of its predecessor, using React, Redux and RxJS Observables to simplify the overall build.
  • Sotic are a digital agency focused exclusively on the world of sport, running sites for top-flight professional clubs, national governing bodies and international events. Over the past year, they have adopted WordPress as their platform of choice; and senior front-end developer Dan Drave will explain how they used it to power the data-rich website for the British & Irish Lions rugby tour to New Zealand this past summer.

Come straight from the office: we’ll be providing food and drinks. We expect to finish around 8pm, and will go on somewhere for a festive drink or two.

Capacity at the event is limited; so please sign up today via our page at meetup.com to guarantee your place. You will need to submit a request to join the group if you aren’t already a member: this is purely to ensure the group retains its enterprise focus.

Custom Tools for the Largest UK Newspaper: The Sun and Human Made

Powerful and intuitive, the WordPress editorial and content management interface is also extremely flexible. It has been customized to match varied and sophisticated workflows for enterprise media and marketing teams all over the world.

Last month at the Big WP Meetup in London, John Blackbourn (@johnbillion) of VIP agency partner Human Made presented highlights of a major customization project for The Sun and its sister publications, The Irish Sun and The Scottish Sun. The Sun is the largest newspaper in the UK by circulation, and second-largest by online audience. The customization work was just one piece of a larger replatforming initiative that moved The Sun to WordPress.com VIP from a print-based CMS. This was a massive undertaking, and involved moving 10 years worth of content — 400,000 articles and a terabyte of images.

John’s talk focused on the interface Human Made built to match the editorial workflow of the three publications.

A Layout Customiser for The Sun

Requirements and Discovery

Highlights from the Sun’s editorial requirements included:

  • Editors need to quickly and frequently alter the content and the layout of the home page, which can change as often as every ten minutes
  • Complete, visually accurate previews of changes before they go live
  • Scale to handle and manipulate hundreds of articles on the same page
  • Smart and efficient data storage methods

To gain more context and uncover useful details about each of these requirements and how the editors really work, Human Made ran a workshop with The Sun’s editorial team.

They found that editors very frequently move a story around on the home page based on importance, and not in only one direction. Depending on how a particular story develops, it can take any number of routes through the slots on the page. And story order can change up to every few minutes.

Also, originally editors thought they wanted open and free-form editing capability, to have a fully open palette with which to work. Through exploration they found that there are really a limited number of patterns that they use frequently. They may be updated every once in a while, but for the most part they work from a number of pre-set formats. A detail or shade of clarity on a requirement like this has a huge impact on how an agency like Human Made conceives of the solution, and what they prioritize.

Watch Blackbourn describe highlights from the workshop below:

The result of the project was a completely overhauled layout customizer (using WordPress’ extensible Customizer) and page/section management tool – all set up to work within the WordPress admin interface without requiring any side trips or extra clicks. It’s a tool The Sun’s editors live in every day, all day.

The ingenuity of the entire interface is impressive to see in action, but three particular areas of note from the talk:

The Cascade

To tackle the ability to move stories around the page throughout the day, Human Made developed something they call The Cascade. This allows editors to stick an article to their cursor and swap it with an existing article on the fly, so that they don’t need to go through an extra step of adding or removing to adapt the story order. This tool efficiently controls articles throughout the entire, scrolling home page layout.

Layout Chooser

Editors add new sections by choosing from a couple dozen pre-set layouts, which cover all of the styles they more commonly use. Picking one adds a blank section into which they can then quickly drop articles, then easily style and publish the new layout. This all unfolds in the WordPress editorial interface, without requiring them to go to a separate screen or tool.

Precise Preview Rendering

In order to achieve the preview goal, any time an editor makes a change, WordPress fires off an AJAX request to the back end and pulls in the actual template code the site will use to render the finished page. This assures that editors see an accurate preview, and that there are no discrepancies between what shows up during section management and what the user sees when the visit the page. This also makes maintenance seamless, because when a template changes, that inherently and automatically changes the preview code.

Watch Blackbourn demonstrate each of these features:

These new tools and platform free up The Sun’s editorial teams to focus on what’s most important, what’s most popular, and what has suddenly moved from a small blip to a massive unfolding scoop.

To be notified of the next BigWP event in London, join the Meetup group. There are also enterprise events throughout the year in various other big cities.

Ready to get started?

Drop us a note.

No matter where you are in the planning process, we’re happy to help, and we’re actual humans here on the other side of the form. 👋 We’re here to discuss your challenges and plans, evaluate your existing resources or a potential partner, or even make some initial recommendations. And, of course, we’re here to help any time you’re in the market for some robust WordPress awesomeness.