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

Articles Tagged
WordPress blocks

27 Articles
{
,

}
Direct link to the article Rendering External API Data in WordPress Blocks on the Front End
api WordPress WordPress blocks

Rendering External API Data in WordPress Blocks on the Front End

There’ve been some new tutorials popping here on CSS-Tricks for working with WordPress blocks. One of them is an introduction to WordPress block development and it’s a good place to learn what blocks are and to register them in WordPress …

Avatar of Manoj Kumar
Manoj Kumar on Oct 11, 2022 (Updated on Dec 12, 2022)
Direct link to the article Adding Fluid Typography Support to WordPress Block Themes
clamp fluid type WordPress WordPress blocks wordpress themes

Adding Fluid Typography Support to WordPress Block Themes

Fluid typography is a fancy way of “describing font properties, such as size or line height, that scale fluidly according to the size of the viewport”. It’s also known by other names, like responsive typography, flexible type, fluid type, …

Avatar of Ganesh Dahal
Ganesh Dahal on Oct 7, 2022
Direct link to the article Getting Started With WordPress Block Development
gutenberg WordPress WordPress blocks

Getting Started With WordPress Block Development

Let’s acknowledge that developing for WordPress is weird right now. Whether you’re new to WordPress or have worked with it for eons, the introduction of “Full-Site Editing” (FSE) features, including the Block Editor (WordPress 5.0) and the Site Editor (WordPress …

Avatar of Arjun Singh
Arjun Singh on Sep 30, 2022 (Updated on Nov 3, 2022)
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 Nov 3, 2022)
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 (Updated on Nov 14, 2022)
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 (Updated on Nov 14, 2022)
  • Newer
  • 1
  • 2
  • 3
  • 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
  • Agency Coaching
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top