如何使用簡碼在WordPress中添加Twitter Bootstrap CSS


添加CSS元素(如工具提示,彩色按鈕和鼠標懸停效果)可以幫助您的內容脫穎而出。 問題是大多數人不知道如何使用CSS添加彩色按鈕,表格,標籤等。我們已經向您展示瞭如何在WordPress中添加彩色小部件和表格。 在本文中,我們將向您展示如何使用簡碼在WordPress中使用Twitter Bootstrap CSS。

Twitter Bootstrap是一個CSS和JavaScript框架,可幫助您快速提高網站設計和功能。 它是由Twitter上的Mark Otto和Jacob Thornton開發的,旨在鼓勵內部工具保持一致。 後來它被發佈為開源工具。 它美觀,簡單且在所有瀏覽器上均兼容。

您需要做的第一件事是安裝並激活WordPress Twitter Bootstrap CSS插件。 激活後,該插件將在您的WordPress管理員中添加一個Twitter Bootstrap菜單項。 單擊它會將您帶到插件的儀表板。

引導菜單

在儀表板上,您將看到插件作者添加的大量廣告。 向下滾動它們,您將看到可以在帖子中添加的簡碼。 每個簡碼都鏈接到插件的支持頁面,您可以在其中看到這些簡碼的更多用法示例。

Bootstrap簡碼用法示例

在管理員的Twitter Bootstrap菜單項下,有一個配置Bootstrap CSS設置的鏈接。 單擊該按鈕將帶您到配置頁面,您可以在其中更改設置以適合您的需求。 您可以選擇要使用的Bootstrap CSS版本。 在此之下,您將找到更適合高級用戶的選項。

現在,我們已經了解了配置,讓我們在博客文章中添加一些引導css元素。 只需將這樣的短代碼粘貼到您的帖子或頁面內容中: