修改WordPress中引言(Blockquote)樣式

WordPress在中文網站顯示很醜，這已經不用再多說了，斜體真心不適合閱讀阿。

於是開始試著找修改的方法，步驟：

1. 外觀 > 主題編輯器 > style.css
2. 看到我安裝的佈景主題(GeneratePress)註解寫到不適合直接修改style.css，建議下載Simple CSS，透過外掛修改。
3. 安裝好Simple CSS後，選擇外觀 > Simple CSS 可以看到編輯器，輸入相關程式碼即可。
4. 補充：移除斜體：blockquote { font-style: normal; }

修改效果呈現：

關於本站

分享從零開始的實驗過程，內容全憑個人喜好記錄。任何利益交換均會在文中申報，隨著操作經驗越多，可能會回頭增減文章內容。

－Linchpin.cc

 

程式碼：

blockquote {
font-family: Georgia, serif;
font-size: 18px;
 font-style: normal;
width: 450px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
background:#ececec;
}
blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -10px;
top: -10px;
color: #7a7a7a;
}
blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}

參考文章：

• How To Customize Blockquotes Style in WordPress Themes
• WordPress修改Blockquote/pre等，让引用文段模块更漂亮
• Remove Italics in Blockquotes?