WordPress 自訂 佈景主題 (Custom Themes)
web wordpress : 2021-12-16 : 喵咪大人 : 5,994
今天我們來談談如何在WordPress上制作個人風格特色的網站。 如果你喜歡跟別人不一樣,希望擁有獨屬於自己網站的佈景主題 Themes,那麼希望這編文章可以給你一點點得幫助 :)接下來讓我們正式開始吧!!
首先在開始前,我要先聲明接下來的教學不適合新手服用,技術要求會比較高一點,需要有一定程度的建站程式知識,包括: HTML,Javascript,CSS,PHP ,Mysql(不是必須)和基本的WordPress 操作。在這裡我會先說一下傳統的WordPress 建站方式有兩種,一個是使用網上的 WordPress.com 來開發,另一個是使用WordPress.org ,這也是我們今天要講的主角。
使用WordPress.org來開發網站,你必須先擁有自己的一台伺服器主機,你可以是自己買,也可以是從網路上租用,關於伺服器主機方面是一個大主題,我先不在這裡多說了。接下來我們一步一步的開發網站吧。
第一步 : 在伺服器主機上安裝WordPress: 我們可以到 WordPress.org/download 上下載主程式,下載後在安裝前請先檢查 你的伺服器上有沒有以下幾個程式 Apache HTTP Server, MariaDB 或是 MySQL DB ,PHP 7.4。如果都確認安裝好這些程式後,我們就可以一步步的按照WordPress 安裝程式的指示來完成安裝。最後我們會得到一組 WordPress 進入後台的用戶密碼和 Datebase WordPress 專用的用戶密碼,請都妥善保存好他們。
第二步 : 當安裝完成WordPress 後,我們就可以在網址上輸入你的主機的網名加 /wordpress/wp-admin (例如 wantplay.com/wordpress/wp-admin) 來登入後台,用你早前安裝時設定的用戶和密碼來登入進去吧。進來後你就會發現在頁面左手邊有一個黑色的slide bar ,這介面是跟WordPress.com上是一樣的,我們常用的功能都放在這裡了。
第三步 : 正式開發我們的個人主題外觀。以前說到開發自己的主題Themes,你接觸到的多是教你到 Appearance (外觀) -> Themes (主題 ) -> 下載Themes -> 啟用 。我們自己開發主題就是不用下載人家的 Themes,我們動手自己做 🙂
首先我們到主機的WordPress 目錄 地址(例如: root\web\wordpress\wp-content\themes),進入themes 資料夾後,我們就會看到已經有幾個原生的主題,不用理會他們,在這裡新建一個資料夾作為你的網站主題名字,我在這裡就用wantplay 這名字建了一個,你們就按自己喜歡的改一個好名字吧。
第四步 : 建立幾個關鍵的文件。當你建了自己的網站主題資料夾後,在裡面建立幾個重要的文件 它們是 :
index.php
style.css
functions.php
我們要在 style.css 上要輸入一些資料 例如 : /* wantplay themes */ 這是用來告訴 WordPress 我們主題的名字,是非常重要的一步。 然後在index.php 上我們可以先隨便輸入一些文字 例如 : Hello World! 完成後,我們就可以返回到WordPress 後台,到 Appearance (外觀) -> Themes (主題 ) 。現在我們可以看到一個新的用我們命名的主題在這裡,點選它然後啟用它,再來到預覽頁面,如果你可以看到頁面上 ” Hello World! ” 的文字,那說明我們的主題已經成功了。之後我們就可以在它上面擴充文字內容,加圖片,加頁面,設定我們的CSS 等等。之後的一些開發教學我會慢慢的寫出來,那麼今期就先到這裡了,祝你有美好的一天吧 🙂