Gutenberg

Creating a Block-based Theme Using Block Templates – ThemeShaper – WordPress Website Design Article

This post outlines the steps I took to create a block-based theme version of Twenty Twenty. Thanks to Kjell Reigstad for helping develop the theme and write this post. There’s been a lot of conversation around how theme development changes as Full Site Editing using Gutenberg becomes a reality. Block templates are an experimental feature of Gutenberg (as of 7.2.0), and using them to create block-based themes is in exploratory stages of development.  A block-based theme is a WordPress theme…

Read More

Toolset Blocks Allows Both Developers and Non-Coders to Build Custom Websites in Less Time than Ever – WordPress Website Design Article

Have you ever thought of something you’d always wanted to do but gave up on it because it was too difficult? Many people at some point will think of a website that they would love to create but are concerned they do not have the experience or ability to create it. The good news is that is no longer a problem thanks to Toolset Blocks and Gutenberg. The new WordPress Block Editor, Gutenberg, makes designing your own website much easier…

Read More

How One SEO Mistake Cost Us 10% Of Our Revenue – WordPress Website Design Article

We’ve been on a mission. And anyone who’s visited FooPlugins more than once in the last few months will probably have noticed the changes. We’ve been revising, editing and trying out new things to make sure our site is user-friendly.But we made a mistake one month, in all of our experimenting. And it cost us big time. Here’s a quick snapshot of our sales over the last few months. You can clearly see when we made a mistake!While we did…

Read More

How To Add/Embed A YouTube Video In A WordPress Post or Page (2019) – WordPress Website Design Article

Home / Basics / How To Add/Embed A YouTube Video In A Post or Page Using The New WordPress Editor (2019) By Kevin Muldoon November 26, 2019 Would you like to embed a YouTube video into a WordPress post or page using the new WordPress editor? Then you’ve come to the right place. In this tutorial we will show you how the steps necessary to insert a YouTube video into your content with the new WordPress editor using one of…

Read More

10 of the Best Plugins for Extending the Block Editor – WordPress Website Design Article

The Block Editor has made online publishing easier for WordPress users of all skill levels. However, it only includes the most basic elements need to create posts and pages. Fortunately, several new block plugins have emerged. These handy little tools can open new doors for users who want to create more complex features and layouts right from the default WordPress editor. In this post, we’ve collected ten of the best plugins you can use to extend the Block Editor. Let’s…

Read More

A Fresh Look at the Pros and Cons of Gutenberg • WPShout – WordPress Website Design Article

This week, we’re happy to present guest author Eric Karkovack’s thoughtful and balanced take on the Gutenberg editor, one year into its inclusion in WordPress core.With WCUS 2019 done with, the Gutenberg block editor has now been a part of WordPress core for a year. (Sticklers: technically, that’s on December 6, but no more releases between now and then.) This milestone seems like a perfect time to revisit one of the most anticipated and controversial features ever to be added…

Read More

An Introduction to the New Default WordPress Theme – WordPress Website Design Article

Twenty Twenty is the new default WordPress theme coming with the latest release of WordPress 5.3. Like its predecessor Twenty Nineteen, Twenty Twenty has been designed with a special focus on Gutenberg. There’s a big difference between the two, though: Twenty Twenty isn’t built from the ground up; it’s designed upon an existing theme from the WordPress community instead. Since we love everything about WordPress, we took a closer look at the new Twenty Twenty theme, peeking into functions files,…

Read More

Getting Creative With FooGallery And Gutenberg – WordPress Website Design Article

FooGallery is designed to work with the Gutenburg block editor. It comes with its own Gutenberg block, allowing you to add and preview galleries within the page editor. But what else can you do with FooGallery and Gutenberg? Here’s a look at how you can get creative with your blocks.Using the FooGallery BlockInserting galleries into your post is simple with the FooGallery block. We’ve covered this in more detail in this post, but let’s recap quickly.As soon as FooGallery is…

Read More

Experimenting With Reusable Blocks to Create Post Templates – WordPress Tavern – WordPress Website Design Article

For the past several years, I’ve used the Post Template plugin developed by Vincent Prat to create and manage post templates. For example, some of the information in the WordPress Weekly and In Case You Missed It posts never changes and instead of manually entering it each time, it’s nice to use a template where only a few changes are necessary. The other day, I was wondering if I could use the reusable block feature in Gutenberg to replace the…

