Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手

Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move

章節連結

wordpress的文章編輯器使用的TINYMCE這套線上編輯器,雖然它強調可以所見即所得的編輯,但是在WORDPRESS的文章編輯器中,常會發現編輯器的內容顯示的往往與目前使用的外觀版型不同,另外,有些部落客朋友會有自訂CSS的需求,但是改好的css設定,卻往往在文章編輯器中不會顯示出來,只能預覽文章或是發表文章之後才能看到真正的效果,針對這兩個寫作的問題,blogimove部落客專屬外掛為大家提供解決的方案,改善文章編輯器所見即所得的顯示效果。

在文章編輯器裡看到的樣子!!操作步驟沒有灰色外框。
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move

 

預覽文章或發表文章之後,才能看到實際的顯示效果!
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move

 

啟動自訂css以及自動載入外觀版型的css設定之後,文章編輯器的顯示內容比較接近文章發表後的排版效果!Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move

 

一、啟動自訂CSS功能

STEP1.操作步驟>>進入blogimove外掛設定的「自訂CSS」分頁

Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move

(一)讓文章編輯器內容依目前外觀版型的css設定顯示內容

STEP2.操作步驟>>勾選「文章編輯器的文章內容以目前的外觀版型(theme)style效果顯示」

Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move

(二)自訂CSS功能

STEP3.操作步驟>>勾選「啟動自訂CSS功能」

Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move

STEP4.操作步驟>>勾選「啟動」及相關設定

Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move

STEP5.操作步驟>>儲存變更

Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move

 

這樣就能夠在文章編輯器中顯示出更接近所見即所得的編輯效果囉!

其他操作手冊

★全文分享★  BLOGIMOVE外掛進階操作 | 透過Google Analytics事件追蹤外部連結gtag
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
WordPress預設的 TinyMCE文章編輯器,在預設的狀況下,會自動過濾掉onclick這樣的標籤屬性,所以會造成在文字模式下,雖然可填入【<a href=”http://google.com” onclick=”gtag(….)”>google首頁</a>】這樣的onclick觸發gt
★全文分享★  BLOGIMOVE外掛進階操作 | 懶人包應用【二】動態管理的簽名檔,改一篇所有簽名檔同步更新
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
許多朋友在寫作部落格文章時,習慣在文末寫上一些資訊,如作者介紹或是社群介紹,但是每次要更新這些資訊,還得每一篇文章重新編修,非常的不方便。雖然,blogimove外掛也提供了方便的簽名檔管理功能
★全文分享★  BlogimoveRIS外站圖片自動搬家外掛程式,簡單三步驟設定,讓你不必再煩惱圖床搬家怎麼辦。
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
你是不是煩惱文章內使用外站圖片卻無法搬回自架站的困擾?或是flickr即將易主是否急著將圖片搬回自架站?或是想使用外站圖床來分擔網站的流量,卻又擔心圖床未來能否圖片外連而文章滿是破圖呢?SmugMug
★全文分享★  功能多樣的外觀小工具,Blogimove部落客專屬外掛小工具讓你經營WordPress自架站一次就上手!
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
部落格搬家後,進入Wordpress自架站那一天開始,大部份的部落客朋友多為側欄內容的呈現而傷神,在原生的Wordpress平台裡,外觀小工具是非常陽春,例如:近期文章,只有文字超連結的條列,利用文字小工具
★全文分享★  Google API工具,讓Google Search Console搜尋分析告訴你單篇文章熱門搜尋關鍵字,讓你輕鬆提升網站SEO
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
部落格搬家後,自架站開始,瞭解自己網站的搜尋關鍵字是經營網站的第一項功課,唯有分析網站的服務客群及讀者的喜好,才能針對網站的經營訂定正確的目標,除了寫出優秀的作品,還要配合適當的關鍵
★全文分享★  Blogimove部落客專屬外掛 | 如何更新外掛
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
Blogimove外掛提供免費的外掛更新服務,可選擇兩種方式下載外掛更新檔:官網下載、設定頁面下載連結。2.1.16版之後,google API工具使用的JSON設定檔,外掛會額外將資料備份,外掛程式更新後會自動重建JSON檔
★全文分享★  Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
自2018年開始,Blogimove部落格搬家技術服務自行開發的部落客專屬外掛將可同時提供三種網站流量統計數據的顯示工具,除了利用原有的Post Views Counter轉移自痞客邦、Bloger、天空部落等舊部落格的單篇文章人氣
★全文分享★  BLOGIMOVE部落客專屬外掛 | 網站管理【二】自動插入廣告及一鍵插入廣告碼功能介紹
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
許多部落客朋友剛從痞客邦、bloger將部落格搬家到wordpress,最常遇到問題就是廣告放置工作,通常在寫作時自行複製廣告碼,再到文章適當的位置貼上,如此一來一回,光是廣告碼的管理就是個大麻煩。在wordp
★全文分享★  Blogimove部落客專屬外掛|網站管理工具,讓你輕輕鬆鬆搞定網站備份、資料庫備份及管理
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
經營自架站,除了認真寫文創作,吸引讀者閱讀,創造高SEO帶來龐大的流量外,還要隨時做好網站備份的工作,過去在像痞客邦、Blogger這類的BSP網站都是由業者管理,但是自架站之後,這些工作可是千萬別馬
★全文分享★  Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
wordpress的文章編輯器使用的TINYMCE這套線上編輯器,雖然它強調可以所見即所得的編輯,但是在WORDPRESS的文章編輯器中,常會發現編輯器的內容顯示的往往與目前使用的外觀版型不同,另外,有些部落客朋友會
★全文分享★  Blogimove部落客專屬外掛程式|如何指定文章範本
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
寫作文章時,是不是常常為了複製文章的格式,常常得開好多個視窗?而且複製來複製去,最後總是會遺漏一些好不容易微調好的文章格式?為了突顯文章的風格,我們總會想要如何在文章的編排上增加自己
★全文分享★  BLOGIMOVE部落客專屬外掛 | 社群工具讓你輕鬆管理臉書、LINE SOCIAL PLUGIN外掛
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
部落格經營需要長期持續的寫文、曝光,並且要照顧廣大的粉絲,現代的社群工具相當多樣,不管是臉書或line social都有推出社群的外掛工具,部落格不管從痞客邦、blogger搬進Wordpress之後,網站需要做的事情
★全文分享★  BLOGIMOVE部落客專屬外掛 | 一鍵便利寫【三】文章段落錨點讓你的部落格更好閱讀
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
長篇文章總是帶給讀者豐富的閱讀享受,但也因為文章長度,讓人有時中斷閱讀之後,要再找到上次未完的章節繼續閱讀,Blogimove部落客專屬外掛寫作工具考慮到寫作時製作章節索引的便利,寫作完成也能夠
★全文分享★  BLOGIMOVE部落客專屬外掛 | 一鍵便利寫【二】文章延伸閱讀輕鬆增加
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
許多朋友會在文章之後列出推薦閱讀的文章,雖然wordpress外視版型也愈來愈多有提供相關文章的功能,但是不見得能夠滿足或是精準的提供部落客想要網友們繼續閱讀的文章,這時大家都會採取手動編輯「延
★全文分享★  BLOGIMOVE部落客專屬外掛 | 一鍵便利寫【一】簽名檔管理與插入功能
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
部落格寫作文章時,常常需要在文末或是文中附上一些固定的文字或是資訊,例如:作者資料或是臉書網址等,你是不是每次都要開一堆的視窗複製又貼上,來來去去許多次,就為了每次都是相同的資訊或是
★全文分享★  BLOGIMOVE外掛|關鍵字連結功能(KeywordLink)說明
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
文章當中的關鍵字,除了seo有重要的功能外,當讀者閱讀到某些關鍵字時,若是能夠安排這些關鍵字的連結,引導讀者閱讀更多關鍵字相關的文章或是希望透過這個關鍵字帶讀者閱讀目標網頁,那麼你可以試
★全文分享★  BLOGIMOVE外掛 | 懶人包寫作功能操作說明
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move
懶人包一直是部落客又愛又恨的文章,一方面它能夠帶來可觀的流量,但相對的整理懶人包其實是一種非常沉重的工作,第一是資料的整理,第二是更新資料無法同步的問題。blogimove為大家開發出一款協助部

 

你也有類似設定的疑問嗎?或是想要擁有blogimove部落客專屬外觀?或是想要量身訂製外掛程式?歡迎填表諮詢

電子郵件:blogimove@gmail.com

諮詢表單:部落格搬家需求單

臉書:http://www.facebook.com/blogimove

只要申請好網域、虛擬主機,搬家交給BlogImove!

按讚加入粉絲團

延伸閱讀


你有部落格搬家技術的疑問嗎?歡迎填表諮詢
電子郵件:blogimove@gmail.com
諮詢表單:部落格搬家需求單
臉書:http://www.facebook.com/blogimove
線上諮詢:請點網頁右下角MESSAGER圖示
Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手 @Blog-i-Move











只要申請好網域、虛擬主機,搬家交給BlogImove!