Back
Blog
著作與研究成果
指導學生獲獎
研究計畫
Awards(獎項)
發明
Blog
著作與研究成果
指導學生獲獎
研究計畫
Awards(獎項)
發明
Login
Curriculum
6 Sections
31 Lessons
10 Weeks
Expand all sections
Collapse all sections
WordPress開發的一般性議題
7
1.1
WordPress全域資料庫物件$wpdb – 資料查詢
30 Minutes
1.2
WordPress全域資料庫物件$wpdb – 新增、更新、刪除
30 Minutes
1.4
載入自己的CSS(style)與JS(JavaScript)
1.4
掛勾Hooks(動作Actions and 過濾器Filters), 短碼Shortcodes, and 小工具Widgets
1.5
後台管理選單
1.6
CRUD in WordPress
1.7
自訂文章/Post(書籍、電影、產品、商品…)
佈景主題(Theme)開發
2
2.1
手工打造佈景主題 – 建立自己的主題初體驗
2.2
WordPress主題的開發(標準)
外掛(Plugins)開發(Development)
2
3.1
WordPress外掛開發基礎
3.2
撰寫一個簡單的短碼功能
使用WordPress建造一個電子商務網站(著陸網頁)
BootStrap、購物車、AJAX傳送訂單
7
4.1
安裝Bootstrap啟動主題來建置產品的分頁
4.2
加入購物車功能
4.3
使用登入Modal來建立登入登出功能,並實現不同身份的登入及登出轉址
4.4
抓取購物車的商品資料(名稱、單價、數量、小計)並用smtpJS.com送出訂單
4.5
前端JS使用AJAX將訂單資料送至伺服器後端PHP並用mail送出訂單
4.6
將訂單資料寫入至MySQL資料庫(正規化)
4.7
CSS的設置
WordPress上的主題 - 月曆Calendar
12
5.1
月曆的頁面佈局(Page layouts)
5.2
建立WordPress前台主頁 – theme
5.3
月曆畫面(左欄今日+右欄月曆表格)
5.4
月曆畫面移植(主題對話、記事資料對話等)
5.5
月曆-顯示登入的使用者名稱
5.6
變身多人使用月曆-theme部份
5.7
在WordPress上的月曆 – Theme後端資料庫的處理 (原月曆資料庫的作法)
5.8
在WordPress上的月曆 – 記事資料後端資料庫的處理 (原月曆資料庫的作法)
5.9
使用WordPress資料庫函式處理月曆資料 (整合現有WordPress資料庫)
5.10
使用WordPress資料庫函式處理記事資料庫 (整合現有WordPress資料庫)
5.11
變身多人使用月曆-theme部份(使用WordPress $wpdb)
5.12
變身多人使用月曆-notes部份(使用WordPress $wpdb)
WordPress外掛開發與月曆外掛
這個章節我們要進行WordPress的外掛開發,並且將月曆包裝成WordPress的外掛,然後在一個空白的主頁中以shortcode的方式加入月曆。
1
6.1
移植月曆成為WordPress的外掛
WordPress主題的開發(標準)
本文取材參考自:
WordPress Theme Development Tutorial Step By Step
Step 1: 建立一個主題的資料夾
Step 2: 在資料夾中建立style.css與index.php
Step 3: 從WordPress後台管理介面(WordPress Dashboard)啟用你的主題
Step 4: 加入程式碼來輸出文章標題與內文
Step 5: 對每一個文章加上一個超連結
Step 6: 對自製的主題加上Header與Footer區塊
Step 7: 加入functions.php檔案到你的主題
Step 8: 加入CSS格式設置到你的主題
參考資料:
Bootstrap
Starter Theme for WordPress
Leave A Reply
取消回覆
Δ
Login with your site account
Lost your password?
Remember Me
Modal title
Main Content