WordPress字體設置方法詳解
WordPress開源程序功能越來越強大，未來我們不僅僅可以使用wordpress制作個人博客，還可以使用wordpress程序制作CMS內容管理系統。很多Wordpress主題SEO優化的非常好，而且還附帶了一些adsense廣告位置，讓不懂SEO以及代碼修改的朋友輕松解決博客優化以及廣告位放置問題。由於大多數比較好的wordpress主題都是國外網友編寫，按照英文網站的字體設置一般都是默認文章內是12px，中文字體我們常用的字體大小都是14px，因此我們需要對wordpress主題進行字體設置，本文詳細介紹wordpress字體設置方法。
域名空間綁定過后，就需要上傳我們的wordpress程序，然后進入后台選擇一款你喜歡的wordpress主題（不會的人可以參看WordPress主題安裝方法完全介紹）。點擊后台左側外觀菜單下面的編輯按鈕，就可以進入你選擇的wordpress主題的樣式修改，這里要注意的地方就是有的主題只有一個樣式文件，那就是style.css，有的主題還會擁有另外一個樣式文件，我的博客程序就有兩個樣式文件，一個是default.css，還有一個是style.css。還有一些主題比較特別，樣式文件很多，這里就不再一一列舉。
WordPress字體設置主要就是修改CSS樣式文件。一般我們需要修改的就是字體大小font-size和字體家族屬性font-family。
font-size屬性可設置字體的尺寸，該屬性設置元素的字體大小。注意，實際上它設置的是字體中字符框的高度；實際的字符字形可能比這些框高或矮（通常會矮）。一般我們把body正文的font-size設置成14px，對應的h1、h2等等屬性都按照比例放大。
font-family 規定元素的字體系列。font-family 可以把多個字體名稱作為一個“回退”系統來保存。如果瀏覽器不支持第一個字體，則會嘗試下一個。也就是說，font-family 屬性的值是用於某個元素的字體族名稱或/及類族名稱的一個優先表。瀏覽器會使用它可識別的第一個值。中文網站的font-family一般設置成：
|
1
|
font-family:宋體,微軟雅黑,Arial,Verdana,arial,serif;
|
因此我們打開CSS樣式文件，在里面找到body，然后將font-size修改成14px，找到font-family修改成我們需要的字體，這樣就完成了wordpress字體設置。
實際上，因為wordpress主題中的CSS樣式文件有很大差別，設置也不是這么簡單，我們需要找到各處的font-size進行修改。比較標准的wordpress主題都會設置一個body字體樣式，然后后面的字體樣式都是按比例縮放，因此我們修改完body，然后可以查看博客的顯示，如果對某個地方的字體樣式不滿意，可以點擊右鍵查看網頁源代碼，找到對應的樣式class，然后在css樣式文件中進行修改。
本文列舉了wordpress字體設置方法，對於html代碼一點都不懂的朋友可能修改起來比較困難，因此七葉草建議最好能夠看一些html以及CSS樣式相關的書籍，修改起來就非常容易。
在國內，我們的排版習慣是在每的段落首行的開頭，自動縮進兩個2格。可不知道為什么，大多數的WordPress博客主題作者制作主題的時候，都沒有把正文內容段落的首行縮進兩格，筆者的也是這種情況，但是這並不需要多大的功夫。段落首行縮進兩格，可以讓文章整體看起來更加條理，讀者閱讀得更加輕松，這便是網站高手們常說的用戶體驗了。實現正文段落首行縮進功能的方法很簡單，筆者根據自己的修改過程總結了一些小經驗，在這里分享給大家！
首行縮進方法介紹：
主要是通過CSS代碼為WordPress博客正文段落添加首行縮進的樣式。這里需要注意的是，每個WordPress博客主題作者使用的CSS樣式類名都不一樣，但是方法是一樣的，都是給段落的標記P進行2em的縮進，就是p{text-indent:2em;}。為了給大家做一個都適合的方法，我會具體教大家如果查找修改，可能需要您有一點CSS知識，不過也是即學即用的。
實現的方法步驟：
先打開您一個文章頁面，右鍵查看源代碼，找到到您文章內容的第一個字，找到最近的第一個未閉合的<div 標記（即第一個沒有</div>結尾的標記）,記下它的ID號或者Class號。個人推薦使用谷歌瀏覽器的審查元素的功能，你可以即時查看目前源代碼所修飾的相應文本（相應部分會高亮顯示），你還可以在右邊即時修改代碼，並看到相應的效果，並且還可以找到不能另存為的背景圖片哦！
登陸自己的WordPress博客，點擊“外觀”選項卡下的“編輯”選項進入主題編輯界面（可以把需要修改的主題文件下載到本地進行修改）
選擇style.css文件進行編輯，在樣式文件中找到正文內容的CSS樣式，找到該樣式的派生選擇器p，在派生選擇器p中添加首行縮進代碼text-indent:2em;，如果已經對p進行了定義，那只要在｝前加text-indent:2em; 。完整的代碼如下：
比如 #content .post p { color:#666; margin-bottom:7px; text-indent:2em;}
如果沒有派生選擇器p，可以為其添加一個，代碼如下：
#content .post p {text-indent:2em;}
提交更新文件，刷新頁面，WordPress博客正文內容段落實現首行縮進了。
提醒：其實這是很簡單的CSS知識，建議不會的博主們學習一下基礎的CSS知識。還可以學些簡單的HTML知識，這些知識對自己運營網站，修改風格什么的都是很有用處的。
WordPress自帶TinyMCE編輯器使用技巧大全完整版
自從用上WordPress以來我不知道換了多少個后台編輯器了，從FCKEditor到CKeditor，甚至還有一些名不見經傳的CodeRenderUnmi和WLW、FE editor等等，用來用去發現有些功能確實強大，但是要想用着順手就必須修改很多東西，而且一旦WordPress或者插件本身自己升級，那些修改過的東西就必須重新再設置一遍，相當麻煩；要不就是一些離線的編輯器，復制來粘貼去的也很費心。到現在，我依然覺得，WordPress自帶的編輯器才是最強大且實用的！
正所謂“自此精修，漸進於無劍勝有劍之境”，拋開那些個浮誇的編輯器，回到WordPress自帶的TinyMCE編輯器上來，要知道，WordPress自身也在不斷的強大，每一次升級對自帶編輯器的改動都是很實用的，不僅將多媒體功能融合到了一起，而且給人的感覺是越來越干凈利落，從此我們也可以看到官方對自帶編輯器TinyMCE的重視程度。下面我將我自己對自帶編輯器TinyMCE的修改方法貼出來，所有代碼只需寫到主題里的functions.php文件里，即使日后升級WordPress也不需要重復操作。
更改編輯器默認視圖為HTML
大家都知道，在后台新建文章后，編輯器就自動跳轉到“可視化”視圖，對於一些經常要插入代碼或者WEB設計者們來說（我就是^_^），可能更習慣使用HTML視圖手動編輯。而且，像CKEditor在可視化視圖下編輯本來沒有<p>或<div>標簽，但切換到HTML視圖之后就會自動添加，當然這是CKEditor的自動設置無可厚非，但是在日后想要重新編輯一篇發表過的文章時就會頭疼了，因為CKEditor會自作多情的生成很多冗雜或混亂的代碼，保持代碼的干凈整潔非常不便（當然你要想湊合着用也不會對實際顯示效果有很大改變，但會對網頁結構減分）。
設置方法：將以下代碼添加到主題的functions.php文件里即可：
add_filter('wp_default_editor', create_function('','return "html";'));
添加編輯器默認內容（編輯器內可見）
新建文章后編輯器里的內容默認是空的，有些朋友做的是WordPress主題站、插件站或單純的下載站，一些標准的格式化的文章每次都會輸入“主題名稱”、“主題作者”、“下載地址”等內容，添加默認內容之后，這些重復性的工作以后再也不用了，一切都預定義好了。而且如果發表文章不需要這些預定義的內容，只需要全選-Delete就ok了，並不會很麻煩。
設置方法：在主題functions.php文件添加以下代碼即可：
function insertPreContent($content) {
if(!is_feed() && !is_home()) {
$content.= "<div class='wpohome'>";
$content.= "<h4>WordPress網站優化之家</h4>";
$content.= "這里的預定義內容在編輯器可見<a href='http://www.***.com'>WordPress網站優化之家</a>";
$content.= "</div>";
}
return $content;
}
add_filter ('default_content', 'insertPreContent');
添加編輯器默認內容（編輯時不可見）
此方法添加的內容在發布文章時自動添加在內容的最后，在編輯的時候是看不見的，用於添加訂閱、文章版權信息等等。
設置方法：在主題functions.php文件添加以下代碼即可：
function insertFootNote($content) {
if(!is_feed() && !is_home()) {
$content.= "<div class='wpohome'>";
$content.= "<h4>WordPress網站優化之家</h4>";
$content.= "這里的預定義內容在編輯器可見<a href='http://www.***.com'>WordPress網站優化之家</a>";
$content.= "</div>";
}
return $content;
}
add_filter ('the_content', 'insertFootNote');
添加更多的HTML標簽（慎用）
此功能請慎用，因為WordPress自帶的TinyMCE編輯器會默認過濾掉不符合XHTML 1.0中的html標簽，如《br /》、《iframe》等。但不排除某些情況下也可能會用到這些標簽，所以把方法放出來供大家參考吧。
添加方法：將以下代碼粘貼到主題的functions.php文件里即可：
function fb_change_mce_options($initArray) {
$ext ='pre[id|name|class|style],iframe[align|longdesc|
name|width|height|frameborder|scrolling|marginheight|
marginwidth|src]'; //注意：格式為“標簽一［屬性一|屬性二］，標簽二［屬性一|屬性二|屬性三］”
if ( isset( $initArray['extended_valid_elements'])) {
$initArray['extended_valid_elements'].= ','. $ext;
} else {
$initArray['extended_valid_elements'] = $ext;
}
return $initArray;
}
add_filter('tiny_mce_before_init','fb_change_mce_options');