SlideShare a Scribd company logo
1 of 53
Download to read offline
GutenbergHow a WordPress studio adapted
By David Darke
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 1
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 2
How we started
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 3
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 4
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 5
When we began, we used...
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 6
... a custom CMS
!"#$%&
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 7
How about... WordPress?
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 8
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 9
WordPress delivered:
— Simple and reliable content delivery
— Clear page hierarchy / URL structure
— Simple menu system
— Basic media library
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 10
There were limitations
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 11
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 12
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 13
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 14
ACF allowed us
— Easily create robust fieldsets
— Build post to post relationships
— Fashion basic event system / queries
— Build a block / page building system
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 15
Next challenge:
Build a more flexible
content editor
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 16
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 17
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 18
This was great, but keeping
fields in sync between
development and production
was PAINFUL!
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 19
Then ACF Pro added JSON support
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 20
Why is that feature so important?
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 21
This was the foundation of our
internal development framework
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 22
Then...
Gutenberg was announced
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 23
— Initial commit 3rd Feb 2017.
— Months rolled past.
— Beta versions and release candidates appeared.
— Sounded great, but we were worried about the impact
on our day-to-day.
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 24
The pitch
Gutenberg looks at the editor as more than a content
field, revisiting a layout that has been largely unchanged
for almost a decade. This allows us to holistically design
a modern editing experience and build a foundation for
things to come.
!!!!!!!!!!!!
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 25
The reception...
!!!!!!!!!!!!
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 26
But why?
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 27
Initial problems and some loss of confidence
— Releases were buggy
— A sense of this change being forced on a community
— No real clarity around the classic editor plugin and
even how reliable it would be
— The negative voices outweighed positive
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 28
Deeper reasons
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 29
Technical changes
Widely used frameworks
would be affected
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 30
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 31
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 32
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 33
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 34
Another reason, Client relationships
— How to discuss this big change to their precious
website?
— Some clients will like the update, some won't.
— Will there be problems?
— How long will it take to sort?
Clients want a solid plan.
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 35
First steps for Atomic Smash
— Composer helped us... A LOT
— It allowed us to fix the core version and pre-load
the classic editor
— Pre Xmas 2018 we updated a couple of sites to 5.0
(with classic editor installed)
— Released December 6th, 2018 (Atomic Smash
holiday started on the 19th)
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 36
Studio is closed for two weeks at Xmas...
!
atomicsmash.co.uk/jobs
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 37
What we did at Atomic Smash
— Composer helped us... ALOT
— Pre Xmas 2018 we updated a couple of sites
— Post Xmas 2018 we updated the rest
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 38
Next, future planning
- Review on a case by case basis whether the client
needs/wants the update
- All new project will use Gutenberg
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 39
Next, future planning
- Review on a case by case basis whether the client
needs/wants the update
- All new project will use Gutenberg
Our next new project... our own
site!
!
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 40
Know what Gutenberg blocks
can and can't do in its current
state
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 41
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 42
Coping with data structure
changes
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 43
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 44
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 45
<!-- wp:image {"id":8}-->
<figure />
<!-- /wp:image -->
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 46
Content in one place
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 47
Prepping for a new testing
process
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 48
Block Unit Test for Gutenberg
https://wordpress.org/plugins/block-unit-test/
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 49
ACF is helping again, in the form of ACF blocks
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 50
In Summary
— We entirely believe Gutenberg is the future of
WordPress
— But for right now, that doesn't mean it's for
everyone
— The ecosystem around it is growing
— Stay flexible
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 51
THANKS!
Follow me:
@david_darke
Follow the studio:
@atomicsmash
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 52
Any questions?
Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 53

More Related Content

What's hot

Building Your WordPress Website Using Google Apps Engine
Building Your WordPress Website Using Google Apps EngineBuilding Your WordPress Website Using Google Apps Engine
Building Your WordPress Website Using Google Apps EngineKim Beasley
 
WordPress Bhubaneswar Meetup - dive into gutenberg creation
WordPress Bhubaneswar Meetup - dive into gutenberg creationWordPress Bhubaneswar Meetup - dive into gutenberg creation
WordPress Bhubaneswar Meetup - dive into gutenberg creationPriyanka Behera
 
Coding with jetpack
Coding with jetpackCoding with jetpack
Coding with jetpackRich Collier
 
