類別 | 學習心得

好用的JCE Editor網頁編輯器

Joomla預設的編輯器是TinyMCE,雖然這個編輯器也是所見所得,但功能上比較陽春,很多網友極力推薦另一套「JCE Editor」所見所得編輯器,他的功能比較齊全,表格編輯非常方便,也支援拖拉放的方式上傳檔案,Pro版本雖然是要錢,但Free版本就已經很夠用了,經原木實際使用,真的是比TinyMCE好用太多了,以下介紹一些JCE Editor好用的功能:

  1. 壓縮Javascript及CSS加速載入動作,亦可啟動GZip壓縮:在後台的管理介面依序點選「元件」→「JCE管理」→「全域組態」,在「壓縮選項」依需求啟動項目。
  2. 可嵌入Youtube影片:在後台的管理介面依序點選「元件」→「JCE管理」→「設定檔」→「Default」(以下這個動作簡稱編輯設定檔),在「功能 & 版面配置」的「額外功能」,將「媒體支援」打勾。
  3. 可直接在文章編輯的 Code 區支援iframe語法:在編輯設定檔的「外掛參數」→「媒體支援」,將「允許 Iframes」勾選「是」。
  4. 更改檔案目錄路徑及上傳檔案大小:在編輯設定檔的「編輯器參數」→「檔案系統」依需求變更,如下圖框紅處。
  5. 支援Javascript、CSS及PHP語法,直接在Joomla後台寫入這些程式語法:在編輯設定檔的「編輯器參數」→「進階」依需求啟動項目。
  6. 在JCE編輯器增加中文字型:在編輯設定檔的「外掛參數」→「字型家族選取」依需求新增字型,下面的字型是原木新增的字型,而且是不用另外安裝字型或從網站上載入字型哦。

以下提供原木新增中文字型的設定值,直接複製、貼上即可,新增好後就可以在JCE Editor看到該字型選項了。

微軟正黑體:Microsoft JhengHei
微軟雅黑:Microsoft YaHei
明瞭體:Meiryo
標楷體:DFKai-SB
楷體:KaiTi
黑體:SimHei
仿宋:FangSong
新宋體:NSimSun
宋體:SimSun
新細明體:PMingLiU
細明體:MingLiU
 
