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

Latest articles

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 […]

How to Create a Custom Advanced Search Template in WordPress

This guide is for you who have a custom post type (CPT) and want an advanced search page that searches for results within this CPT. In the search form you can set up different inputs for searching within different fields; post title, post content, any type of custom meta or by custom taxonomy. In this […]

Tutorial: Create a Slider as a Dynamic Gutenberg Block

This tutorial will go through how to create a dynamic WordPress Gutenberg block. The end result is a slider showing featured image from selected category posts. The code includes using a higher-order-component (withSelect) to fetch all categories within the block editor. What we will make The block will render a simple slider using the jQuery […]

Gutenberg Block Patterns: A Developer’s Look

A look into WordPress Gutenberg’s new block patterns, in the eyes of a developer. We’ll look into what they are, what they can be used for, and a deeper look into how to write code for them. Block patterns and their use Block patterns were introduced in WordPress 5.5 (August 11th, 2020). They are a […]

Complete Guide in Installing a Web Server and WordPress on Localhost

Any WordPress developer should be able to develop on a local webserver. It’s quick and direct way to see your code in action. In this post I’ll go through installing and setting up a webserver application on your computer (both Windows and MacOS), including how to solve the problems that may come with. There are […]

Tutorial: Create an Advanced Custom Gravity Forms Field Type and How to Handle Multiple Input Values

In this tutorial I’ll show you how to create an advanced custom Gravity Forms field type. The field will have multiple inputs and will need special handling in order to store and display the submitted values. What we will make In this example I’m assuming an example of a WordPress website owner that deals with […]

Add Custom Settings to Existing WordPress Gutenberg Blocks

Ever found yourself in the situation where you want to add your custom settings to WordPress’ Gutenberg blocks? In this post we’ll go into detail in how to do that. You’ll find two example code of real-life use-cases of adding custom settings to WordPress’ blocks. Keep in mind that because Gutenberg blocks are Javascript, modifying […]

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 Color Settings to Your Custom Gutenberg Block

This post will go into depth in how to add color settings to your custom WordPress Gutenberg block. We will learn how to add the same color settings component, which features choosing from palette colors and custom color, as many of WordPress’ default blocks use. This is what we will add to our custom block: […]

Posts navigation

« Previous 1 2 3 4 … 9 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)