WordPress Query Loop Block
As an essential Block in the WordPress block era. Building a customised Query Loop can sometimes be tricky. Here comes Query Loop Simplified.
WordPress
A collection of 23 issues
WordPress Custom Block Developer Essential
A complete guide for Custom Block development for WordPress in all aspects
Rest API authentication with Headless WordPress
WordPress provides built-in support for authenticating the incoming request to its restful API, which is handy.
SQL Query to Retrieve Woocommerce Order with Product Detail
Woocommerce order detail is saved in several tables which could be tricky to retrieve, this snippet may be handy to help you out
Dynamic Redirect in WordPress
programmatically register an endpoint to enable customised dynamic redirection
Collecting One-Step Payment with Woocommerce
create a checkout link to quickly collect one-time payment
Block Theme Design Guideline
Template and Template Parts * Site-wide Elements * Search, 404, Singular, Index(Archive) * Header, Footer * Special Page: Blog with Specific Cat Block Patterns * Collection of Blocks whose content is to be updated during Post Creation * Post Content: Highlight + Sample Header + Sample Content Reusable Blocks * Identical Blocks to appear in multiple part of
Change of Multisite Domain - enable Cloudflare on Siteground
After Cloudflare was enabled on Siteground, The Network Admin was end up with a redirection loop, while the primary site was functioning in anyway.
Multipass to fire up a Wordpress Dev Server
Another way to quickly fire up a local dev server for Wordpress development
Billing State / County is a required field. Error on Woocommerce/WordPress
Why `Billing State / County is a required field` warning still pops out when a filed is hidden in Woocommerce/WordPress. Here, we will explore how this occur and how to resolve it.
TailwindCSS + postCSS + BrowserSync + Gulp for WordPress Theme Development & Production
Dependencies package.json "devDependencies": { "autoprefixer": "^10.2.5", "browser-sync": "^2.26.14", "gulp": "^4.0.2", "gulp-autoprefixer": "^7.0.1", "gulp-postcss": "^9.0.0", "gulp-sass": "
WordPress links and permalink
A customised URL style can not only increase customer satisfaction but also make it easier to identify the location when issues occured.
Wordpress Theme Development with Docker and UnderStrap
Docker Set-up for Wordpress Development Define Services in a Compose File Reference # Version of the Compose file format # Version 3 is the most current and recommended one version: "3" # Top building block that defines # All containers used for this service services: # Container 1 # https://hub.docker.com/_/mysql
Contact Form 7 - recaptcha
Stopping Spam with Google reCAPTCHA in Contact Form 7 included Integration
Only-Home-Page Problem during WordPress Hosting or Migration
There are times when a WordPress site needs to be migrated to a new server or hosting. When 'everything' is set up, only the home page can be accessed as expected while all other pages return 404. Following the below method should solve the problem in most case.
Make a Widget in WordPress
How to make you own widget in a theme for WordPress
Paginating Search Result in WordPress
Inject parameter that control pagination of query result so that search.php can display paginated result
Framework with Plugins and Tools for WordPress Theme Development for Marketing
Base * Starter Theme: Underscore * General CSS and Layout: Bootstrap * Plugin Activation(requires plugins within theme): TGM Plugin Activation Plugins (Development Purpose) * Theme Customizer: Kirki * Template(/Page) Custom Field: ACF Plugins (Utilities) * SEO: Yoast (Breadcrumb) * Form: Contact Form 7 * Social Media Sharing: Addthis * Analystics: Baidu Tongji + Google Analystics * Functions Editor: My
Post Pagination with Page Number- WordPress Theme Development
Replace the default Old-New Pagination with Numbered Pagination Code <?php // Do not include the opening php code function numeric_pagination ($pageCount = 9, $query = null) { if ($query == null) { global $wp_query; $query = $wp_query; } if ($query->max_num_pages <= 1) { return; } $pageStart = 1; $paged = $query->query_vars[
Inject Tracking Code with a Plugin in WordPress
Plugin My Custom Functions Simply put, the code injected with the plugin will be appended to functions.php Code // Below code will add <script> with wp_head hook to relative location function analytics_code() { ?> <script> // JS tracing code block </script> <?php } add_
Contact Form 7 - Email Validation
Sagar Nangare Reference Block none-business(/Free/Certain) address from using the contact form Code (function.php) function varified_email($email){ if( preg_match('/@gmail.com/i', $email) || preg_match('/@hotmail.com/i', $email) || preg_match('/@live.com/i', $email) || preg_match('/@msn.com/
WordPress Theme Customiser
Reference Customiser Object Four main types Panels Containers for sections Sections UI containers Settings Accociate UI elements(controls) with settings $wp_customize->add_setting( 'setting_id', array( 'type' => 'theme_mod', // or 'option' 'capability' => 'edit_theme_options&
PhpStorm SASS (/SCSS) File Watcher for (WordPress)Underscore Starter Theme
Reference Key Setting Arguments: --cache --update $FileName$:$FileParentDir$/$FileNameWithoutExtension$.css