Integrating TypeScript into a WordPress block development project using @wordpress/scripts improves code quality and maintainability. Follow these steps to configure TypeScript in your project. Step 1: Install TypeScript and Type Definitions First, install TypeScript and necessary type definitions by running the following command: Step 2: Create a tsconfig.json File Create a tsconfig.json file in the […]
Read More
When developing custom WordPress blocks using @wordpress/scripts, you can simplify your import paths by setting up @ as an alias for your src directory. This makes your code cleaner and easier to manage. Step 1: Create a Webpack Configuration File By default, @wordpress/scripts comes with a pre-configured Webpack setup. To extend it and add an […]
Read MoreIntegrating Tailwind CSS into your WordPress block development workflow using wp-scripts can significantly improve your development experience. This guide will walk you through setting up Tailwind CSS, configuring package.json, and ensuring the styles load properly in the WordPress editor. Step 1: Install Tailwind CSS First, navigate to your project folder in the terminal. Now, install […]
Read More
29
March
The @wordpress/scripts package, commonly referred to as wp-scripts, is a set of configuration files and scripts that primarily aims to standardize and simplify the development process of WordPress projects that require a JavaScript build step. A JavaScript build step refers to the process of transforming, bundling, and optimizing JavaScript source code and related assets into […]
Read More
23
December
You need to configure both nginx and php to allow upload size. Nginx configuration The client_max_body_size directive assigns the maximum accepted body size of client request, indicated by the line Content-Length in the header of request. If size is greater the given one, then the client gets the error “Request Entity Too Large” (413). To […]
Read MoreThis tutorial will be showing you how to set up and run your own authoritative name server on Ubuntu 18.04/16.04 with the widely-used BIND 9 software. What’s An Authoritative DNS Server? If you own a domain name and want your own DNS server to handle name resolution for your domain name instead of using your domain registrar’s […]
Read More
21
December
First of all, open up your ~/.bashrc file and enable color prompts: uncomment then line #force_color_prompt=yes Then, change the PS1 line directly under the line if [ "$color_prompt" = yes ]; then to: PS1='${debian_chroot:+($debian_chroot)}\[\033[00;32m\][\t] \[\033[01;34m\]\u@\h:\w\$ ' As you can see, 01:34m is light blue and 00:32m is green. Light green would be 01:32m instead of […]
Read More
21
December
In this tutorial, we will be discussing how to restrict SFTP users to their home directories or specific directories. It means the user can only access his/her respective home directory, not the entire file system. Restricting users home directories is vital, especially in a shared server environment, so that an unauthorized user won’t sneak peek […]
Read More