Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
WordPress blocks

13 Articles
{
,

}
Direct link to the article A Deep Introduction to WordPress Block Themes
WordPress WordPress blocks wordpress themes

A Deep Introduction to WordPress Block Themes

The relatively new WordPress editor, also known as the WordPress Block Editor, always under development via the Gutenberg plugin, has been with us since 2018. You can use the block editor on any WordPress theme, provided the theme …

Avatar of Ganesh Dahal
Ganesh Dahal on Feb 4, 2022 (Updated on Feb 18, 2022)
Direct link to the article Using Web Components in WordPress is Easier Than You Think
web components WordPress WordPress blocks

Using Web Components in WordPress is Easier Than You Think

Now that we’ve seen that web components and interactive web components are both easier than you think, let’s take a look at adding them to a content management system, namely WordPress.

There are three major ways we can add them. …

Avatar of John Rhea
John Rhea on Aug 12, 2021 (Updated on Feb 28, 2022)
Direct link to the article WordPress Admin Warnings in the Block Editor
Email WordPress blocks

WordPress Admin Warnings in the Block Editor

We sent out an email the other week that ultimately had a <video> in the HTML markup. We send the newsletter by creating it here in the WordPress block editor, which is fetched through RSS-to-Mailchimp. Mailchimp dutifully sent it out, …

Avatar of Chris Coyier
Chris Coyier on Jul 16, 2021
Direct link to the article A Crash Course in WordPress Block Filters
gutenberg WordPress WordPress blocks

A Crash Course in WordPress Block Filters

Blocks in WordPress are great. Drop some into the page, arrange them how you like, and you’ve got a pretty sweet landing page with little effort. But what if the default blocks in WordPress need a little tweaking? Like, what …

Avatar of Dmitry Mayorov
Dmitry Mayorov on Jun 2, 2021 (Updated on Jun 17, 2021)
Direct link to the article Code blocks, but better
code pre WordPress blocks

Code blocks, but better

Pedro Duarte made a wishlist for styled code blocks in blog posts and documentation, then hand-rolls a perfect solution for that wishlist. For example, a feature to be able to highlight certain lines or words within the code block. The …

Avatar of Chris Coyier
Chris Coyier on Jun 1, 2021
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
  • 1
  • 2
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
Minisites
  • The Power of Serverless
  • Upcoming Conferences
  • Coding Fonts
  • The Greatest CSS Tricks
Contact
  • Email
  • Guest Writing
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top