Blog

Full and wide alignment in Gutenberg

The new WordPress block editor includes two new alignment options. To take advantage of the new alignment options, your theme must first support them. Include add_theme_support( ‘align-wide’ ) in your…

Recommended Plugins with Gutenberg Blocks

The new block editor in WordPress includes many core blocks, and you can add additional blocks through plugins. These are the tools I recommend using.

Using Advanced Custom Fields with version control

ACF lets you build metaboxes, Gutenberg blocks, and more with their easy-to-use interface. These custom fields are stored in the database and then rendered in the WordPress backend for you…

Using Block Templates with Gutenberg

Block templates are one of my favorite new features in Gutenberg. You can specify a list of blocks that automatically appear in the content editor, customize their attributes, and lock the template.

Gutenberg Theme Development

Start here if you’re interested in creating or customizing a block-based WordPress theme. This guide provides an overview of every feature you should consider, and links to feature-specific tutorials for more information.

Using Template Parts with Genesis

Template partials are small files that hold reusable sections of code in a theme. You can build one “post summary” partial and use it everywhere – archive pages, related posts, and landing page templates.

Related Posts with SearchWP

SearchWP is a relevancy-based search plugin. You can also use it to find and display related content.

Getting the most value from Genesis

What is Genesis? Genesis is a theme framework, a base upon which you build your own custom WordPress theme. Genesis helps you can build higher quality themes faster, and is…

Introduction to CSS Grid

CSS Grid is a new layout system in CSS. It allows you to take an element on the page and turn it into a “grid” of columns and rows. It’s not a replacement for Flexbox or floats, but an additional tool that works great in certain contexts.

Determining feature support for your specific website

“Can I use” is a wonderful service that shows browser support for specific CSS features globally and in specific countries. But you can also import your Google Analytics data to see the browser support for users of your website.