資源
網頁基礎一般WordPressTheme/主題functions.phpPlugin 外掛Database
Web、HTML、CSS、JavaScript、iQuery、PHP資源:
- 網頁設計資源彙整(夏木樂)
- 前端、後端、全端工程師 必備技能與就業門檻比一比
- 前端、後端、全端工程師 哪種軟體工程師薪水比較高?
- JavaScript 學習指南:23週全端工程師養成攻略
- PHP 教師研習
- fancyBox, 縮放視窗工具。
速查表:
- 將行事曆整合至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
子主題
在主題中,不透過外掛方式提供主題所需要的功能,僅提供功能給所在主題使用。簡言之,是主題特定的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
- Remove WordPress Version Number
- Add a Custom Dashboard Logo
- Change the Footer in WordPress Admin Panel
- Add Custom Dashboard Widgets in WordPress
- Change the Default Gravatar in WordPress
- Dynamic Copyright Date in WordPress Footer
- Randomly Change Background Color in WordPress
- Update WordPress URLs
- Add Additional Image Sizes in WordPress
- Add New Navigation Menus to Your Theme
- Add Author Profile Fields
- etc.
- Your Guide to the WordPress Functions.php File
- Add Google Analytics to Your Site
- Change the Default Login Error Message
- Add the Estimated Reading Time for a Post
- Remove the WordPress Version Number
- Automatically Update Your Copyright Notice
- Add Custom Menus
- Customize Your Excerpts
- 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 (主題啟用時建立一個資料庫表格)
Custom Post Types and FieldsCRUD ExamplesRoles/角色其他
- 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
- 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 (使用者資料表格)
登入對話方塊與彈出
客製登入畫面格式 (讓你的登入格式有自己的風格)
- 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帶出所有販售的產品Course Features
- Lectures 31
- Quizzes 0
- Duration 50 hours
- Skill level All levels
- Language English
- Students 1
- Assessments Yes
2 Comments
如何加入課程?
這是我在弘光科技大學開的課的資料,謝謝。