分享本文

分享在 facebook
分享在 twitter
分享在 linkedin
分享在 whatsapp
分享在 telegram
Featured Content Gallery(FCG)這款 WordPress 的插件,可以說是相當熱門的一款幻燈片插件,但是設置上有些複雜,所以會令許多 WP 使用者們卻步,不然的話安裝此款插件與佈景主題相配合之下,會讓部落格的外觀更加迷人醒目。

 

Featured Content Gallery - WordPress Plugin
Featured Content Gallery - WordPress Plugin

 

 Featured Content Gallery(FCG)這款 WordPress 的插件,可以說是相當熱門的一款幻燈片插件,但是設置上有些複雜,所以會令許多 WP 使用者們卻步,不然的話安裝此款插件與佈景主題相配合之下,會讓部落格的外觀更加迷人醒目。

 最近在幫公司網站做部落格,為了獨特性與美觀因此也用上了這款插件,所以為了方便我自己的設定,我將此款插件做了中文化,本著分享的心態,現在就在此將此款插件的中文化版本發佈、提供大家下載使用。現在先跟大家解釋一下該如何設定。

 

[lightbox full=”https://carrielis.com/wp-content/uploads/2009/04/Featured-Content-GalleryFCG-setting.png”]

Featured Content Gallery(FCG)設置
Featured Content Gallery(FCG)設置
點圖放大觀看
[/lightbox]

 

 上圖為後台的Featured Content Gallery(FCG)設置頁面,目前最新版本為 3.2.0,和前一版本的差別就是多了『幻燈片變換時間和其它選項』的設置選項,『FCG 樣式』的部份,只要注意在『說明文字高度』的部份,那裡最好設置為 90 像素比較美觀。

 『FCG 内容選擇』的部份,如果你要在首頁使用分類來顯示幻燈片的圖片,那麼請新增一個分類名稱代稱(Slug)為『featured』的分類,中文名可以隨意取,將每一篇要加入首頁幻燈片的文章加入這個分類,如果文章原本就有分類,你可以多勾選一個『featured』的分類。

 假設你要顯示特定文章的圖片,那就選擇另一個選項,並在欄位中填上文章的 ID 或是頁面的 ID 即可。

 『幻燈片變換時間和其它選項』的地方,在『幻燈片滾輪按鈕名稱』預設是顯示『Featured Content』,你可以隨意更改成你想顯示的名稱。

 

 接下來是重要的『自定義字段』的設定,請先看下圖:

 

[lightbox full=”https://carrielis.com/wp-content/uploads/2009/04/Featured-Content-GalleryFCG-setting02.png”]

Featured Content Gallery(FCG)設置「自定義字段」
Featured Content Gallery(FCG)設置「自定義字段」
點圖放大觀看
[/lightbox]

 

 這個圖是要你在編輯文章或新增文章的時候,新增三組自定義字段(自訂欄位),也就是:articleimg、featuredtext 和 thumbnailimg。

 首先,articleimg 是你要顯示在首頁幻燈片的大圖,這個圖片一定要是你上傳到部落格的內部圖片,不能使用像是 Flickr 的外連圖片,在『欄位內容』的地方填入圖片位址,圖片網址是:https://你的網域名稱/wp-content/uploads/年份/月份/圖片檔案名稱。

 featuredtext 就是你的圖片說明文字,在欄位內容處填入你的文章摘要,最好能夠控制在 100~150 字,這樣看起來比較美觀。

 thumbnailimg 是縮圖顯示的圖片,如果你有將圖片上傳到後台的媒體庫,就能夠點擊圖片查看縮圖,請在欄位內容的地方填入縮圖圖片的網址。

 注意事項:首頁要想有幻燈效果至少要做 2 個以上的圖,也就是說用這個辦法發表 2 篇以上的文章。

 

 接下來,你就可以在部落格首頁、你想要顯示幻燈片的地方,也就是 index.php 這個檔案裏,填入以下代碼:

 經過解說之後覺得很簡單吧?好啦,底下有兩個下載連結,如果你要直接在本站下載完整中文化版本的 Featured Content Gallery(FCG)插件,請選擇 Featured Content Gallery(FCG)正體中文化插件的載點;假如你原本就有使用此款插件、只是想要後台設置的正體中文語系檔,請下載 Featured Content Gallery(FCG)插件中文語系檔的載點。

 

 檔案下載:

  • [download id=”7″]
  • [download id=”8″]

相關連結:

 

 

文by覺非/FCG 插件真的很棒!


 飛翔於文字國裏的蝴蝶,我是愛寫文的女子,不要看我的人,請你看看我的文,那裡面全是我的心.和我想對你說的話……

 StartOver.回。到。原。點 https://carrielis.com


請拍掌支持我繼續創作

↓↓↓ 若你喜歡我的文章,請在下方的「讚賞鍵」按讚,我會因此獲得收入。

回饋由 LikeCoin 基金會出資,您只要註冊/登入帳號(fb、google 帳號都可以註冊,流程超快),按五次左鍵,就可以贊助我的文章,完全免費。感謝支持。 ↓↓↓

飛翔於文字國裏的蝴蝶,我是愛寫文的女子,不要看我的人,請你看看我的文,那裡面全是我的心.和我想對你說的話……
StartOver.回。到。原。點 https://carrielis.com

分享本文

分享在 facebook
分享在 twitter
分享在 linkedin
分享在 whatsapp
分享在 telegram

“WP-Plugins│Featured Content Gallery(FCG)插件介紹與中文化發佈” 有 69 則留言

  1. Hello Carrie;
    我當時為了要在 Freshnews 佈景裡加 FCG,一個 jQuery、一個 MooTools,也是搞得一個頭兩個大,我後來解決的方式是直接把佈景裡的 jQuery Tabs 改用 Mootools tabs (MooTabs) 才勉強讓 FCG 能秀在我的佈景裡。

    不過自己改得不是很好,之後我就換上現在用的 Gazette。

    MooTabs 連結:
    http://www.silverscripting.com/mootabs/

    1. @A`Vai Poitsonu

      我現在也為了這個問題搞得頭大啊~不知道我的 FCG 跟甚麼起了衝突,我已經把 jQuery Tabs 刪除了,但 FCG 一樣無法運作,真是快搞瘋我了!我另一個公司網站的 FCG 卻能正常作業,我明明設置都正確啊……囧

      我也發現目前 WordPress 2.7.1 版原本在 /wp-includes/js/ 底下就有一個 jquery 的資料夾,我不知道是不是這個原因作怪,可是其他人的(包括你)FCG 都可以正常運作呀!我另一個網站也可以,所以我真的很頭大啊~

      不曉得要改哪裏了……無言。

    1. @A`Vai Poitsonu

      不是的,是一個空白的黑框,裡頭甚麼也沒有,我真的不知道要怎麼解決才好,真是很煩!我有比對了我這個部落格和另外一個網站的插件,其實沒有多裝哪一個會引起衝突的插件,所以我目前也不知道怎麼會這樣,唉……可能要找其他方法來顯示類似 FCG 插件的效果了,呼~真煩!

  2. @A`Vai Poitsonu

    抱歉,這麼晚才回覆你的留言,這些天都忙著調試這個新主題。

    關於 FCG 的問題我想我知道是怎麼回事了,就是 Js 出錯起衝突了,我也大致知道是哪幾個檔案,這兩天就會處理,屆時就知道我能否正常使使用此插件囉 🙂

  3. 近日也因為想套用雜誌型版型而開始搞FCG這個外掛,有一點點小小心得
    您文中提及
    “首先,articleimg 是你要顯示在首頁幻燈片的大圖,這個圖片一定要是你上傳到部落格的內部圖片”

    根據我試驗的結果,圖片不見得一定要上傳到wp中,外連也可以使用
    不論是大圖或縮圖皆可外連,不過縮圖要注意圖的大小,FCG不會自動縮
    而是會以「局部」的方式顯示,比如說一堆的人合照,只顯示出某個人的頭而已
    所以一篇文章要使用FCG的話,至少要有兩張圖(大圖與縮圖),才能有最好的顯示效果

    在此請教一下,此篇文中的圖,所使用的”直接”放大縮圖,是哪一個外掛?
    可以的話,能否告知教學,目前小站頗需要此種外掛的(小站目前文章圖多又大,謝謝!

  4. 可以的話,能否告知教學,目前小站頗需要此種外掛的(小站目前文章圖多又大,謝謝!

    我個人會推薦Shadowbox JS或Shutter Reloaded這兩個外掛程式來做圖片顯示的效果,在設定上比較簡易,效果部份其實也差不多。

  5. @A`Vai Poitsonu

    我終於找到會跟這款插件相衝的 js 檔了,就是 Flickr Manager 和 Lightbox 2,把這兩款插件停用之後,FCG 就能正常運作了。

    @拆組達人

    FCG 也能使用外部圖片?我沒試過也沒聽過呢,下回我會測試看看,多謝你提供這個寶貴資訊喔!

    另外,你問的”直接”放大縮圖的插件是 Highslide4WP 這款插件,我最新文章有介紹,你可以看看。

    @hugo5688

    呵呵,雖然你是回應拆組達人的問題,不過對我也很受用呢,有空我會找找你說的這兩款插件來看看~

  6. @Carrie

    Shutter Reloaded、Lightview Plus、Shutter Reloaded這三個是我試過蠻不錯用的三種圖片特效,Shutter Reloaded的載入速度是最快的,我本身的blog也使用此plugin,剩下的兩種都可以插入youtube。因為我個人偏好插入超連結就會產生效果,不用再特別設定。如果有不錯的plugin也煩請您介紹。

  7. @hugo5688

    謝謝你推薦的插件,有機會我會嘗試看看的。不過你介紹的三款插件好像有重複呢,就是那個 Shutter Reloaded,看起來你非常推薦此款插件呢~

    如果有不錯的插件,我會再寫介紹的文章的,就請你持續關注囉 🙂

  8. @K 你好,我過去看了,很正常啊,並沒有移位呢!我用 Firefox 3.0.10 版、IE 7 和 IE 8 觀看都很正常喔~IE 6 的問題我不知道要怎麼解決喔!因為我不是插件作者,我只是將這個插件中文化而已,關於 IE 6 的問題,你可能要去插件作者的網站反應了,抱歉!

  9. 您好,我看了原來製作Skin的工作室範例發現也有一樣的問題,看來是這個Skin的問題,勞煩您了,謝謝!

  10. @K 這是 IE 6 的問題,因為 IE 6 一直以來都有網頁相容的問題產生,希望微軟能夠盡量快點把 IE 6 給廢掉!

  11. @chrischien 自定義的數值要填 articleimg、featuredtext 和 thumbnailimg 這三個喔!我上面的說明有提到,第一個 articleimg 是你要在幻燈片出現的大圖;featuredtext 是你幻燈片大圖底下的圖片文字敘述;最後一個 thumbnailimg 是小圖,也就是如果你想在主題(首頁)裏以縮圖呈現排版,那麼就記得要填上 thumbnailimg 的數值喔~

    這三個自定義數值只要填寫過一次,以後新增文章的時候,自定義選項都會有這三個出現,你只要下拉自定義選項,將圖片網址填在數值那邊即可,很簡單的。

    如果還有遇上其他問題再來問我好了 😉

    這個部落格的主題不是我自己設計的,我只是使用別人做的主題加以修改為我想要的形式,但還是謝謝你的繆讚 🙂

  12. >>articleimg 是你要顯示在首頁幻燈片的大圖,這個圖片一定要是你上傳到部落格的內部圖片,不能使用像是 Flickr 的外連圖片

    這點有誤,我曾用過 Flickr 的外連圖片依然也是可以顯示喔。

  13. @林小夫: 真的嗎?我自己之前試過沒辦法耶!你的瀏覽器有清過快取嗎?因為這款插件很多人用過都說沒辦法使用外連的圖片來顯示呢!

  14. 首先感謝大大的分享
    繁體看起就是比較親切~~謝謝

    檔案無法下載,按下去後會導到首頁
    是不是連結有問題,還是下載要注意什麼事

  15. @kozen: 你好,抱歉,可能是我的快取插件造成這樣的錯誤,我剛剛已經重新設定好了,你再下載一次吧!不好意思,麻煩你囉~

  16. 還是一樣無法下載耶!~會導向首頁
    orz ~ ~ ~

    可否順便一問,你的下載是使用wordpress那一插件?謝謝

  17. @kozen: 不好意思,一直出錯造成你困擾,目前已經可以正常下載囉!

    另外,你問的下載插件是:WP-DownloadManager 這個插件,我的插件頁面有連結網址,你可以去看看~

  18. 已經可以下載了,謝謝。
    不過遇到一個問題,我是使用wordpress mu的
    進入後台對Featured Content Gallery做設置
    設置完後「保存設置」就出現下列錯誤

    錯誤!未找到選項頁面(Error! Options page not found.)

  19. @kozen: 你好,請問你是下載中文化的檔案還是中文語系檔?如果出錯,請下載官方檔案,再配合我的中文語系檔使用,如有任何問題,歡迎再來回報,多謝!

  20. 如果我的主題是http://moneylist.me/159
    我也自定義所要的屬性,要如何放到文章內??

    那這邊都不填的話
    是不是可以在想要的文章內加入自定義代碼就好??

    問題太多麻煩你解說囉..謝謝

  21. @Chienjay: 你的意思是說你要放在單篇文章內來展示嗎?一樣把我文章內提供的這段程式碼

    貼在單篇文章裡面,也就是 single.php 這個主題檔案裏,通常貼在

    上面,在 title 底下。

    至於設定,你還是要在後台設定頁面裏輸入文章 ID,一定要有兩篇以上(包含兩篇)的文章有設定 articleimg 值,記住,不是在文章內的 html 編輯器內輸入程式碼喔!

    不知道我這樣說你明白嗎?

    對了,自定義部份也請記得添加,我的中文語系檔或是中文化檔案,都已經將後台設定頁面翻譯得很白話了,如果你有下載此插件和我的中文化檔案(中文語系檔或中文化檔案),並且啟用此插件,應該就能在後台設定頁面看到完整的解說。

  22. 下載官方的程式,加上大大的中文語系檔
    結果還是一樣的問題!
    錯誤!未找到選項頁面(Error! Options page not found.)

    如果只用官方的程式插件,不加中文語系的話
    結果也是一樣!不知道是不是跟我使用wordpress mu有關??

  23. @kozen: 因為我沒有在 MU 上面做過測試,所以不清楚是否是 MU 所造成的錯誤,這個可能要麻煩你去插件官網的論壇詢問囉!抱歉!

    1. 是呀,這款插件真的很方便,其實 WordPress 現在可以使用的插件太多了,有許多功能都可以用插件來達成,所以很多企業網站或是企業部落格都慢慢改成 WordPress 程式平台來架設囉 😉

  24. 謝謝你分享這個外掛!
    不過有個小問題想請教一下,
    如果我希望一開始讀入的時候上方的縮略圖就出現,
    要修改哪個地方呢?

    1. 阿肯你好,我不是很明白你那句『一開始讀入的時候上方的縮略圖就出現』的意思,是要設定插件出現縮略圖嗎?還是 FCG 幻燈片的大圖呢?如果是後者,請你直接在後台 FCG 管理頁面做設定,並且必須設定兩篇文章都有圖片才會出現幻燈片大圖輪播。

      如果是縮略圖,後台管理頁面有說明該如何在文章編輯處新增『自定義項目』。

        1. 你好,如果你是要使用 FCG 的縮略圖功能,請你記得要在文章、分頁的編輯處,加上自定義區塊:thumbnailimg,在右手邊『值』的地方,填上縮圖網址,最好的縮圖尺寸為:100px x 75px。

          而且,這個縮圖必須是你從 WordPress 後台自己上傳的圖片。

          不曉得我這樣說,你明白嗎?因為我這裡沒有使用此插件,所以無法調試,你自己試試看囉 :mrgreen:

          如果還是不行,請你去官網觀看使用說明。

  25. 谢谢分享和教程以及汉化,很好的插件,考虑装一个。
    Simple Chinese,I don’t know if you can read it.Anyways,thanks.

    1. 我看得懂簡體中文的,很高興你喜歡這款插件,也開心你對我這篇文章給予正面評價,歡迎有空常來訪 😉

  26. wp初学者

    一直很想用这个插件,但是按照你这样设置之后任然显示不了幻灯片。在头部下面有一片空白区域,但是无任何图片显示。
    难道是对图片大小有什么要求吗?

    1. 如果你真的照我所說的去設置,沒道理無法運行呀~我幫人架的公司網站都可以很正常運作此插件呢!

      你有在要顯示此插件效果的頁面加入以下代碼嗎?

      還有,你有在此插件設定頁面設定兩篇以上的文章 ID 數嗎?你的文章有將自定義值設定正確嗎?就是 articleimg 和 featuredtext 這兩個自定義值,你有在文章編輯處設定好嗎?
      如果都有照我以上所說的設定完成,一定可以顯示效果的,我可以很確定喔!

  27. 你好,Carrie,很喜歡featured content gallery插件,可是我設置了半天也沒有顯示出來。只是在首頁顯示了一個空白的長方框。home.php裏面有一段代碼://Featured Content Gallery section on the homepage
    if (is_home() && !isset($_GET[‘paged’])) :?>

    <img src="/images/fcg-feature-demo.jpg” alt=”Plugin Demo” />

    <?php
    $i = 0;
    while (have_posts()) {
    the_post();
    include(dirname(__FILE__).'/post.php');
    不知道圖片在首頁不顯示和這個有關係嗎?
    還有一個比較弱的問題,如果要在首頁幻燈處顯示這些照片,文章內除了自定義字段寫明圖片位置外,還需要在文章里插入圖片嗎?見笑啦
    謝謝~

    1. 你可能沒有看仔細我的文章內容喔~

      我有寫過:『首先,articleimg 是你要顯示在首頁幻燈片的大圖,這個圖片一定要是你上傳到部落格的內部圖片,不能使用像是 Flickr 的外連圖片,在『欄位內容』的地方填入圖片位址,圖片網址是:http://你的網域名稱/wp-content/uploads/年份/月份/圖片檔案名稱。』

      並且請注意:『首頁要想有幻燈效果至少要做 2 個以上的圖,也就是說用這個辦法發表 2 篇以上的文章。』

      而且你一定要在 FCG 後台設定的地方填上『文章 ID』,至少要填兩個以上,也就是說,你的文章一定要有兩篇以上都有填寫 articleimg 的自定義欄位的圖片絕對位置。

      這樣才算設定正確,然後你才能在首頁想要顯示幻燈片的位置輸入以下代碼:

      如此一來才算設定完全,也才能正確顯示幻燈片,我已經建立過很多個這樣的站點,測試過許多次,應該不會有任何問題產生,請你再重新檢查一遍你的設定是否哪裡出錯。

      1. 謝謝你的回覆哦!
        可能我沒有說明白,我的意思是那2篇文章內部還需要插入照片嗎?還是只上傳到uploads裏面就可以了?好囧啊

        1. 文章內部不需要插入圖片,你可以從後台的「媒體」區上傳圖片,然後將圖片網址寫在 articleimg 的自定義欄位裡面,這樣就可以了,記得要在後台的 FCG 設定區,輸入那兩篇文章的 ID 才會在顯示區正確顯示幻燈片喔 😉

    2. 這個問題我剛剛也困擾過,而且耗了我很多時間!!
      會無法出現 只有白白長框的主要原因….

      是因為你把全部都填滿了!!!

      學學網主的設定 只在少數地方填寫數值就好

      不要全部設定都填 全部設定都填 有些時候就這樣子跑不出來了

      把一些多餘的填寫去除 變成跟 網主的設定一樣 就一定可以出現囉!!

        1. 不會啦! 妳這個部落格讚到沒話說!! 而且內容豐富實用,感謝網主的用心經營

  28. 您好,反覆試了很多次(wordpress-3.0.1+FCG3.2.0),還是有問題如下

    1.沒設 ,圖片正常顯示在首頁的最下方(超出首頁範圍)

    2.於head.php中設,首頁上方出現設定的圖框但裡面只有依序顯示圖形附註但沒圖形.而原首頁的最下方正常顯示的圖片不見可是卻留下圖框,依然超出首頁範圍

    不知是那裡有問題,麻煩幫忙!

    1. 你好,我已經很久沒折騰 WordPress 主題和插件了,不過看了你提出的問題,我想問的是:

      你有照我此文的設定來做嗎?我文中說的很清楚,是要在 index.php 這個主題檔案裡填上代碼。

      還有,你的圖片都有上傳到你的 WordPress 裡面嗎?是在後台媒體庫裡新增之後,把圖檔網址填在相應的自定欄位裡面,首頁幻燈片大圖就是 articleimg 欄位,一剛開始使用時,必須自行在後台發文區新增這個自定欄位,以後只要下拉選項來選取即可。

      你確定你有設定對嗎?

      另外,你說的圖框問題,應該是因為你的圖片是外連圖片的關係,所以才會沒出現圖片。

  29. 站長您好
    我有按照你的教學
    但是 大圖一直都沒有辦法跑出來
    但是 縮圖有出現
    我想問一下 是不是需要另外外掛程式

    1. 這個就已經是外掛了,你真的有照我寫的教學步驟去做嗎?如果有,不可能有錯誤產生,因為我幫一個遊學網做的主題就有使用這款插件(外掛),一直都運作得很好,沒有任何問題產生。

      你應該要把你發生的問題詳述,我才能了解你遇到什麼問題,否則你只說怎麼試大圖都不出現,我也不知道你的問題出在哪裡。

  30. 我新建文章时没有 自定義字段的articleimg,featuredtext ,thumbnailimg这几项该怎么办?
    wordpress是3.2.1版本,用的插件是3.2.0,谢谢。

    1. 請在新建文章頁面打開右上角的「顯示選項」,將自定義字段的選項框勾選,這樣你就能看到發文區塊的自定義字段的新增 / 設定欄位了。

請留言

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

相關文章

捲動至頂端