Rapidly scaffold your frontend with yeoman
Rapidly scaffold your frontend with yeomanRapidly scaffold your frontend with yeoman
Rapidly scaffold your frontend with yeomanSimon Waibl
 
Front end workflow with yeoman
Front end workflow with yeomanFront end workflow with yeoman
Front end workflow with yeomanhassan hafez
 
Introduction to jenkins
Introduction to jenkinsIntroduction to jenkins
Introduction to jenkinsKrish
 
Introduction to apache maven
Introduction to apache mavenIntroduction to apache maven
Introduction to apache mavenKrish
 
How to deliver a WordPress website to your client ...the RIGHT way
How to deliver a WordPress website to your client ...the RIGHT wayHow to deliver a WordPress website to your client ...the RIGHT way
How to deliver a WordPress website to your client ...the RIGHT wayCath Hughes
 
Java Fundamentals to Advance
Java Fundamentals to AdvanceJava Fundamentals to Advance
Java Fundamentals to AdvanceKrish
 
Continuous Integration
Continuous IntegrationContinuous Integration
Continuous IntegrationHarald Soevik
 
Nürnberg WooCommerce Talk - 11/24/16
Nürnberg WooCommerce Talk - 11/24/16Nürnberg WooCommerce Talk - 11/24/16
Nürnberg WooCommerce Talk - 11/24/16tshellberg
 
Cleaning up a WordPress Mess
Cleaning up a WordPress MessCleaning up a WordPress Mess
Cleaning up a WordPress MessJonny Shaw
 
WordPress Development with VVV, VV, and Vagrant
WordPress Development with VVV, VV, and VagrantWordPress Development with VVV, VV, and Vagrant
WordPress Development with VVV, VV, and VagrantMitch Canter
 
Cache is keeping you from reaching the full potential as a developer (word ca...
Cache is keeping you from reaching the full potential as a developer (word ca...Cache is keeping you from reaching the full potential as a developer (word ca...
Cache is keeping you from reaching the full potential as a developer (word ca...Thomas Audunhus
 
Deployment taken seriously with Octopus Deploy and TeamCity
Deployment taken seriously with Octopus Deploy and TeamCityDeployment taken seriously with Octopus Deploy and TeamCity
Deployment taken seriously with Octopus Deploy and TeamCityTomas Jansson
 

What's hot (16)

Building Your WordPress Website Using Google Apps Engine
Building Your WordPress Website Using Google Apps EngineBuilding Your WordPress Website Using Google Apps Engine
Building Your WordPress Website Using Google Apps Engine
 
WordPress Bhubaneswar Meetup - dive into gutenberg creation
WordPress Bhubaneswar Meetup - dive into gutenberg creationWordPress Bhubaneswar Meetup - dive into gutenberg creation
WordPress Bhubaneswar Meetup - dive into gutenberg creation
 
Coding with jetpack
Coding with jetpackCoding with jetpack
Coding with jetpack
 
Rapidly scaffold your frontend with yeoman
Rapidly scaffold your frontend with yeomanRapidly scaffold your frontend with yeoman
Rapidly scaffold your frontend with yeoman
 
Front end workflow with yeoman
Front end workflow with yeomanFront end workflow with yeoman
Front end workflow with yeoman
 
Introduction to jenkins
Introduction to jenkinsIntroduction to jenkins
Introduction to jenkins
 
Introduction to apache maven
Introduction to apache mavenIntroduction to apache maven
Introduction to apache maven
 
WordPress Workshop
WordPress WorkshopWordPress Workshop
WordPress Workshop
 
How to deliver a WordPress website to your client ...the RIGHT way
How to deliver a WordPress website to your client ...the RIGHT wayHow to deliver a WordPress website to your client ...the RIGHT way
How to deliver a WordPress website to your client ...the RIGHT way
 
Java Fundamentals to Advance
Java Fundamentals to AdvanceJava Fundamentals to Advance
Java Fundamentals to Advance
 
Continuous Integration
Continuous IntegrationContinuous Integration
Continuous Integration
 
Nürnberg WooCommerce Talk - 11/24/16
Nürnberg WooCommerce Talk - 11/24/16Nürnberg WooCommerce Talk - 11/24/16
Nürnberg WooCommerce Talk - 11/24/16
 
Cleaning up a WordPress Mess
Cleaning up a WordPress MessCleaning up a WordPress Mess
Cleaning up a WordPress Mess
 
WordPress Development with VVV, VV, and Vagrant
WordPress Development with VVV, VV, and VagrantWordPress Development with VVV, VV, and Vagrant
WordPress Development with VVV, VV, and Vagrant
 
Cache is keeping you from reaching the full potential as a developer (word ca...
Cache is keeping you from reaching the full potential as a developer (word ca...Cache is keeping you from reaching the full potential as a developer (word ca...
Cache is keeping you from reaching the full potential as a developer (word ca...
 
Deployment taken seriously with Octopus Deploy and TeamCity
Deployment taken seriously with Octopus Deploy and TeamCityDeployment taken seriously with Octopus Deploy and TeamCity
Deployment taken seriously with Octopus Deploy and TeamCity
 

Similar to Gutenberg | How a WordPress studio adapted

Automated browser testing
Automated browser testingAutomated browser testing
Automated browser testingDavid Darke
 
Vagrant crash course
Vagrant crash courseVagrant crash course
Vagrant crash courseMarcus Deglos
 
ClassicPress / WordPress
ClassicPress / WordPressClassicPress / WordPress
ClassicPress / WordPressbtopro
 
Csun retrofitting anoosha&amp;sathish-2
Csun retrofitting anoosha&amp;sathish-2Csun retrofitting anoosha&amp;sathish-2
Csun retrofitting anoosha&amp;sathish-2Sathish Kumar
 
Improving WordPress Development and Deployments with Docker
Improving WordPress Development and Deployments with DockerImproving WordPress Development and Deployments with Docker
Improving WordPress Development and Deployments with DockerBrett Palmer
 
All Roads Lead to WordPress
All Roads Lead to WordPress All Roads Lead to WordPress
All Roads Lead to WordPress CMS2CMS
 
Learn word press-from-scratch
Learn word press-from-scratchLearn word press-from-scratch
Learn word press-from-scratchEmma Page
 
WordPress Recipes
WordPress RecipesWordPress Recipes
WordPress RecipesBrad Bihun
 
20 Tips to Improving WordPress Website - for Beginners-Aus-2017
20 Tips to Improving WordPress Website - for Beginners-Aus-201720 Tips to Improving WordPress Website - for Beginners-Aus-2017
20 Tips to Improving WordPress Website - for Beginners-Aus-2017TRB Design, Inc.
 
EdTechJoker Spring 2020 - Lecture 6 - WordPress
EdTechJoker Spring 2020 - Lecture 6 -   WordPressEdTechJoker Spring 2020 - Lecture 6 -   WordPress
EdTechJoker Spring 2020 - Lecture 6 - WordPressBryan Ollendyke
 
Word press gutenberg tutorial
Word press gutenberg tutorialWord press gutenberg tutorial
Word press gutenberg tutorialwp-enlight
 
WordPress DK at DrupalCamp Copenhagen 2009
WordPress DK at DrupalCamp Copenhagen 2009WordPress DK at DrupalCamp Copenhagen 2009
WordPress DK at DrupalCamp Copenhagen 2009René Clausen Nielsen
 
Beginner's Guide to WordPress For Noncoders
Beginner's Guide to WordPress For NoncodersBeginner's Guide to WordPress For Noncoders
Beginner's Guide to WordPress For NoncodersBethany Siegler
 
Be the Change: The Future of WordPress with WP Engine's Developer Relations Team
Be the Change: The Future of WordPress with WP Engine's Developer Relations TeamBe the Change: The Future of WordPress with WP Engine's Developer Relations Team
Be the Change: The Future of WordPress with WP Engine's Developer Relations TeamWP Engine
 
Content Management System(CMS) & Basic WordPress
Content Management System(CMS) & Basic WordPressContent Management System(CMS) & Basic WordPress
Content Management System(CMS) & Basic WordPressShahadat Hossain Manik
 
Getting started with wvd - David Nudelman
Getting started with wvd -  David NudelmanGetting started with wvd -  David Nudelman
Getting started with wvd - David NudelmanNeil McLoughlin
 
Word camp Raleigh 2017 - Wordpress for Beginners
Word camp Raleigh 2017 - Wordpress for BeginnersWord camp Raleigh 2017 - Wordpress for Beginners
Word camp Raleigh 2017 - Wordpress for BeginnersConvinsys
 
WordCamp Raleigh 2018 - Beginner's Guide to Wordpress
WordCamp Raleigh 2018 - Beginner's Guide to WordpressWordCamp Raleigh 2018 - Beginner's Guide to Wordpress
WordCamp Raleigh 2018 - Beginner's Guide to WordpressConvinsys
 
Continuous Integration and Delivery of Research Applications
Continuous Integration and Delivery of Research ApplicationsContinuous Integration and Delivery of Research Applications
Continuous Integration and Delivery of Research ApplicationsBruce Becker
 

Similar to Gutenberg | How a WordPress studio adapted (20)

Automated browser testing
Automated browser testingAutomated browser testing
Automated browser testing
 
Vagrant crash course
Vagrant crash courseVagrant crash course
Vagrant crash course
 
ClassicPress / WordPress
ClassicPress / WordPressClassicPress / WordPress
ClassicPress / WordPress
 
Csun retrofitting anoosha&amp;sathish-2
Csun retrofitting anoosha&amp;sathish-2Csun retrofitting anoosha&amp;sathish-2
Csun retrofitting anoosha&amp;sathish-2
 
Improving WordPress Development and Deployments with Docker
Improving WordPress Development and Deployments with DockerImproving WordPress Development and Deployments with Docker
Improving WordPress Development and Deployments with Docker
 
All Roads Lead to WordPress
All Roads Lead to WordPress All Roads Lead to WordPress
All Roads Lead to WordPress
 
Learn word press-from-scratch
Learn word press-from-scratchLearn word press-from-scratch
Learn word press-from-scratch
 
WordPress Recipes
WordPress RecipesWordPress Recipes
WordPress Recipes
 
20 Tips to Improving WordPress Website - for Beginners-Aus-2017
20 Tips to Improving WordPress Website - for Beginners-Aus-201720 Tips to Improving WordPress Website - for Beginners-Aus-2017
20 Tips to Improving WordPress Website - for Beginners-Aus-2017
 
EdTechJoker Spring 2020 - Lecture 6 - WordPress
EdTechJoker Spring 2020 - Lecture 6 -   WordPressEdTechJoker Spring 2020 - Lecture 6 -   WordPress
EdTechJoker Spring 2020 - Lecture 6 - WordPress
 
Word press gutenberg tutorial
Word press gutenberg tutorialWord press gutenberg tutorial
Word press gutenberg tutorial
 
WordPress DK at DrupalCamp Copenhagen 2009
WordPress DK at DrupalCamp Copenhagen 2009WordPress DK at DrupalCamp Copenhagen 2009
WordPress DK at DrupalCamp Copenhagen 2009
 
Beginner's Guide to WordPress For Noncoders
Beginner's Guide to WordPress For NoncodersBeginner's Guide to WordPress For Noncoders
Beginner's Guide to WordPress For Noncoders
 
Be the Change: The Future of WordPress with WP Engine's Developer Relations Team
Be the Change: The Future of WordPress with WP Engine's Developer Relations TeamBe the Change: The Future of WordPress with WP Engine's Developer Relations Team
Be the Change: The Future of WordPress with WP Engine's Developer Relations Team
 
Content Management System(CMS) & Basic WordPress
Content Management System(CMS) & Basic WordPressContent Management System(CMS) & Basic WordPress
Content Management System(CMS) & Basic WordPress
 
Getting started with wvd - David Nudelman
Getting started with wvd -  David NudelmanGetting started with wvd -  David Nudelman
Getting started with wvd - David Nudelman
 
Word camp Raleigh 2017 - Wordpress for Beginners
Word camp Raleigh 2017 - Wordpress for BeginnersWord camp Raleigh 2017 - Wordpress for Beginners
Word camp Raleigh 2017 - Wordpress for Beginners
 
937079
937079937079
937079
 
WordCamp Raleigh 2018 - Beginner's Guide to Wordpress
WordCamp Raleigh 2018 - Beginner's Guide to WordpressWordCamp Raleigh 2018 - Beginner's Guide to Wordpress
WordCamp Raleigh 2018 - Beginner's Guide to Wordpress
 
Continuous Integration and Delivery of Research Applications
Continuous Integration and Delivery of Research ApplicationsContinuous Integration and Delivery of Research Applications
Continuous Integration and Delivery of Research Applications
 

Recently uploaded

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsJoaquim Jorge
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 

Recently uploaded (20)

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 

Gutenberg | How a WordPress studio adapted

  • 1. GutenbergHow a WordPress studio adapted By David Darke Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 1
  • 2. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 2
  • 3. How we started Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 3
  • 4. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 4
  • 5. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 5
  • 6. When we began, we used... Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 6
  • 7. ... a custom CMS !"#$%& Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 7
  • 8. How about... WordPress? Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 8
  • 9. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 9
  • 10. WordPress delivered: — Simple and reliable content delivery — Clear page hierarchy / URL structure — Simple menu system — Basic media library Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 10
  • 11. There were limitations Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 11
  • 12. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 12
  • 13. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 13
  • 14. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 14
  • 15. ACF allowed us — Easily create robust fieldsets — Build post to post relationships — Fashion basic event system / queries — Build a block / page building system Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 15
  • 16. Next challenge: Build a more flexible content editor Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 16
  • 17. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 17
  • 18. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 18
  • 19. This was great, but keeping fields in sync between development and production was PAINFUL! Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 19
  • 20. Then ACF Pro added JSON support Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 20
  • 21. Why is that feature so important? Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 21
  • 22. This was the foundation of our internal development framework Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 22
  • 23. Then... Gutenberg was announced Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 23
  • 24. — Initial commit 3rd Feb 2017. — Months rolled past. — Beta versions and release candidates appeared. — Sounded great, but we were worried about the impact on our day-to-day. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 24
  • 25. The pitch Gutenberg looks at the editor as more than a content field, revisiting a layout that has been largely unchanged for almost a decade. This allows us to holistically design a modern editing experience and build a foundation for things to come. !!!!!!!!!!!! Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 25
  • 26. The reception... !!!!!!!!!!!! Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 26
  • 27. But why? Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 27
  • 28. Initial problems and some loss of confidence — Releases were buggy — A sense of this change being forced on a community — No real clarity around the classic editor plugin and even how reliable it would be — The negative voices outweighed positive Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 28
  • 29. Deeper reasons Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 29
  • 30. Technical changes Widely used frameworks would be affected Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 30
  • 31. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 31
  • 32. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 32
  • 33. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 33
  • 34. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 34
  • 35. Another reason, Client relationships — How to discuss this big change to their precious website? — Some clients will like the update, some won't. — Will there be problems? — How long will it take to sort? Clients want a solid plan. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 35
  • 36. First steps for Atomic Smash — Composer helped us... A LOT — It allowed us to fix the core version and pre-load the classic editor — Pre Xmas 2018 we updated a couple of sites to 5.0 (with classic editor installed) — Released December 6th, 2018 (Atomic Smash holiday started on the 19th) Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 36
  • 37. Studio is closed for two weeks at Xmas... ! atomicsmash.co.uk/jobs Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 37
  • 38. What we did at Atomic Smash — Composer helped us... ALOT — Pre Xmas 2018 we updated a couple of sites — Post Xmas 2018 we updated the rest Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 38
  • 39. Next, future planning - Review on a case by case basis whether the client needs/wants the update - All new project will use Gutenberg Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 39
  • 40. Next, future planning - Review on a case by case basis whether the client needs/wants the update - All new project will use Gutenberg Our next new project... our own site! ! Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 40
  • 41. Know what Gutenberg blocks can and can't do in its current state Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 41
  • 42. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 42
  • 43. Coping with data structure changes Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 43
  • 44. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 44
  • 45. Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 45
  • 46. <!-- wp:image {"id":8}--> <figure /> <!-- /wp:image --> Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 46
  • 47. Content in one place Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 47
  • 48. Prepping for a new testing process Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 48
  • 49. Block Unit Test for Gutenberg https://wordpress.org/plugins/block-unit-test/ Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 49
  • 50. ACF is helping again, in the form of ACF blocks Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 50
  • 51. In Summary — We entirely believe Gutenberg is the future of WordPress — But for right now, that doesn't mean it's for everyone — The ecosystem around it is growing — Stay flexible Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 51
  • 52. THANKS! Follow me: @david_darke Follow the studio: @atomicsmash Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 52
  • 53. Any questions? Gutenberg | How a WordPress studio adapted - David Darke | atomicsmash.co.uk 53