安裝了Wordpress.com製作的Jetpack外掛，
有一個子選項「自訂CSS」，先將它啟用。
「自訂CSS」允許我們在不修改佈景的原始碼下，
直接套用CSS的語法，非常方便。
Image000

例如我要修改側邊欄的標題框的樣式，
可以先用瀏覽器的開發工具找到HTML套用的CSS。
Image001

找到CSS之後，進入Jetpack的「自訂CSS」頁面，
填上要變更的CSS語法如下：
.widget-area .widget-title {
background: #EEEEEE;
font-size: 16px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}
Image004

完成後儲存CSS，可以發現側邊欄已經改變了，
但是沒有修改到佈景主題的原始碼。
Image005

Image006

arrow
arrow
    全站熱搜

    keven 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