最近,我們的一個讀者來信說,怎麼改變 WordPress 的背景顏色,並且要隨機改變。讀者對你網站的第一印象,顏色扮演著一個重要的角色。在這篇文章,我將來試試怎樣讓 WP 背景顏色隨機展示給讀者。
方法一、在 functions.php 檔案里加入程式碼實現背景顏色隨機切換
在網站後臺,外觀選項裡,點選編輯,然後找到 functions.php,然後加入以下程式碼:
function wpb_bg() { $rand = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'); $color ='#'.$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)]. $rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)]; echo $color; }
這段程式碼的意思就是隨機生成顏色集合,然後接下來就要回到 header.php 這個檔案裡呼叫它:
找到這段程式碼:
<body <?php body_class(); ?>>
替換成:
<body <?php body_class(); ?> style="background-color:<?php wpb_bg();?>">>
點選儲存按鈕,然後重新整理的前臺,你就可以看到效果了。
方法二、使用 Fabulous Background Colors 來改變 WP 背景顏色
這個方法適合不太懂程式碼的初學者,首先要安裝和啟用 Fabulous Background Colors 這個外掛。這個外掛一旦裝上,就可以工作了,因為後臺沒有配置選項。你可以重新整理網站前臺,然後可以看到背景顏色變成了彩色條紋,並且每隔 5 秒就自動變換顏色。
方法三、使用 CSS 來定義非隨機 WP 背景顏色
幾乎所有的 WordPress 主題的 body 標籤都會使用 body_class() 函式,這個標籤可以在你的主題裡新增一些 CSS 類。這些預設的 WordPress 生成的 CSS 類可用於個人風格的文章,分類,Tag,等等。
例如,如果你的部落格有個分類叫做 photography,這時,你可以在分類歸檔頁面的 body tag 裡找到這些 CSS 類。
這個方法需要對樣式知識有一定了解,在 body 裡寫上自己喜歡的背景顏色就 OK 。
以上三種方法都可以改變 WP 部落格的背景顏色,希望對你有幫助。
發表回覆