一個美化WordPress部落格編輯器的小外掛 Shortcodes工具程式

這是無意間看到的小工具~  提供給wordpress本身的編輯器加強功能使用,可以讓你很簡單的方式(其實還是有點需要了解設定的地方啦~)快速可以使用一些CSS指令方式,編輯出還不錯看的效果的文章。

等會下方我會測試幾個功能,但似乎由於我使用的版型關係,字型啦~ 顏色啦~ 好像不如創作者的網站來的好看~

哈~  但~ 有幾個部分我個人還覺得ok啦~反正裝上有需要可以利用~

安裝好這外掛後,編輯器功能的右下方就會多出五個按鈕(如下面這截圖)。

較完整的作者  功能解說網站 推薦看看實際完整效果。

馬上利用作個連接按鈕

[button link=”http://www.wptheme.cc/support/shortcodes” type=”icon” icon=”question”]功能解說網站[/button]

程式下載 我找到的安裝的版本

馬上利用這新功能做的下載程式按鈕

[button link=”https://www.oyag.com/wp-content/uploads/2011/04/shortcodes.zip” type=”icon”]外掛工具下載[/button]

基本上,他把一些繁瑣的指令做成有操作視窗的方式(如下圖),讓你不需要為了指令code去編輯半天,不過~ 由於這是自動產生的方式,如果你後續還要修改內容,可沒辦法再次呼叫這視窗起來改,與原本wordpress編輯器的功能相比,是沒那麼方便,但~ 由於他內砍的指令並不是太複雜,要改文字其實還算容易,我想你觀察一下編輯器裡面的內容,應該會了解應該怎麼修改的。

接著就來測試一下看看效果如何吧~

按鈕功能

[button link=”https://www.oyag.com/%E9%97%9C%E6%96%BC%E6%BA%AB%E5%8E%9D” type=”icon” icon=”people”]關於溫厝的543[/button]

訊息框功能

[box type=”bio”]介紹這個美化編輯器的小外掛~ 看來不錯用喔~ 不需要會複雜的CSS指令,只要在編輯器上按需要功能按鈕,就可以選擇好用又漂亮的顯示功能啦~ 讚喔![/box]

文章縮排顯示功能

[learn_more caption=”想看更多 按這吧…”]這個功能是讓文字縮排,不過編輯器本身已經有 read more了~ 所以這功能我想會是比較少用的地方吧~[/learn_more]

文章頁籤功能

[tabs slidertype=”left tabs”][tabcontainer] [tabtext]文章標題1[/tabtext] [tabtext]文章標題2[/tabtext] [tabtext]文章標題3[/tabtext] [/tabcontainer] [tabcontent] [tab]文章內頁也可以顯示頁籤的功能。 這是文章1的測試。[/tab] [tab]文章頁籤2的測試。[/tab] [tab]第三個頁籤測試。[/tab] [/tabcontent] [/tabs]

不過這邊我有個小問題,那就是這外掛會用到Google code的『timthumb.php』這隻程式功能,他是提供wordpress有縮圖、切圖的功能,但是在我測試自己的部落格上,怎麼搞好像圖都不會出現,以為是權限沒設好,弄半天還是..不出來就是不出來~ 只好不用這部份的機制了。

另外~ 頁籤和幾個可以多給予內容、圖片的功能,並不是隔行輸入就能生效,要記得分欄位時,需要按一下功能視窗中左下角的『add one more tab』的選項,再把鎖需資料內容輸入到裡面,這樣才能正確的呈現。

這個 WP的小外掛,我想我最喜歡的是那有顏色的訊息框功能了吧~ 按鈕這部份也不錯~ 對於文章的編輯視覺度有加分的效果,希望未來作者能多加強一下這功能的方便性,另外我暫時不能使用的圖片縮圖功能也能有比較完整的修改度吧~

小外掛 Shortcodes工具程式 也算是值得推薦給大家試試看了。

吳 天元

溫厝的543大家長,平常沒時就愛碎碎唸,標準的阿宅。 平時就愛看電影、研究網路行銷,有時間當然也愛陪伴著家人! 總希望世界和平之外,更希望能看看外星人到底長啥模樣了!

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *