Skip to main content
A White Pixel
  • WordPress Gutenberg Developer’s Guide
  • Latest Posts
    • WordPress
    • Gutenberg
    • Themes
    • WooCommerce
    • Gravity Forms
    • Advanced Custom Fields

Category: Themes

Implementing an Animated Filtering of Posts by Category

Ever wanted to make a nice column-presentation of posts with category filters above that shuffles and filters the posts with an nice animation? Then this is the tutorial for you. What we will make in this tutorial is a list of all posts (preferably within a custom post type such as employees) nicely in columns […]

Add User-Friendly Custom Meta Settings to WordPress Menu Items

In a recent WordPress update it is now possible and pretty simple to add custom meta fields to menu items. In this post we’ll learn how to add our custom settings to menu items, update their settings, and finally how to take the meta data in use. Recently WordPress announced support for adding custom fields […]

How to Compile SCSS With PHP: Add Variables to WordPress Customizer for Compiling Theme CSS

This tutorial will show you how to add theme settings, e.g. theme colors, in WordPress Customizer and recompile the theme stylesheet with the chosen variables. By having theme styling in SCSS using a library you can easily allow theme users to customize any variables in the theme stylesheet, without them having to edit the SCSS […]

How to Add Custom Settings to an Existing Widget in WordPress

In this post we’ll learn how to add your custom HTML and settings to any of WordPress’ standard widgets or others. Using those settings we’ll learn different tricks in how to manipulate the widgets behaviour accordingly. The first part; adding and saving your custom settings, is fairly easy. The second part depends on what specifically […]

Checklist: 12 Things You Need to Check When Choosing a WordPress Theme

This is a guide in features your new WordPress theme needs to make your website successful in the year 2020. The checklist is relevant for webmasters, individuals, but also developers looking to improve their themes. If you are considering picking a new WordPress theme this year, read on! Keep in mind that the type of […]

Developer Guide: Using WordPress Gutenberg for Frontpage and Landing Pages

In this post we’ll look at how to utilize the Gutenberg editor to create great-looking and modern frontpages or landing pages. We will especially look at how you as a developer can adjust your theme code to support this. This guide is perfect for you who want to adjust an older theme to support Gutenberg, […]

How to Add Custom Block Styles to WordPress Gutenberg Blocks

A somewhat less known feature in Gutenberg is the option to set up different styles for blocks. You can register as many different styles upon any type of block in order to give the same block different designs. Possible styles for blocks are displayed as a section in the editor’s right hand side. Each style […]

WordPress tutorial: Custom Menu For Posts or Pages in the Sidebar

This post is for you who manages a WordPress site that has a lot of content, possibly many pages structured in hierarchy, and wish for better navigation outside the main menu. In order to help navigate the site a custom menu related to the current post will help tremendously. The problem with placing a menu […]

Learn How to Write Menu Walkers for WordPress Menus

WordPress allows using so-called Walker classes for traversing and displaying elements in an hierarchical structure. In this post we’ll learn about how to create, implement and customize our own walker class to customize our menu output. The most known use of customization with Walker classes in WordPress is for menus, but in reality WordPress uses […]

Tutorial: Create a Microdata Widget for Your Business in WordPress

In this tutorial we’ll learn how to create a custom widget that outputs your business information, such as its official name, address, phone number and e-mail. But we’ll take it one step further by outputting it with Microdata or schema markup, which will allow search engines to understand your content. Widgets are dynamic blocks that […]

Posts navigation

1 2 3 Next »

Categories

  • Advanced Custom Fields (7)
  • Gravity Forms (5)
  • Gutenberg (31)
  • Mini Tips (3)
  • Themes (30)
  • WooCommerce (9)
  • WordPress (37)

Newest Posts

  • How to Translate custom Gutenberg Blocks with block.json
  • Creating Custom Gutenberg Blocks with block.json
  • Gutenberg: Updating withSelect and withDispatch into React Hooks (useSelect and useDispatch)
  • How to Add Post Meta Fields to Gutenberg Document Sidebar
  • In-Depth Guide in Creating and Fetching Custom WP REST API Endpoints
  • How to Deprecate Gutenberg Blocks

Tags

admin (5) ajax (2) cpt (4) css (4) filters (10) hooks (12) i18n (3) javascript (28) media (1) menus (6) object-oriented (2) plugin customization (20) post query (5) rewrite url (3) scripts and styles (6) seo (3) theme (17) widgets (3) WP REST API (2)