Read More

MH Themes & WordPress 5.0 (Gutenberg Editor) – WordPress Website Design Article

If you’re following the recent developments in the WordPress community, you may have heard already that WordPress 5.0 is coming out December 6th. This new version of WordPress will be very different to previous releases in recent years as it includes the new Gutenberg editor, which will significantly change how WordPress works and is used for content creation / content management. Image Source: Screenshot – WordPress.org While Gutenberg has been a highly controversial project since the start, many people in…

Read More

Gutenberg 5.5 Adds New Group Block for Nesting Child Blocks – WordPress Tavern – WordPress Website Design Article

Gutenberg 5.5 was released with the long-awaited Group block, previously known as the Section block. It was renamed to avoid confusion with the HTML5 section element and prevent potential overlap with future site/theme type sections, such as headers, sidebars, and footers. The first iteration of the Group block supports the ability to nest other blocks inside it and the ability to align the block and any of its child blocks that include alignment settings. “It’s a minimal version at the…

Read More

New Gutenberg Playground Offers a Standalone Version of the Editor for Testing Outside the WordPress Admin – WordPress Tavern – WordPress Website Design Article

The Gutenberg team merged a pull request three days ago that adds a local “playground” development environment for testing outside of the WordPress admin. Riad Benguella, the technical lead for Gutenberg phase 2, said that the playground could grow over time to contain “more than just a standalone version of the editor” and could become a way for developers to test out components in isolation. He shared a screenshot of the playground in action: During…

Read More

Gutenberg 5.3 Introduces Block Management, Adds Nesting to the Cover Block – WordPress Tavern – WordPress Website Design Article

Gutenberg 5.3 was released today with basic block management, a feature that will be included in WordPress 5.2. It is a new modal that can be launched from the vertical ellipses menu, inspired by Rich Tabor’s CoBlocks implementation. Users can turn individual blocks on/off or even entire sections, such as Common Blocks, Formatting, and Embeds. Block management should help users avoid the bloat that happens when installing block collections with more blocks than they need.…

Read More

Weekly WordPress News: Block Management in Gutenberg – WordPress Website Design Article

Colin Newcomer Colin Newcomer is a freelance writer and long-time Internet marketer. He specializes in digital marketing, WordPress and B2B writing. He lives a life of danger, riding a scooter through the chaos of Hanoi. You can also follow his travel blog. This is only a snippet of a WordPress Website Design Article written by Colin Newcomer Read Full Article

Read More

Themes as More Design, Less Baggage – ThemeShaper – WordPress Website Design Article

Gutenberg promises the vision you have takes shape in the editor, instead of something you can’t see. Why’s that so powerful? It happened again. I sat with a potential WordPress themer, who wanted to know how to get started the right way with theme development. He’s a user experience professional by day, looking to up his coding skills. He pointed to the WordPress editor, and said something like, “I understand HTML and CSS, but I’m not sure how to make…

Read More

Minimal JS Config for Gutenberg Build Process (no Webpack) – Deluxe Blog Tips – WordPress Website Design Article

I’m following the tutorial on creating a sidebar for Gutenberg by Zac Gordon, and while the tutorial is great, it lacks of the configuration for the build process. E.g. the code is ES6 with JSX and it needs to be compiled to ES5 to make the browsers understand. So I find a way to do that. Although there are several configuration available: one from Zac himself, one from create-guten-block, I still want to learn in-depth how to configure and built…

Read More

WordPress Explores Proposal for New Block Directory to Host Single Block Plugins – WordPress Tavern – WordPress Website Design Article

WordPress core contributor Alex Shiels has published a proposal for a WordPress.org block directory that would host JavaScript-based, single block plugins. The directory would make blocks searchable and installable from within the Gutenberg editor. Building a directory for discovering blocks and seamlessly installing them is one of the nine projects that Matt Mullenweg identified as a priority for 2019. Block collections have become one of the most popular ways for distributing a group of related blocks but this method can…

Read More

How to Detect Gutenberg via JavaScript and PHP – Deluxe Blog Tips – WordPress Website Design Article

In the recent updates of my Meta Box extensions Conditional Logic and Show Hide, I have added full support for Gutenberg, which allows developers to toggle a meta box or a field based on page template, post format, categories or custom taxonomies. In order to perform this task, I need a good way to detect if Gutenberg is active on the current screen. I found that the Gutenberg documentation is too technical and lack of such things. When I view…

Read More

Styling Themes for Gutenberg – ThemeShaper – WordPress Website Design Article

At the Automattic Theme Team meetup in December, we focused on several Gutenberg-related projects. The first one we’re sharing is a set of Gutenberg-friendly themes based on Underscores. The project’s goal was to help us think about our themes differently, dig into adding theme support for Gutenberg, and as a byproduct, do some testing of Gutenberg itself. Six team members participated in this project, and it resulted in three themes which are still in progress, and currently available on GitHub.…

Read More

17 Plugins, Tutorials, and Resources for Gutenberg – Website Design Article

The WordPress community officially has Gutenberg fever. While there has been some grumbling (and not without some cause), the blocky little editor that could, has gone mainstream. People have been building, writing, collating, and generally just adapting to the changes, and I’m here to show you some of what they’ve done… Enjoy!   Plugins As is usual, the WordPress community has gone wild, and has already developed loads of plugins for the new editor; we can’t possibly list them all.…

Read More

5 Ways Gutenberg Can Make Your Blogging Life Easier – Website Design Article

The WordPress 5.0 update is coming, and so far, WordPress has ultimately decided that the new Gutenberg editor will be a core component of the update. Although some have expressed their disappointment for the new editor, there are also many who appreciate what Gutenberg has to offer. The editor features a ton of options that can help your posts look the way you want them to. For others, this entails a more customizable experience that requires minimal coding knowledge. In…

Read More

Designing Themes with Gutenberg Blocks and Sketch – ThemeShaper – WordPress Website Design Article

Follow Kjell Reigstad’s process as he explores designing a block-driven theme with Sketch, for the Gutenberg era. There’s been an exciting discussion happening around the changes that Gutenberg will bring to themes. At Automattic, we’ve begun to prepare for Gutenberg by reevaluating our theme design and development processes. As part of that work, I did some thinking about how I might start designing a block-driven theme today and what sorts of resources I’d want to have. The most important thing that came to…

Read More

Introducing Gutenberg Optimized Themes – WordPress Website Design Article

WordPress 5.0 is here, and with it comes Gutenberg, the new content editing platform that will serve as the default replacement for the classic editor. We’re excited about what Gutenberg has in store, and as users ramp up and start to get a feel for it, we’re re-releasing six StudioPress themes that now include built-in features and advanced Gutenberg support to help you get the most out of the new editing experience. Those six themes are: While all StudioPress themes…

Read More

It’s a Very Merry Christmas – WordPress Website Design Article

Christmas is here, and this year we wanted to say thank you to all of you. FooPlugins wouldn’t be what it is without your loyalty and support. You’re the reason we can improve on our product offering. Every day, we get suggestions on how to improve or ideas on what we can fix and make better. Without that, we wouldn’t be able to grow and improve on what we deliver to you. So we have you to thank for making…

Read More

A Gutenberg-Powered Theme – ThemeShaper – WordPress Website Design Article

Announcing the Music theme: an exploration of how Gutenberg can transform theme design and development. A couple months ago, I created a Sketch document to assist with the design of block-driven themes. I posted about that here on Themeshaper, and provided a couple short examples of how it could be used in a theme design workflow. Since then, Allan Cole and I have been working to make one of those examples — a site for an imagined band named Superserious…

Read More

What Does Gutenberg Mean for Plugin Authors? – WordPress Website Design Article

I chatted with some prominent plugin authors, page builder authors, and Gutenberg contributors to understand how Gutenberg could impact the broader WordPress ecosystem. This article discusses how it can impact content authors, plugin authors, and page builder plugins in the near future. Gutenberg is the proposed new content editor for WordPress Core. It is currently in beta development. It is a radical departure from the simple WYSIWYG (what you see is what you get) approach WordPress has traditionally had for…

Read More

Designing a Gutenberg-Powered Theme: Music – ThemeShaper – WordPress Website Design Article

Last week, Allan Cole and I shared a new Gutenberg-powered theme called Music. In this follow up post, I’m going to take you through the design process for the theme. At its core, this felt a lot like a typical theme design process, but I did learn a lot about block-based design along the way.  Blocks When Allan and I decided to make this theme, we already had a homepage comp featuring a handful of blocks. That comp did a…

Read More