☆★相關文章★☆
如何在 WordPress 做一個歡迎頁
今天開始來到我們家有一個新的大門了,由於我們有兩個部落格系統,舊的部落格是用 F2cont 架的,新的則是現在使用的 Wordpress,為了讓大家選擇要去我們的哪一個家,所以好友小潘幫我們家設計了一個歡迎頁。   Wordpress 的首頁是抓自己的 index.php,所以大家輸入網址後一定是讀取 index.php,這樣歡迎頁的 index.html 就無法當作第一個頁面來讀取,而 Wordpress 又會一直循環調用 index.php,如果更改 .htaccess 將首頁設定使用 index.html,那麼落格的文章就叫不出來了,怎麼辦呢?很簡單 ... 以下 Step by step: 將下面的代碼增加到根目錄的 .htaccess: 修改 wp-includes/rewrite.php 檔案,找到下面的敘述: 修改成: 以上就完成囉,現在一進我們家就會先讀取 index.php 歡迎頁,而也告訴 Wordpress 首頁調用 home.php,而實際上也沒有 ...
繼續閱讀
WordPress評論回應郵件通知
這還是在《Willin Kan 的博客》挖到的寶,也就是當A回應B發表的評論,系統會發一封E-Mail通知B,這樣可以增加該篇文章的評論互動,當然,你的伺服器一定要有 mail() 功能哦!   這個不是插件,只要修改你使用中佈景的 functions.php 檔案,將代碼放置 <?php ..... ?> 區域內即可,《Wordpress評論回應郵件通知》的代碼有三種,請依需求點取下面的標題: 有勾選欄位,由訪客決定是否要回應郵件通知。 無勾選欄位,由管理者決定在什麼條件下發郵件。 所有回覆都發郵件。 先補充說明,如果你使用的佈景主題,評論式樣是使用 comments 和 trackbacks/pingbacks 分離(如原木使用的主題),請將下面所有的: 修改成:   有勾選欄位,由訪客決定是否要回應郵件通知 (會在模板自動加勾選欄,如果不想自動加,可把後面一小段刪除。) 無勾選欄位,由管理者決定在什麼條件下發郵件 所有回覆都發郵件 ~ That's all ~
繼續閱讀
推薦簡單大方的鎖屏 LS CardboardWeatherHD
分享一個原木用最久、最耐看的 iPhone 鎖屏,簡單、大方不花俏,是可愛的Cardboard Weather。 使用這個佈景主題前,你必須 … iPhone 已經 JB。 已經安裝 Winterboard 及 Lockscreen Clock Hide。 電腦已經安裝 iFunBox。 安裝步驟如下: 將下載的 LS CardboardWeatherHD 壓縮檔使用 7-zip 解壓縮。 使用 iFunBox 將 LS CardboardWeatherHD v1.1.theme 目錄 Copy 到「原始檔案系統→Library→Themes」這個目錄。 ...
繼續閱讀
讓網站有好看的中文字型
這次改用Joomla架設部落格,網站架設好後,內建的佈景預設都是使用英文字型,所以在瀏覽網頁的時候,中文字都會變成「細明體」,視覺上就是差那麼一些 @@ 自Windows Vista之後,「微軟正黑體」已內建於系統上,這字型比細明體好看很多,另外也有網友推薦好看的「Meiryo」字型,這是一個日文的字體,大部分的繁體中文字皆能正常顯示,所以在不用另外安裝字型或從網站上載入字型的情況下,建議可以 font-family 直接使用這 2 種字型,讓訪客們在閱讀文章時增加舒適感,自己看了也賞心悅目。 如果要將這2種字型放到內建的佈景中使用,可以將中文字型放入 templates/[布景名稱]/css/template.css 這個檔案,每一個佈景的CSS設定可能會有一些差異,以下提供內建佈景的修改作參考: 上面font-family預設使用「Meiryo」字型,第2順位是「微軟正黑體」,接下來才是英文字型,在Mac電腦上中文字型也可以正常顯示哦。 原木在JoomlaXTC買了一個佈景,也就是大家現在看到的MOZAIX佈景,經爬文確認若要使用中文字型,是修改 templates/mozaix/css/typo.css 這個檔案,我們的部落格預設是使用「微軟正黑體」哦 ^_^
繼續閱讀
中文化自己的Joomla
先前使用Wordpress,最困擾的就是套件中文化,由於大部分的套件都只有英文,所以常常要Google相關套件的中文語言,還要對應版本 @@ 這次用Joomla發現有一個非常好用的「覆蓋」功能,可以搜尋想要變更的文字,這個功能真的是太好用了。Joomla的語言字串是由「語言常數」及「值」組成,例如COM_CONTENT_READ_MORE="Read more:" 這一段敘述中,COM_CONTENT_READ_MORE是常數,而Read more:就是他的值,我們只要搜尋想要變更的「常數」或「值」,搜尋出來後再變更想要的文字(值)。原木在stackideas買了Komento留言板,因為最新版都沒有中文,於是利用語言覆蓋功能將其中文化,下面就是中化文前、後的比較畫面:
繼續閱讀
iPhone/iPod最好用的連線軟體「iFunBox」
大家應該都知道 iPhone/iPod 無法像隨身碟一樣,與電腦連接是無法用檔案總管來管理,但只要透過第三方軟體(WinSCP、iFunBox)就可以輕鬆瀏覽 iDevice 的檔案及目錄。 本篇的主角係介紹好用又容易上手的 iFunBox,他不用透過複雜的設定就可以檢視 iDevice 的音樂、影片、照片、鈴聲及內部檔案結構,即使你的 iDevice 沒有 JB 一樣也可以使用,而且還是免費的綠色軟體,有了他 iDevice 就搖身一變,變成可以自由存檔的隨身碟,但有一個重要的前提,就是使用 iFunBox 的電腦必須裝有 iTunes 喔。 下載 iFunBox 最新繁體中文版:http://dl.i-funbox.com/ifunbox_tc.zip 將 iDevice 以 USB 連接電腦後,畫面就會出現 iDevice 圖示及韌體版本,下方也會顯示「已連接了 1 個設備」,如果要結束 iDevice 與電腦連線,請先點選右下方的「安全移除設備」後,再拔掉 ...
繼續閱讀
啟動WordPress的Gzip網頁壓縮功能
啟動Wordpress的Gzip網頁壓縮功能 加快網頁讀取的速度有很多種方法,其中讓網頁在輸出時透過壓縮功能,即可加速開啟及減少等待時間,這項壓縮功能叫做「Gzip 網頁壓縮」。   網站啟用 Gzip 壓縮可以幫助網站瘦身,其原理是透過網站伺服器壓縮輸出大小再傳給 Client 端,Client 端的電腦再進行解壓縮,可以節省許多網路頻寬,而啟動 Wordpress 的 Gzip 網頁壓縮功能有 2 種方法,以下: 透過 PHP:使用此方法的前提是伺服器須有支援「Zlib Compression Functions」,且當 WordPress 版本更新時,必須再重新加入此語法。修改的檔案是 Wordpress 根目錄的 index.php,請該檔案的「<?php」之後加入「ob_start('ob_gzhandler');」語法即可。 利用 .htaccess:這方法是透過 Apache 的「Enabling Compression」,請在 Wordpress  根目錄的 .htaccess ...
繼續閱讀
在WordPress文章中加入推文按鈕
這是在「夢行者的夢想天空」的「WordPress中加入Facebook、Plurk、Twitter、FunP快速推文按鈕」文章學到的,也就是在文章中加入Facebook、Plurk、Twitter及FunP快速推文的按鈕,其實有外掛可以直接使用,但外掛裝多了總是會拖累Wordpress的速度,所以本文是教你如何修改 single.php 達到快速推文目的。   找到使用佈景主題的 single.php,在 <?php the_category(', ') ?> 之後加入以下的代碼: 記得要將上面「你網誌的網址」改成自己的網址,這樣就可以嚕,至於推文按鈕可以到 http://sofree.tw/thread-3842-1-1.html 及 http://sofree.tw/thread-4206-1-1.html 下載,而推文按鈕的擺放位置,原木是放在文章的右上角,這可依你使用的佈景主題而自行調整版面。 ~ That’s all ~
繼續閱讀
將WordPress評論Ajax化
這是在《Willin Kan 的博客》這一篇「WordPress 內置嵌套評論專用 Ajax comments」文章挖到的寶,之前我們部落格使用F2cont也有將評論Ajax化,主要是發表評論後不需要再刷新頁面,就可以看到剛剛發表的評論,這樣可以降低系統的Loading,這對部落客真的是國寶級的好物。   有關安裝的步驟很簡單,請先點→這裡←下載程式,解壓縮後將這2個檔案放到你使用佈景的所在目錄,並修改使用佈景的 header.php: 找到... 用下面幾行取代: 以上就完成嚕,如果你佈景的評論樣式夠標準,其它的都不用修改,由於我們部落格佈景的評論樣式不是很標準,所以直接使用安裝方法還是會出問題,而willin大大針對使用 Woo Theme 的 Gazette 佈景主題提出了以下解決方式: 將 single.php 的 id="comment" 換成 id="commdiv"。 再將 style.css 的 #comment 改為 #commdiv。 最後,要改 comments-ajax.js 第25行的 $comments ...
繼續閱讀
這是一款集成 WhatsApp、Talkbox(不含語音部分)及 Viber 的軟體,UI簡直就是 WhatsApp,讓你一用就上手,除了還有內建超 Q 的表情圖外,目前是免費的 APP 哦! QQ ~~ LINE 目前可以在 iPhone 及 Android 系統使用,我們直接進入主題,介紹這款超讚又超 Q 的「LINE」:   跟 WhatsApp 一樣,第一次使用 LINE 必須輸入電話號碼來請求發送驗證碼,所以在這裡輸入自己的行動電話號碼囉(第 1 碼的「0」不用去掉)。   大約在 20 秒後就會收到系統傳送過來的 ...
繼續閱讀
如何在 WordPress 做一個歡迎頁
WordPress評論回應郵件通知
推薦簡單大方的鎖屏 LS CardboardWeatherHD
讓網站有好看的中文字型
中文化自己的Joomla
iPhone/iPod最好用的連線軟體「iFunBox」
啟動WordPress的Gzip網頁壓縮功能
在WordPress文章中加入推文按鈕
將WordPress評論Ajax化
大家一起來推廣LINE

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

BloggerAds

Subscription

輸入你的電子郵件地址訂閱網站的新文章,使用電子郵件接收新通知。

訂閱 1,914 其他用戶

Stickers

部落格達人009認證徽章Creative Commons License