WordPress

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…

Explore Gutenberg Components with WP Storybook

At lubus, we have been embracing Gutenberg and have been building things using various reusable components and packages. UI components come handy to provide consistent UX. To make discovering and referring all components quick and easy we have built this experimental storybook. We keep adding stories/cases as and when we discover them. Currently, a good amount of components have been added and we thought to share it with others. Once it shapes up well we would love to explore getting it into core. Things on our list: Add as many possible components & cases Capability to view and copy the…

WordPress Gutenberg Theme Support

With Gutenberg WordPress allow themes to enable support for styling aspect. Theme can define fontsizes, colors and several optional opt-in features. Theme Support plugin enables configuring some on the support feature quickly via UI interface. Following are the current available suport options via plugin. Manage fontsizes, diable custom user fontsize Manage color palette, disable custom color picker Block Editor (Gutenberg) width Enable responsive embeds Enable default block styles Dummynator is available for download on WordPress plugin repo – https://wordpress.org/plugins/theme-support Want to dive into the code and explore how it works? The code is open sourced on GitHub – https://github.com/lubusIN/wp-theme-support Stay…