Hey CSS-Tricksters! ? We have a special long-form series we’re kicking off here totally dedicated to Gutenberg, a major change to the WordPress editor. I’ve invited a dynamic duo of authors to bring you this series, which will bring you up to speed on what Gutenberg is, what it can do for your site, and how you can actually develop for it.… Read article “Learning Gutenberg: Series Introduction”
DetailsInterestingly, one of the most important areas of a blog post is the comment section. This plays an important role in the success of a post or an article, as it allows proper interaction and participation from readers. This makes it inevitable for every platform with a direct comments system to handle it in realtime.
DetailsLet’s create a custom block with a bit of help from a wonderful tool called create-guten-block. Onward!… Read article “Learning Gutenberg: A Primer with create-guten-block”
DetailsWelcome back! We’ve just taken a look at what Gutenberg is and how it operates from the admin side. Gutenberg is certainly going to have a massive impact on the WordPress world. If you are just arriving here and have no idea what we’re talking about, I recommend at least skimming Part 1 to make sure you have the appropriate background.
DetailsLet’s dig into this ES6 world a bit, as it’s ultimately going to help us understand how … Read article “Learning Gutenberg: Modern JavaScript Syntax”
DetailsOne of the key changes that Gutenberg brings to the WordPress ecosystem is a heavy reliance on JavaScript. Helpfully, the WordPress team have really pushed their JavaScript framework into the present and future by leveraging the modern JavaScript stack, which is commonly referred to as ES6 in the community. It’s how we’ll refer to it as in this series too, to avoid confusion.
DetailsAlthough Gutenberg is put together with React, the code we’re writing to make custom blocks isn’t. It certainly resembles a React component though, so I think it’s useful to have a little play to get familiar with this sort of approach. There’s been a lot of reading in this series so far, so let’s roll-up our sleeves and make something cool.… Read article “Learning Gutenberg: React 101”
DetailsGet started today. Receive a free $100/60-day account credit good towards any DigitalOcean services.… Read article “?High Performance Hosting with No Billing Surprises”
DetailsWith DigitalOcean, you can spin up Droplet cloud servers with industry-leading price-performance and predictable costs. Our flexible configurations are sized for any application, and we save you up to 55% when compared to other cloud providers.
DetailsGutenberg introduces the modern JavaScript stack into the WordPress ecosystem, which means some new tooling should be learned. Although tools like create-guten-block are incredibly useful, it’s also handy to know what’s going on under the hood.… Read article “Learning Gutenberg: Setting up a Custom webpack Config”
Details