0人評分過此書

WordPress網站架設實務:活用網站客製化、佈景主題與ChatGPT外掛開發的16堂課

出版日期
2024/05/04
閱讀格式
PDF
書籍分類
學科分類
ISBN
9786263338258

本館館藏

借閱規則
當前可使用人數 30
借閱天數 14
線上看 0
借閱中 0
選擇分享方式

推薦本館採購書籍

您可以將喜歡的電子書推薦給圖書館,圖書館會參考讀者意見進行採購

讀者資料
圖書館
* 姓名
* 身分
系所
* E-mail
※ 我們會寄送一份副本至您填寫的Email中
電話
※ 電話格式為 區碼+電話號碼(ex. 0229235151)/ 手機格式為 0900111111
* 請輸入驗證碼
以專業站長會用到的技能為主軸,由淺入深地藉由實作
瞭解WordPress的網站架設技術,
並善用AI的協助,創造出客製化的專業網站

本書主要特色:
✜ 使用WordPress 6.x最新版本。
✜ 詳細介紹使用Visual Studio Code的開發環境。
✜ 提供使用Docker安裝WordPress的方式。
✜ 介紹GitHub的Copilot的使用。
✜ 在GitHub上提供原始程式碼。
✜ 說明使用OpenAI API(ChatGPT)的外掛,智慧聊天和智慧產生內容。
✜ 提供使用OpenAI API(ChatGPT)外掛的製作方式。

藉由本書學會:
⌖ 各種作業環境的網站安裝技巧
⌖ 全新的區塊編輯器與視覺化網頁編輯工具的使用
⌖ 在網站中自由地使用HTML/CSS技巧
⌖ WordPress的架構與核心作業流程,並進階熟悉好用的工具類外掛
⌖ 使用簡短的PHP程式碼增加網站功能
⌖ 利用ChatGPT、Copilot等AI工具,建立獨特的佈景主題和外掛設計



WordPress在CMS系統中的佔有率已超過60%,全世界超過40%的網站是使用WordPress架設的,學會WordPress的相關技術,就掌握了在網站世界中的一項重要技能。本書將讓您紮實學到所有WordPress的技術,搭配實作訓練,你將有能力依據不同的網站型態需求,修改或建立全新的佈景主題、修改WordPress內的程式碼、設計新的外掛、增加網站功能…等,創造符合自己需求,又不會和別人「撞臉」的專業網站。只要你有程式語言的基本概念,再加上AI工具的助力,本書就是教你打造客製化WordPress網站的最佳入門書,也是維護WordPress網站的實用工具書。全書區分四大重點:

[1]WordPress架構剖析與網站設計基礎
學習各種安裝WordPress的方式,從在自己的電腦中安裝練習用的WordPress系統開始、在虛擬主機上一鍵安裝、甚至使用業界流行的Docker容器技術等,廣泛瞭解WordPress作業環境後,再探討資料庫、檔案、目錄結構等等,讓讀者清楚掌握系統架構,為維護及開發網站打下基礎。同時也說明如何在WordPress網站中利用HTML/CSS/Javascript/jQuery/AJAX等技巧,提升網站與使用者的互動性。

[2]WordPress佈景主題製作基礎
從介紹佈景主題的基礎知識及學習視覺化網頁編輯器開始,並學習簡要的PHP程式設計技巧,打下自訂佈景主題的能力。同時會教讀者如何從無到有,透過好用的工具建立全新的佈景主題,以及說明如何在Visual Studio Code中善用Copilot協助佈景主題的開發工作。

[3]佈景主題製作進階
有了建立佈景主題的經驗後,就要學習更深入的PHP程式技巧,並透過各個面向,熟悉建立佈景主題的各種實用方法,運用工具的協助,打造出適合自己的佈景主題。

[4]WordPress外掛設計基礎與實務
透過累積的程式設計經驗,學習用PHP程式碼為網站增加功能,設計出許多實用的外掛和小工具。此外,也以實例來學習利用自定義文章型態,建立具有更強大功能的外掛。最後提出維護WordPress網站的重要知識技能,並介紹AI在WordPress上的應用,以及製作具備AI功能的外掛。
  • 二版序
  • 前言
  • 1 WordPress的安裝與結構剖析
    • 1.1 WordPress網站的基礎知識
      • 1.1.1 WordPress簡介
      • 1.1.2 WordPress的主要組成
      • 1.1.3 安裝WordPress的環境需求
    • 1.2 在本地端安裝WordPress網站
      • 1.2.1 在虛擬主機的cPanel主控台上安裝WordPress
      • 1.2.2 使用Docker安裝WordPress
      • 1.2.3 在本地端電腦安裝WordPress執行環境
      • 1.2.4 手動安裝WordPress
    • 1.3 WordPress網站結構分析
      • 1.3.1 WordPress系統檔案
      • 1.3.2 WordPress資料庫
      • 1.3.3 客製化WordPress網站的觀念
  • 2 HTML/CSS/Javascript基礎
    • 2.1 HTML基礎
      • 2.1.1 線上練習網站Codepen
      • 2.1.2 HTML基本架構
      • 2.1.3 重要且常用的HTML標記
      • 2.1.4 常用的屬性標記
      • 2.1.5 HTML 5新增的標記
    • 2.2 CSS基礎
      • 2.2.1 如何在網頁中使用CSS
      • 2.2.2 CSS屬性摘要
      • 2.2.3 CSS的class與id
      • 2.2.4 Bootstrap框架的運用
    • 2.3 Javascript基礎
      • 2.3.1 Javascript的用途
      • 2.3.2 在HTML中使用Javascript
      • 2.3.3 Javascript語言重點摘要
      • 2.3.4 簡易的網頁程式碼錯誤排除技巧
  • 3 jQuery/AJAX基礎
    • 3.1 jQuery基礎
      • 3.1.1 jQuery簡介
      • 3.1.2 開始使用jQuery
      • 3.1.3 jQuery在WordPress中的應用
    • 3.2 AJAX基礎
      • 3.2.1 AJAX簡介
      • 3.2.2 開始使用AJAX
      • 3.2.3 AJAX在WordPress的應用
  • 4 WordPress佈景主題基礎
    • 4.1 WordPress佈景主題
      • 4.1.1 佈景主題簡介
      • 4.1.2 安裝與設定新的佈景主題
      • 4.1.3 上傳佈景主題檔案
      • 4.1.4 自行上傳檔案安裝佈景主題
    • 4.2 佈景主題編輯功能
      • 4.2.1 WordPress預設的區塊編輯器
      • 4.2.2 視覺化編輯器
      • 4.2.3 Elementor編輯器
      • 4.2.4 Divi Visual Builder編輯器
    • 4.3 動手調整佈景主題
      • 4.3.1 建立子佈景主題
      • 4.3.2 佈景主題進階設定
      • 4.3.3 CSS檔案設定與修改
      • 4.3.4 PHP檔案設定與修改
  • 5 PHP程式語言快速導覽
    • 5.1 PHP程式語言簡介
      • 5.1.1 什麼是PHP
      • 5.1.2 建立PHP語言的執行環境
      • 5.1.3 設定PHP語言的執行環境與參數
      • 5.1.4 線上執行PHP程式
    • 5.2 變數與基本資料結構
      • 5.2.1 變數和常數
      • 5.2.2 變數的型態
      • 5.2.3 陣列變數
      • 5.2.4 各式各樣的運算式
      • 5.2.5 PHP程式的輸出處理
    • 5.3 決策指令的應用
      • 5.3.1 if指令
      • 5.3.2 switch指令
    • 5.4 迴圈指令
      • 5.4.1 for迴圈
      • 5.4.2 foreach迴圈
      • 5.4.3 while/do while迴圈
      • 5.4.4 break/continue指令
    • 5.5 函式的運用
      • 5.5.1 自訂函式的方法
      • 5.5.2 使用PHP的內建函式
      • 5.5.3 WordPress函式
    • 5.6 GitHub Copilot的安裝與使用
      • 5.6.1 安裝GitHub Copilot
      • 5.6.2 使用GitHub Copilot協助開發程式
  • 6 手工打造佈景主題
    • 6.1 自訂佈景主題基礎
      • 6.1.1 準備一個新的佈景主題
      • 6.1.2 header.php以及index.php內容與說明
      • 6.1.3 style.css的檔案內容
      • 6.1.4 sidebar.php內容與說明
      • 6.1.5 佈景主題的封面擷圖
    • 6.2 子佈景主題的運用
      • 6.2.1 建立子佈景主題
      • 6.2.2 動手修改子佈景主題的style.css
      • 6.2.3 在footer.php中加入小工具功能
  • 7 WordPress所需的PHP程式設計技巧
    • 7.1 PHP物件導向程式設計基礎
      • 7.1.1 物件導向觀念的概念
      • 7.1.2 建立PHP的類別與實例
      • 7.1.3 類別的屬性設定
      • 7.1.4 類別的方法實作
    • 7.2 PHP物件導向程式進階
      • 7.2.1 建立繼承關係
      • 7.2.2 類別的靜態屬性以及方法
      • 7.2.3 abstract類別與方法
    • 7.3 深入分析WordPress佈景主題的內容顯示
      • 7.3.1 網站上的資源
      • 7.3.2 載入佈景主題用的Unit Test資料
      • 7.3.3 開始存取WordPress網站內容
      • 7.3.4 探討WordPress的Loop
      • 7.3.5 Template Tags簡介
  • 8 WordPress佈景主題製作實例(上)
    • 8.1 深入探討佈景主題的設計
      • 8.1.1 設計流程與規範
      • 8.1.2 頁面檔案階層結構
      • 8.1.3 排版的考量
      • 8.1.4 再論WordPress的Loop
      • 8.1.5 佈景主題國際化(i18n) 簡介
    • 8.2 進階佈景主題設計
      • 8.2.1 style.css、header.php以及footer.php
      • 8.2.2 front-page.php、home.php與index.php
      • 8.2.3 sidebar.php
      • 8.2.4 singular.php、single.php以及page.php
      • 8.2.5 頁面屬性套用模板設計
      • 8.2.6 階層式分頁顯示功能
  • 9 WordPress佈景主題製作實例(下)
    • 9.1 WP_Query類別探討
      • 9.1.1 查詢WordPress資料庫
      • 9.1.2 使用WP_Query類別
      • 9.1.3 WP_Query的屬性與方法函式
    • 9.2 其他頁面模板的設計
      • 9.2.1 archive.php
      • 9.2.2 category.php與tag.php
      • 9.2.3 search.php與get_search_form()
      • 9.2.4 comments.php
      • 9.2.5 404.php
    • 9.3 其他進階主題
      • 9.3.1 安裝自己設計的佈景主題
      • 9.3.2 在主畫面上加上背景圖形
      • 9.3.3 為佈景主題加上自訂功能
  • 10 佈景主題進階開發工具
    • 10.1 Underscores佈景主題
      • 10.1.1 下載Underscores
      • 10.1.2 編輯Underscores檔案內容
      • 10.1.3 在Underscores佈景主題中變更中文字型設定以及調整版面
      • 10.1.4 在Underscores佈景主題中設定自訂標題圖片功能
      • 10.1.5 調整與設定選單
    • 10.2 Sage簡介與使用
      • 10.2.1 Sage的安裝
      • 10.2.2 在Sage專案中開發佈景主題
      • 10.2.3 Sage和Underscores的異同
  • 11 WordPress外掛開發基礎
    • 11.1 WordPress外掛入門
      • 11.1.1 WordPress外掛簡介
      • 11.1.2 建立自訂外掛的方法
      • 11.1.3 為自訂外掛加上功能
      • 11.1.4 開發外掛程式的工作流程建議
    • 11.2 Hooks簡介與應用
      • 11.2.1 Hooks簡介
      • 11.2.2 常用的Actions事件
      • 11.2.3 常用的Filters事件
      • 11.2.4 外掛程式的安全性議題
    • 11.3 使用外掛過濾文章的內容範例
      • 11.3.1 過濾文章的用途
      • 11.3.2 出現特定關鍵字即為文章加上額外的內容
      • 11.3.3 為特定關鍵字加上網址的實作
  • 12 外掛選項設定頁設計
    • 12.1 外掛在控制台中的操作
      • 12.1.1 在控制台新增功能表項目
      • 12.1.2 建立選項設定頁
      • 12.1.3 在外掛的頁面中套用Bootstrap
      • 12.1.4 儲存與提取功能選項
      • 12.1.5 建立表單與儲存設定
    • 12.2 短代碼shortcode的應用
      • 12.2.1 使用短代碼的外掛範例Shortcodes Ultimate
      • 12.2.2 如何建立自己的短代碼外掛
      • 12.2.3 運用短代碼的屬性
  • 13 實用外掛設計與小工具的製作
    • 13.1 計數器外掛介紹
      • 13.1.1 文章計數器外掛介紹
      • 13.1.2 網站計數器外掛介紹
    • 13.2 計數器外掛實作
      • 13.2.1 統計網站被瀏覽次數
      • 13.2.2 計算文章被瀏覽次數
      • 13.2.3 在文章中顯示出被瀏覽次數
    • 13.3 建立小工具Widget
      • 13.3.1 建立小工具Widget的相關參考資源
      • 13.3.2 註冊自訂小工具
      • 13.3.3 顯示網站造訪人次小工具
      • 13.3.4 顯示熱門文章排行榜小工具
  • 14 Custom Post Type的應用
    • 14.1 自定義貼文類型應用之外掛介紹
      • 14.1.1 CM Download Manager
      • 14.1.2 The Events Calendar
      • 14.1.3 Custom Post Type UI
    • 14.2 在外掛中建立Custom Post Type
      • 14.2.1 什麼是Custom Post Type
      • 14.2.2 建立Custom Post Type的幾種方法
      • 14.2.3 在外掛中建立Custom Post Type
      • 14.2.4 使用小工具來顯示Custom Post Type的內容
  • 15 實用商品列表外掛
    • 15.1 商品列表外掛的規劃及設計
      • 15.1.1 欄位及功能規劃
      • 15.1.2 建立Custom Post Type
      • 15.1.3 建立自訂分類法
    • 15.2 儲存自訂資料
      • 15.2.1 新增Meta Box
      • 15.2.2 顯示Meta Box中的欄位
      • 15.2.3 儲存商品資料
      • 15.2.4 調整控制台中的商品列表
    • 15.3 顯示商品列表
      • 15.3.1 建立顯示商品小工具
      • 15.3.2 設定可調整參數的小工具
      • 15.3.3 透過短代碼顯示商品
  • 16 進階主題與活用AI
    • 16.1 WordPress的演進趨勢
      • 16.1.1 WordPress的資源簡介
      • 16.1.2 WordPress REST API的應用
      • 16.1.3 WordPress網站中毒與解毒
    • 16.2 網站備份、搬家與開發流程
      • 16.2.1 網站的備份
      • 16.2.2 網站搬家
      • 16.2.3 WordPress網站開發流程
      • 16.2.4 綜合考量
    • 16.3 ChatGPT活用術
      • 16.3.1 AI Engine 外掛介紹
      • 16.3.2 透過OpenAI API製作AI外掛取得ChatGPT的回應
      • 16.3.3 加上自動貼文的功能

評分與評論

請登入後再留言與評分
幫助
您好,請問需要甚麼幫助呢?
使用指南

客服專線:0800-000-747

服務時間:週一至週五 AM 09:00~PM 06:00

loading