[WordPress] 製作自己的佈景主題

2021-09-18 17:16:13

WordPress 真的是一套很方便的架站工具，一般來說只要簡單的幾個步驟把網站架起來，再套個喜歡的樣版後和裝一些必要的 plugin 後就可以上線了，那如果有想要製作自己的樣版或依想要的方式安排頁面呢? 這時候就要研究一下 WP 的系統架構和原始碼囉。

首先要在 wp-content/themes 下建立一個新的資料夾，這個資料夾就會是你的佈景主題的名稱，並至少在裡面建立 index.php 及 style.css 兩個檔案。

建立好就會在佈景主題那邊看到你命名的佈景主題了，目前畫面還是空的。

接下來就要開始調整內容囉，首先切換到外觀 > 主題編輯器，選擇你自訂的那個佈景主題。

現在還是空空的，我們可以先在 index.php 上加上 get_header(); 和 get_footer(); ，會先把 WP 預設的標題和頁尾抓進來。

系統會自動幫你抓在 WP 設定的網站名稱和敘述。

先講到這邊，其他下次繼續。

[WordPress] 更新系統及 plugin 不用每次都輸入 ftp 密碼 [WordPress] 取得頁面(Page)內容- get_post()

你可能也會喜歡的

[WordPress] 取得頁面(Page)內容- get_post()

使用 php 輸出 json 資料後透過 jQuery 做資料的篩選功能

[WordPress] 在 php 樣板內使用 shortcode- do_shortcode()

[WordPress] 取得分類列表- get_categories()

SearchWP Live Ajax Search：加速您的 WordPress 網站即時搜索體驗

CSS Author：專業設計師資源與靈感的寶庫

課程推薦

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。