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|

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

格子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]
    [[text]]被Blogtext拿去表示連結了,要脫逸shortchode的時候就反而會變成連結…
    還好Blogtext提供了{!text!}可以完全不處理括起來的文字
    還算能解決,但會有點小麻煩

小技巧

  • 安裝完不能用,文章顯示空白,也沒有錯誤訊息
    我遇到的情況是php的mysql extention沒開
    extension=php_mysql.dll
    開了之後就好了
    (我原本是只有開mysqli)

  • 自訂List的CSS
    不喜歡第一個ul就縮排,所以改掉

    /* 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的設定頁裏面才有效

    .not-hl {
    color: #c7254e !important;
    }
  • 不喜歡連結顯示為鎖頭符號
    內定http的符號是地球,https的符號是鎖頭
    不喜歡鎖頭的話可去設定裏面,取消//Use default icon for external HTTPS links//
    修改之後:
    https://https的連結也顯示為地球

--
現在還在寫blog分享資訊的人越來越少,如果覺得文章對您有幫助,歡迎在底下留言,這樣我也比較有動力繼續寫下去,謝啦!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

 

Scroll to Top
%d 位部落客按了讚: