Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • Books
Search Account

Articles Tagged
WordPress blocks

8 Articles
{
,

}
Direct link to the article The WordPress Evolution Toward Full-Site Editing
WordPress WordPress blocks

The WordPress Evolution Toward Full-Site Editing

The block editor was a game-changer for WordPress. The idea that we can create blocks of content and arrange them in a component-like fashion means we have a lot of flexibility in how we create content, as well a bunch …

Avatar of Geoff Graham
Geoff Graham on Mar 10, 2021
Direct link to the article Rendering the WordPress philosophy in GraphQL
graphql headless cms WordPress WordPress blocks wordpress plugins

Rendering the WordPress philosophy in GraphQL

WordPress is a CMS that’s coded in PHP. But, even though PHP is the foundation, WordPress also holds a philosophy where user needs are prioritized over developer convenience. That philosophy establishes an implicit contract between the developers building WordPress themes …

Avatar of Leonardo Losoviz
Leonardo Losoviz on Jan 18, 2021
Direct link to the article How to Work With WordPress Block Patterns
WordPress WordPress blocks

How to Work With WordPress Block Patterns

Direct Link

Just a little post I wrote up over at The Events Calendar blog. The idea is that a set of blocks can be grouped together in WordPress, then registered in a register_block_pattern() function that makes the group available to use …

Avatar of Geoff Graham
Shared by Geoff Graham on Nov 12, 2020
Direct link to the article Using Markdown and Localization in the WordPress Block Editor
localization markdown WordPress WordPress blocks

Using Markdown and Localization in the WordPress Block Editor

If we need to show documentation to the user directly in the WordPress editor, what is the best way to do it?

Since the block editor is based on React, we may be tempted to use React components and HTML …

Avatar of Leonardo Losoviz
Leonardo Losoviz on Sep 23, 2020
Direct link to the article WordPress Contributors Seek Sponsorship for Improving Gutenberg Developer Docs
gutenberg WordPress blocks

WordPress Contributors Seek Sponsorship for Improving Gutenberg Developer Docs

Direct Link

A couple of WordPress contributors are currently looking for folks to sponsor them to work on the documentation for the WordPress block editor (often referred to as “Gutenberg”) and this is your chance to support them.…

Avatar of Geoff Graham
Shared by Geoff Graham on Jul 6, 2020
Direct link to the article WordPress Block Transforms
WordPress WordPress blocks

WordPress Block Transforms

This has been the year of Gutenberg for us here at CSS-Tricks. In fact, that’s a goal we set at the end of last year. We’re much further along that I thought we’d be, authoring all new content in the …

Avatar of Chris Coyier
Chris Coyier on May 19, 2020
Direct link to the article How to Use Block Variations in WordPress
gutenberg WordPress WordPress blocks

How to Use Block Variations in WordPress

WordPress 5.4 was released not so long ago and, along with other improvements and bug fixes, it introduced a feature called Block Variations. I had a chance to use it on one of my recent projects and am so pleasantly …

Avatar of Dmitry Mayorov
Dmitry Mayorov on May 6, 2020 (Updated on Dec 31, 2020)
Direct link to the article How to Create Custom WordPress Editor Blocks in 2020
gutenberg WordPress blocks

How to Create Custom WordPress Editor Blocks in 2020

Peter Tasker on creating blocks right now:

It’s fairly straightforward these days to get set up with the WP CLI ‘scaffold’ command. This command will set up a WordPress theme or plugin with a ‘blocks’ folder that contains the

…
Avatar of Chris Coyier
Chris Coyier on May 6, 2020 (Updated on May 15, 2020)
Our Learning Partner
Frontend Masters logo
Frontend Masters

Need front-end development training?

Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.

CSS-Tricks is created by Chris and a team of swell people.

Keep up to date on web dev

with our hand-crafted weekly newsletter

Tech
  • WordPress (CMS)
  • Jetpack (Search, Backup)
  • WooCommerce (eCommerce)
  • Local (Development)
Hosting
  • Flywheel
Family
  • CodePen
  • ShopTalk Show
Minisites
  • The Power of Serverless
  • Upcoming Conferences
  • Coding Fonts
Contact
  • Email
  • Sponsorship Info
  • Guest Writing
Buy
  • Posters & Swag
  • Membership
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • GitHub
  • iTunes
  • RSS
Back to Top