如何在WordPress中隨機更改背景顏色


最近,一位讀者問我們是否可以在WordPress中隨機更改背景顏色。 顏色在用戶如何看待您的網站以及他們如何參與方面起著重要作用。 在本文中,我們將向您展示如何在WordPress中隨機更改背景顏色。

在WordPress中添加隨機背景色

方法1:使用代碼在WordPress中添加隨機背景色

此方法要求您將代碼添加到WordPress文件中。 僅當您願意將網頁摘要粘貼到WordPress中時,才嘗試使用此方法。

首先,您需要將此代碼添加到主題的functions.php文件或特定於站點的插件中。

function wpb_bg() { 
$rand = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f');
$color="https://www.wpbeginner.com/wp-themes/how-to-randomly-change-background-color-in-wordpress/#".$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文件。 找到 標記行,如下所示:

>

替換為此行:

 style="background-color:">>

保存更改,然後訪問您的網站以查看實際代碼。

隨機背景顏色

方法2:使用神話般的背景色添加隨機顏色條紋

此方法更簡單,建議不想編輯WordPress主題文件的初學者使用。

首先,您需要安裝並激活Fabulous Background Colors插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

該插件可以直接使用,沒有可供您配置的設置。

現在,您可以訪問您的網站,並且您會在網站上看到彩色條紋作為背景色。 每隔5秒鐘,這些條紋就會褪色並優雅地改變顏色。

隨機背景條紋

方法3:使用CSS在WordPress中添加非隨機背景顏色

幾乎所有符合標準的WordPress主題都使用 body_class() 在body標籤中起作用。 此標記將多個CSS類添加到主題的body標記中。 這些默認的WordPress生成的CSS類可用於為各個帖子,類別,標籤等設置樣式。

例如,如果您的博客具有名為攝影的類別,那麼您可以在類別存檔頁面的body標籤中找到這些CSS類。

WordPress添加的CSS類

您可以通過簡單地將此CSS添加到WordPress主題中或使用自定義CSS插件來更改該特定類別的背景顏色。

body.category-photography { 
background-color:#faebd7;
}

同樣,您還將在正文類中找到各個帖子的帖子ID類。 您可以使用它為每個WordPress帖子設置不同的樣式。

body.postid-65 { 
background-color:#faebd7;
} 

我們希望本文能幫助您學習如何在WordPress中隨機更改背景顏色。 您可能還想看一下我們如何在WordPress中添加全屏背景圖片的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。