Set up Playwright for testing a locally installed WordPress theme. Write your tests in JavaScript within a ‘tests’ directory using .spec files for different cases like login functionality or responsive design checks and run them locally using `playwright test`. Use multi-browser tests with Playwright’s capabilities in local environments for performance optimization of WordPress themes.
Hey WordPress developer! If you’re just getting started with WordPress, and want to learn how to set up package management and development, you’ve come to the right place. This guide will quickly walk you through how to set up webpack for your WordPress project. I’ll cover setting up webpack for vanilla Javascript along with SCSS …
Looking to create your own PluginSidebar but want to use React or Material UI for your components instead of createElement? Look no further! This post walks you through creating a Plugin, Creating the Plugin Sidebar, Webpack & Babel Configurations, and Using WordPress Data stores to hook up to Material UI components. This post has everything …
If you’ve just recently started learning how to create WordPress Blocks, then you’re probably familiar with the @wordpress/create-block package that allows you to quickly create a plugin and block all at once! This is an amazingly fast build tool, but it can be hard to know how to update your brand new plugin to feature …
This post will walk you through how to unregister a block to successfully hide a WordPress block from the inserter depending on the template or template part of a Block Based Theme. This post is meant for theme and plugin developers looking to dynamically control where a specific block can be added to a WordPress …
Creating a WordPress Block theme? Looking to include your unique branding into your custom theme? Well look no further this post is for you! Block Theme Template’s and Template Parts Before you add an image to your block theme template, you might want to learn how to create block theme templates first. Check out the …
Hey friends, I’m glad you’re here! If you’re looking to get into WordPress block development, and you want to follow WordPress coding standards while using Typescript and ESLint, but aren’t sure how to set this up in your project, this post is for you! I’m going to show you exactly how to set up Typescript …
If you’re working on a WordPress plugin or theme and want to conform to WordPress CSS coding standards, WordPress offers Stylelint and Prettier configurations that are easy to install. But their documentation is frankly a little lacking when it comes to linting and formatting SCSS. Not to mention the headaches involved with getting these two …
If you are interested in getting involved with WordPress development, you might want to follow the WordPress Javascript coding standards that WordPress requires from their developers. You might be tempted to set up formatting and linting to catch common bugs and ensure other contributors can read your code easily. WordPress offers various linting and prettier …