Installing Gulp on macOS Ventura – Intro guide to Gulp

Gulp Macos

Installing Gulp on macOS Ventura, macOS Monterey and earlier OS versions requires Nodejs and npm (Node Package Manager), so get that installed first following the linked guide.Gulp is an easier and slightly more modern javascript task runner than its sibling…

Installing node.js on macOS Ventura and earlier macOS versions

Nodejs Macos

node.js allows you to run javascript in the Terminal as appose to a regular browser which makes for a modern workflow in web development, with both node.js installed and a package manager called npm (Node Package Manager) also installed, which…

Set up malware scanner LMD Maldet and ClamAV on a RunCloud instance

Lmd Maldet Runcloud

How to set up a malware scanner with LMD Maldet and ClamAV on a RunCloud server instance.One of the popular and open source malware scanners is an app called Linux Malware Detect and works well scanning any Linux web server,…

Send command line server emails with Postfix on a Ubuntu Server 22.04

Postfix Send Email Command Line

Here is a guide to allow a Ubuntu 22.04 server to send out local server based emails using Postfix.Test Command Line EmailTo test if emails can be sent via the command line, SSH into your server and tryecho “Is email…

Add a WooCommerce missing action hook with shortcode in Beaver Builder

Add Shortcode Hook Woocommerce

Some themes or plugins remove native action hooks in WordPress / WooCommerce, however you can add them back in the layout with another action hook or shortcode insertion.Beaver Builder is missing some WooCommerce action hooks one such one is woocommerce_before_shop_loop_item_title…

Aligning the last element in a Beaver Builder Posts Module

Beaver Builder Align Buttons

Here is how to align the last element across multiple columns in Beaver Builder Posts Module with Flexbox – this would typically be a button or a read more link.In the Posts Module ensure Equal Heights is enabled as this…

Add Dot Pagination to WooCommerce Product Gallery Image Slider

Woocommerce Dot Navigation

You can add dot pagination to WooCommerce Product Gallery images by adding a filter and then some CSS. WooCommerce uses a slider called Flexslider which it has a few more configurable options.By default the product gallery navigation uses thumbnails but…

Change WordPress Database Table Prefix Back To wp_

Wordpress Table Prefix

Here is how to change the WordPress database tables back to the default wp_ prefix.First thing is to change the php constant table prefix in wp-config.phpChange the wp-config.php constant$table_prefix = ‘wp_’;Change the table prefixes in phpMyAdminNext open your WordPress database…

Change Number of Posts Displaying on a Custom Post Type (CPT) Archive Page

Pre Get Posts Display

To change the number of posts that appear in an archive page for a custom post type you can change the number using the pre_get_posts action with some passed in parameters.Normally the number of posts displayed per page is defaulted…

Position WooCommerce Checkout Spinning Icon On Page

Woocommerce Spinning Loader Icon Checkout

WooCommerce checkout page uses a spinning loader icon while the page goes through a series of ajax refreshes throughout the checkout process.The spinning icon is a visual clue to the user to wait until it stops spinning that the page…