WordPress plugin: 強力推薦 Blogtext

網站上寫文章，編輯器的方便性很重要。WYSIWYG編輯器總是產生一堆奇怪的tag，而用純文字模式的html tag寫起來又很焦慮。不過是想寫個blog，還得搞一堆<a href="xxxx>、<table><tr><td>之類的玩意，很麻煩耶！

用markup語法就方便的多，像早期論壇常用的bbcode就是一種markup語法。但bbcode拿來編排文章有點太弱，拿wiki語法來寫blog就相當適合。

舉個例子，畫表格。當你好不容易用html tag畫完，下次還會有力氣編輯他嗎？
wiki語法只要像這樣寫：
|格子1.1|格子1.2|格子1.3|
|格子2.1|格子2.2|格子2.3|

很輕鬆就可以產生一個表格：

這篇就來講一下Blogtext這個能讓WordPress改用wiki語法的插件。

詳細語法 ∞

請看這篇
http://blogtext.mayastudios.com/syntax/

Blogtext 優點 ∞

• 使用後製處理

再最終輸出時才進行格式處理，不會影響(弄壞)DB中的資料

• 檔案快取系統

檔案快取讓後製處理不致產生效能問題

• 支援程式區塊

不需作字元脫逸，即使是html tag也可直接貼上

Blogtext 問題 ∞

• WordPress的shortcode脫逸

WordPress內定是用[[text]]來脫逸shortcode，例如：[gallery]–>[[gallery]]
但[[text]]被Blogtext拿去表示連結了，要脫逸shortchode的時候就反而會變成連結…
還好Blogtext提供了"{{!text”!}}可以完全不處理括起來的文字
還算能解決，但會有點小麻煩

小技巧 ∞

• 安裝完不能用，文章顯示空白，也沒有錯誤訊息

我遇到的情況是php的mysql extention沒開
extension=php_mysql.dll
開了之後就好了
(我原本是只有開mysqli)

• 自訂List的CSS

不喜歡第一個ul就縮排，所以改掉

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

/* blogtext list: 次行縮排，調整間距 */
.entry-content ol, .entry-content ul {
    margin: 1em 0 0 0;
    padding: 0 0 0 1em;
}
/* blogtext list: 首行不縮排，調整間距 */
.entry-content>ol, .entry-content>ul {
    margin: 0.5em 0 0 0;
    padding: 0 0 0 0;
}
/* blogtext list: 去除list中的段落間距 */
.entry-content ul+p {
    margin: 0;
    padding: 0;
}

• 自訂##code##的css

把##code##拿來標顏色
要寫在blogtext的設定頁裏面才有效

1
2
3

.not-hl {
    color: #c7254e !important;
}

• 不喜歡連結顯示為鎖頭符號

內定http的符號是地球，https的符號是鎖頭
不喜歡鎖頭的話可去設定裏面，取消”Use default icon for external HTTPS links”
修改之後：
https的連結也顯示為地球