WordPress
WordPress Custom Block Developer Essential
A complete guide for Custom Block development for WordPress in all aspects
Read more
Theme Development
A collection of 6 posts
WordPress
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
Read more
TailwindCSS
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": "^4.1.0", "gulp-sourcemaps": "^3.0.0", "node-sass": "^5.0.0", "postcss": "^8.2.8", "postcss-import": "^14.0.0", "tailwindcss": "^2.0.4" } "scripts": { "dev"
Read more
Ghost
Ghost Theme Development on WSL2
To take advantage of the linux system. developing custom ghost theme with WSL2 on Windows is an ideal option. Yet some incompatible issues is worth recording. Such as detecting file changes.
Read more
Framework
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
Read more
WordPress
Post Pagination with Page Number- WordPress Theme Development
Replace the default Old-New Pagination with Numbered Pagination Code max_num_pages <= 1) { return; } $pageStart = 1; $paged = $query->query_vars['paged']; // set current page
Read more