安裝了Wordpress.com製作的Jetpack外掛，
有一個子選項「自訂CSS」，先將它啟用。
「自訂CSS」允許我們在不修改佈景的原始碼下，
直接套用CSS的語法，非常方便。
例如我要修改側邊欄的標題框的樣式，
可以先用瀏覽器的開發工具找到HTML套用的CSS。
找到CSS之後，進入Jetpack的「自訂CSS」頁面，
填上要變更的CSS語法如下：
.widget-area .widget-title {
background: #EEEEEE;
font-size: 16px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}
完成後儲存CSS，可以發現側邊欄已經改變了，
但是沒有修改到佈景主題的原始碼。
例如我要修改側邊欄的標題框的樣式，
可以先用瀏覽器的開發工具找到HTML套用的CSS。
找到CSS之後，進入Jetpack的「自訂CSS」頁面，
填上要變更的CSS語法如下：
.widget-area .widget-title {
background: #EEEEEE;
font-size: 16px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}
完成後儲存CSS，可以發現側邊欄已經改變了，
但是沒有修改到佈景主題的原始碼。
請先 登入 以發表留言。