Web、HTML、CSS、JavaScript、iQuery、PHP資源：

• 網頁設計資源彙整(夏木樂)
• 前端、後端、全端工程師 必備技能與就業門檻比一比
• 前端、後端、全端工程師 哪種軟體工程師薪水比較高？
• JavaScript 學習指南：23週全端工程師養成攻略
• PHP 教師研習
• fancyBox, 縮放視窗工具。

速查表：

1. HTML
2. CSS
3. JavaScript
4. jQuery
5. Getting Started with PHP
6. My beloved PHP cheat sheet

• 將行事曆整合至WordPress中(重要的新學習起點)
• Gutenberg 古騰堡編輯器終極懶人包
• WordPress JavaScript
• WordPress 5.0 來了！帶您認識新版 Gutenberg 編輯器
• WordPress基礎教學：26個主題（安裝＋主題外掛，附有5.0古騰堡編輯器說明）
• 【WordPress 外掛推薦】12 個免費 Gutenberg 古騰堡區塊外掛
• WordPress Developer Tutorials: Themes, Functions, Plugins, and More
• The WordPress Page Life-cycle
• WordPress Developer Resources(開發者資源)
• 東海大學智慧校園監測系統(使用WordPress技術)
• WordPress開發者速記表
• 40 Cheat-sheets for WordPress Design & Development
• Mastering Your WordPress Site Structure
• WordPress Architecture Explained in Great Detail – Optimize Smart
• 120+ Great Cheat Sheets for WordPress, Web Developers and Designers
  (超過120個給WordPress、Web開發者與設計者的速記表)
• 11 Important Pages that Every WordPress Blog Should Have (2021)
  每一個WordPress部落格應該要有的11個頁面。
  (About, Contact, Disclaimer, Privacy Policy, Terms of Service, Start Here, Products / Services, Custom 404, Archives, Advertise, Write for Us)

文章(post，貼文)的主頁索引佈局(所有文章、分類文章、邊框)

在WordPress中，預設的首面是以部落格的方式呈現，所以theme的建立思考邏輯是以列出部落格文章為考量，文章的佈局排版、順序、檢索…，

• WordPress Theme Development Tutorial Step By Step
• How to Create WordPress Theme from Scratch : Beginners Guide (2020)
• WordPress Theme Cheat Sheet for Beginners
• WordPress Custom Theme Tutorial
• How to Create a Full-screen WordPress Slideshow
• Learn How To Make WordPress Themes: All The Best Resources
• 19 Best WordPress Starter Themes for Developers in 2021 (啟動主題套件)
• WordPress Theme Cheat Sheet for Beginners
•  

Custom page template/自定義的靜態頁面範本 (page,  用來建置公司、電子商務、個人網站，不是部落格文章形式)

WordPress除了預設部落格文章首頁外，另一種方式就是頁面的形式，頁面的形式是讓WordPress可以建立一般的個人、公司、組織等的網頁，這種頁面的特色跟部落格文章的形式不同，這個大家可以參考我的網頁。因此，在這邊的目的是要建立頁面的各種範本(預設、滿版、有邊框…)，提供我們在線上建立整個網站的所有頁面。

• Create a Custom Page Template in a WordPress Theme
• A Detailed Guide To A Custom WordPress Page Templates
• How to Create WordPress Custom Page Templates (& Why)
• WordPress模板层级结构简要分析
• Beginner’s Guide to WordPress Template Hierarchy (Cheat Sheet)
• VISUALIZE THE WORDPRESS TEMPLATE HIERARCHY

子主題

• 如何建立 WordPress 的子主題

在主題中，不透過外掛方式提供主題所需要的功能，僅提供功能給所在主題使用。簡言之，是主題特定的plugin，若用標準的plugin作法，則需以plugin的規則進行plugin設計，再進行安裝與啟用。

就我們自己獨立開發在WordPress的網頁/網站，比較簡單就是在theme裏用functions.php來加功能，並且定義短碼，讓我們在網頁中加入所需要的功能，例如，我們可以在商品位置加上一個加入購物車的按鈕，透過短碼的使用，短碼裏的參數設定，就可以很容易在商品處加上需要的購物車按鈕。

• Theme Functions
• How to Add JavaScript to WordPress
• WordPress Functions.php File Explained: The Essential Guide
• Adding Functionality with functions.php, a Heart of WordPress Theme Development
• 32 Extremely Useful Tricks for the WordPress Functions File
  1. Remove WordPress Version Number
  2. Add a Custom Dashboard Logo
  3. Change the Footer in WordPress Admin Panel
  4. Add Custom Dashboard Widgets in WordPress
  5. Change the Default Gravatar in WordPress
  6. Dynamic Copyright Date in WordPress Footer
  7. Randomly Change Background Color in WordPress
  8. Update WordPress URLs
  9. Add Additional Image Sizes in WordPress
  10. Add New Navigation Menus to Your Theme
  11. Add Author Profile Fields
  12. etc.
• Your Guide to the WordPress Functions.php File
  1. Add Google Analytics to Your Site
  2. Change the Default Login Error Message
  3. Add the Estimated Reading Time for a Post
  4. Remove the WordPress Version Number
  5. Automatically Update Your Copyright Notice
  6. Add Custom Menus
  7. Customize Your Excerpts
  8. Add a Random Background to Your Site

Plugin 外掛

• Plugin Handbook
• Writing a WordPress Plugin From Scratch: A Step-by-Step Tutorial
• The Beginner’s Guide to WordPress Plugin Development
• Writing a Simple WordPress Plugin, Beginner Tutorial
• WordPress Plugin Development from Scratch
• Full Screen Image Background WordPress Plugin
• An Introduction to WordPress Plugin Development
• 「WordPress 外掛開發」己也造個hook吧 add_action/add_filter
• WordPress外掛開發 by 艾瑞克
• Getting Started with WordPress Plugin Development
• Writing a Plugin – WordPress Codex
• Plugins – WordPress Codex
• How To Write A Simple Redirect Plugin
• INTRO TO WORDPRESS PLUGIN DEVELOPMENT
• Including JavaScript in Plugins or Themes, the Right Way
• WordPress Plugin Development Resources and Tutorials
• WordPress Plugin Tutorial: How to Create a WordPress Plugin
• How to create plugin in WordPress with example
• Plugin API/Action Reference (所有WordPress動作action列表，WordPress動作類似Event事件的概念)

短碼 Shortcode

• How to Add a Shortcode in WordPress? (Beginner’s Guide) 
• How To Use WordPress do_shortcode
• How to Use Shortcode in WordPress PHP Theme File Templates
• Create a simple WordPress Plugin with Shortcode
• The Beginner’s Guide to Writing Your Own Custom Shortcode
• The Ultimate Guide to WordPress Shortcodes (With Examples to Create Your Own)
• The Complete Guide to Creating Custom Shortcodes in WordPress
• The Shortcode API

Database

• The Ultimate Developer’s Guide to the WordPress Database WordPress資料庫的終極指南
• wpdb
• WordPress Database Functions
• The Definitive Guide to WordPress Custom Post Types 自訂Post型態(除了post, page, attachment, revision這些WordPres內建型態)
• How to create a database table when activating a WordPress theme (主題啟用時建立一個資料庫表格)

• How to Create Custom Post Types in WordPress
• The Complete Guide To WordPress Custom Post Types
• WordPress Custom Post Types: The All-In-One Guide to Create and Use Them
• 4 Easy Steps to Create Custom Post Types in WordPress (with CPTUI)
• How to Create Custom Post Types in WordPress
• How to Create WordPress Custom Post Type (CPT) and Taxonomy – Hello World Tutorial, Tips and Tricks
• Use WordPress Custom Post Types To Organize Your Content Better
• Create Custom Post Types with the CPT-UI plugin
• How to Create Custom Post Types in WordPress
• How to easily list WordPress custom post types in a searchable table
• How to get posts from a custom post type

• Create Custom Fields Using Advanced Custom Fields Plugin
• WordPress Custom Fields: The Complete Beginner’s Guide (2021)

• Magic admin CRUD plugin for WordPress
• WordPress database access abstraction class
• How to create crud operations plugin in WordPress
• Basic example of WordPress plugin to select, update, insert and delete from database (CRUD)
• How to create a CRUD system in WordPress – 2021
• A Simple CRUD app using the WordPress REST API

User tables (使用者資料表格)

• Adding a Custom Column to the Users Table in WordPress

登入對話方塊與彈出

• How to add a WordPress login popup modal
• How to Create a WordPress Login Popup Modal (Step by Step)

客製登入畫面格式 (讓你的登入格式有自己的風格)

• Customizing the Login Form
• How to Completely Customize the WordPress Login Page
• How to Create a Custom WordPress Login Page (Ultimate Guide)
• How To Customize The WordPress Login Page

後台管理介面/Admin menu

• How To Create WordPress Custom Admin Pages
• WordPress Plugin Development — A Beginner’s Guide
• how to create crud operations plugin in WordPress
• How to create a CRUD system in WordPress – 2021
• WP Basic Crud plugin
• WordPress database access abstraction class
• Basic example of WordPress plugin to select, update, insert and delete from database (CRUD)
• A Simple CRUD app using the WordPress REST API
• How to Create a WordPress Custom Dashboard for Yourself or Clients

AJAX Form

• How to create an AJAX form in WordPress
• Tutorial : How to create a Ajax Form in WordPress
• WordPress Submit a form using AJAX
• Jquery Ajax Form Submit With WordPress
• Submit Form Using AJAX In WordPress

WooCommerce

WooCommerce是目前使用率最高的一個購物車系統，這個系統有獨立自己一套，有WordPress的外掛版本，想要架電子商務販售系統，可使用WooCommerce來進行，可以完全不寫一行程式碼，也可以依自己的想法開發適用於WooCommerce的主題套件(自用或銷售用)。

• WooCommerce 中文教學：安裝設定＋功能介紹（完整指南）
• 【2021】Woocommerce 教學，不懂程式照樣自架電商網站
• 跟著我的步驟走，阿公也會開設網路商店｜Woocommerce設定教學

編碼/編程教學
(使用WooCommerce建立的功能函式，例如，帶出所有的產品項目。)

• WooCommerce Docs

從WooCommerce帶出所有販售的產品

• How to Create Custom WooCommerce Theme – Beginner guide (建立WooCommerce的主題)
• WooCommerce Theme Development From Scratch
• A Beginner’s Guide to Developing a WordPress Theme