WordPress

WordPress 6.7 RC Introduces Dynamic Font Size Presets For Seamless Responsive Design

Typography plays a crucial role in crafting visually engaging and readable websites. With the release of WordPress 6.7 RC, users can now fine-tune their site’s typography using the new Font Size Presets —a feature that brings powerful, responsive font scaling controls right into the WordPress site editor. This update is a game-changer, especially for those looking to create a cohesive, professional design across devices without writing custom CSS. What’s new in the font size presets? The new Font Size Presets control simplifies the process of adjusting text sizes, allowing you to choose from a set of predefined options: Small, Medium,…

Adding a Default Block Appender in WordPress Block Editor

Introduction In this blog post, let’s explore how to add a default block appender to the WordPress block editor. Have you ever wondered how you can make editing more seamless? By using WordPress hooks and the wp.data and wp.blockEditor APIs, we can enhance the way we work with blocks. We’ll discuss how to identify the last block in the editor. Then, we’ll show you how to display a block appender right after it. This simple addition can significantly improve your editing experience. Are you ready to make editing smoother and more intuitive? Let’s dive in. What is a Block Appender?…

What is new in WPUI (Sep 2024)

In the journey of WordPress, the Block Editor has introduced many packages integral to its core. Over time, these packages have significantly evolved, becoming versatile tools usable within and beyond WordPress itself. Our team continually harnesses these packages to build internal tools, and client projects, and explore new possibilities. Our team’s common challenge was the repetitive task of recreating the same UI elements and maintaining numerous code snippets. Often, we found ourselves duplicating the UI we had already developed or creating something remarkably similar to what existed in the core. What began as simple code snippets eventually transformed into WPUI.…

Extending the Query Loop Block: Creating a Custom “Most Popular” Variation

We’ve been early adopters of the Block Editor/Gutenberg and have been using it in various ways. As part of our internal streamlining process, we’ve been shifting towards block-based solutions. As a result, we’ve been transferring multiple client projects to blocks, which has been a really interesting learning journey for us. It’s been a blast pushing the limits and discovering all that we can achieve with blocks. Currently, we’re working on an exciting client project, helping them make the switch from a hybrid theme to a block-based theme. Their website relies on custom queries to feature content on the homepage, including…

wpui-plugin-app-boilerplate

Quick Start Your Ideas With WPUI Plugin and App Boilerplate

A few months ago, we introduced WPUI – an open-source design pattern library that uses WordPress components as building blocks to create React-powered WordPress plugins or apps. With WPUI, you can spend less time on UI and more time developing your ideas. We use WPUI extensively to design modern UI for our internal and client projects. However, the process of setting up the project can be repetitive. To simplify this, we have created a boilerplate for both the plugin and a standalone app. We’ve configured the boilerplate setup using wp-scripts and wp-components to kickstart the project quickly. Plugin Boilerplate This…

Writing Custom WP-CLI Command

WordPress core comes with a command-line interface (CLI) called WP-CLI. This interface provides commands that allow developers to access and automate various aspects of WordPress from the command line. The benefits of the command line are that it can run and process on a server more efficiently, and can be scripted. However, there are cases where the core commands provided may not be sufficient, or developers may want to accomplish specific tasks. In such cases, WP-CLI enables developers to extend and write custom commands. We have used this feature extensively in various client projects, where bulk operations are required for…

UI Tool To Generate WordPress Playground link and embed

No denying the fact that we love WordPress playground a lot at LUBUS and have been incorporating it into our day-to-day work. Recently, we released a browser extension to enable launching themes and plugins on WordPress.org directly in Playground. Customizing https://playground.wordpress.net/ is quite simple and easy via appending query parameters. For example, to spin Playground with the Gutenberg plugin one needs to simply pass the plugin slug to Playground https://playground.wordpress.net/ ?plugin=gutenberg. Apart from this Playground supports several other https://wordpress.github.io/wordpress-playground/query-api/. Remembering or crafting URLs with this query parameter may not be intuitive for non-tech folks. To make this more user-friendly, we…

Launch wordpress.org Plugin or Theme in WordPress Playground

The WordPress ecosystem is constantly evolving and adding new tools to improve user and developer experience. We often need a quick WordPress setup to test something or showcase it. To help users with this, WordPress contributors have built a WordPress Playground. Leveraging the power of web assembly Playground allows the user to run WordPress right in the browser. One can visit https://playground.wordpress.net to spin an on-demand personal WordPress setup. One can visit the plugin or theme section and upload the zip file to install. A plugin or theme can be installed using the URL. For example, to spin a WordPress…

Composer EDD Plugin

Composer EDD Plugin – Install WordPress Pro Offerings Powered By EDD Software Licensing

Composer is a dependency manager for PHP and supports managing various WordPress dependencies. One can manage complete WordPress sites via composer installing core, themes, and plugins. For more info on using WordPress with Composer https://composer.rarst.net/ WordPress core can be installed via composer using https://packagist.org/packages/johnpbloch/wordpress. All the free themes and plugins are available for installation via wpackagist. Some premium plugins like “Advanced Custom Fields” supports installation via the composer. Commercial offerings keys and sensitive data can be protected by using “Private Composer Installer”. Not all plugin houses support composer based installation but still, the composer is flexible to source packages from…

Github Actions To Release WordPress Plugin

Github is the place where we spend a good amount of time exploring some amazing opensource projects, contributing or pushing our own code. Development at GitHub is on fire post Microsoft acquisition. Lately, we have seen many new features and improvements being rolled out to the platform. Of all the new goodies “Actions” are coming to platform which is currently in beta. Actions are fun little bots that help you automate all the boring repetitive task. Currently we have various other ways to do that. But having something integrated within the platform would be fun. With action possiblities are endless…