如何在WordPress中使文本小部件更加豐富多彩和減少乏味


文本小部件允許您向博客的側邊欄或任何其他小部件區域添加額外的信息。 通常,人們使用WordPress中的文本小部件來添加一些關於自己,網站的介紹,或者使用它在小部件內添加短代碼。 文本小部件通常看起來很無聊,因為它們與其他側邊欄元素融合在一起。 在這篇快速文章中,我們將向您展示如何使文本小部件更加豐富多彩和有趣。 目的是使它們在側邊欄中突出顯示,以便您的訪問者更加註意它。

多彩的藍色文本小部件

您需要做的第一件事是安裝並激活Colorful Text Widget插件。 激活後,轉到 外觀»小部件。 在那裡,您將在可用的小部件面板中看到Colorful Text Widget。 將“彩色文本”窗口小部件拖放到側欄(即窗口小部件區域)。

彩色文字小部件選項

小部件設置非常簡單。 您將像使用其他任何文本小部件一樣使用它。 您唯一需要做的就是在最後一個選項中添加小部件樣式。 該小部件帶有一些內置的一些基本顏色的樣式。 複製您要使用的顏色樣式並將其粘貼。 您也可以在主題的style.css文件中創建樣式。

如果您不了解CSS,而只想添加自定義顏色,那麼可以使用一種更簡單的方法。 只需將以下內容複製並粘貼到主題的style.css中:

//** Replace background-color and border with your own values **//

.ctw-custom {

background-color: #cccccc;
border: 1px solid #1b1b1b;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
color: #000;	

}

現在,要在窗口小部件中使用此樣式,請在“彩色文本”窗口小部件的窗口小部件樣式選項中使用.ctw-custom。 您可以創建自己的多種自定義樣式。 只需複制CSS,將.ctw-custom重命名為其他名稱,然後更改背景色和邊框值。 我們希望此快速提示將幫助您使文本小部件變得更加有趣和突出。