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

Articles Tagged
WordPress

160 Articles
{
,

}
Direct link to the article Styling Buttons in WordPress Block Themes
buttons WordPress WordPress blocks wordpress themes

Styling Buttons in WordPress Block Themes

A little while back, Ganesh Dahal penned a post here on CSS-Tricks responding to a tweet that asked about adding CSS box shadows on WordPress blocks and elements. There’s a lot of great stuff in there that leverages new features …

Avatar of Fränk Klein
Fränk Klein on Jan 9, 2023
Direct link to the article WordPress Playground: Running WordPress in the Browser
WordPress

WordPress Playground: Running WordPress in the Browser

Being able to quickly spin up a WordPress instance has been the strength of WordPress ever since its famous “five-minute install”. Upload a few files, configure a few settings, and you’re off.

The friction of uploading files has gotten …

Avatar of Geoff Graham
Geoff Graham on Dec 19, 2022
Direct link to the article Adding Box Shadows to WordPress Blocks and Elements
WordPress WordPress blocks wordpress themes

Adding Box Shadows to WordPress Blocks and Elements

The CSS box-shadow and outline properties gained theme.json support in WordPress 6.1. Let's look at a few examples of how it works in real themes, and what options we have to apply these styles to WordPress blocks and elements.
Avatar of Ganesh Dahal
Ganesh Dahal on Dec 7, 2022
Direct link to the article Using The New Constrained Layout In WordPress Block Themes
WordPress wordpress themes

Using The New Constrained Layout In WordPress Block Themes

One of the main goals of the WordPress Site Editor (and, yes, that is now the “official” name) is to move basic block styling from CSS to structured JSON. JSON files are machine-readable, which makes it consumable by …

Avatar of Ganesh Dahal
Ganesh Dahal on Nov 30, 2022
Direct link to the article WordPress Developer Blog
WordPress

WordPress Developer Blog

Direct Link

Well, hey check this out. Looks like there is a brand spankin’ new blog over at WordPress.org all about WordPress development. In the original proposal for the blog, Birgit Pauli-Haak writes:…

Avatar of Geoff Graham
Shared by Geoff Graham on Nov 22, 2022
Direct link to the article Creating a Settings UI for a Custom WordPress Block
WordPress WordPress blocks

Creating a Settings UI for a Custom WordPress Block

So far, we’ve covered how to work with data from an external API in a custom WordPress block. We walked through the process of fetching that data for use on the front end of a WordPress site, and how to …

Avatar of Manoj Kumar
Manoj Kumar on Nov 17, 2022 (Updated on Dec 12, 2022)
Direct link to the article Managing CSS Styles in a WordPress Block Theme
WordPress wordpress themes

Managing CSS Styles in a WordPress Block Theme

The way we write CSS for WordPress themes is in the midst of sweeping changes. I recently shared a technique for adding fluid type support in WordPress by way of theme.json, a new file that WordPress has been pushing …

Avatar of Ganesh Dahal
Ganesh Dahal on Nov 7, 2022 (Updated on Dec 13, 2022)
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 How To Customize WordPress Block Theme Cover Templates with Dynamic Post Feature Images
WordPress

How To Customize WordPress Block Theme Cover Templates with Dynamic Post Feature Images

If we browse the WordPress theme directory, a majority of themes showcase cover images. It is a feature in popular demand. The cover page trend is true even in the block theme directory screenshots as well.

Let’s consider the …

Avatar of Ganesh Dahal
Ganesh Dahal on Sep 23, 2022
  • 1
  • 2
  • 3
  • ...
  • 15
  • 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
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top