WordPress 主題製作學習筆記:幫你的主題加上「文章縮圖」功能


WordPress 主題製作學習筆記:幫你的主題加上「文章縮圖」功能


大家可以看到在本站首頁的地方每篇文章都有一張縮圖,這樣圖文並茂的展示,原本都必須以縮略圖插件來達成,之前我也曾經介紹過一款強大的縮略圖插件:Thumbnails Anywhere 縮略圖插件(該插件目前已更名為 WP-Thumbnails)。但從 WordPress 2.9 版開始,已經支援內建縮圖功能了,只是 WordPress 很奇怪,每次都不開放這樣特殊的功能,所以我們必須到主題函式表(functions.php)裡將這個功能開啟。

 

現在,請開啟 functions.php 檔案,然後輸入以下代碼並存檔:



現在,你應該可以在後台新增文章時看到「發佈縮圖」的功能了,不過這時候前台首頁的地方還是沒有縮圖產生,那是因為你必須一一修改每篇舊文章,讓舊文章都有其對應的縮略圖,我知道這樣很麻煩,不過這個問題目前似乎沒有快速解決的辦法囉~


另外,你還必須在 index.php 這個檔案的 the_content 之前加上以下代碼,好將縮圖顯示出來:



其中 150, 150 代表的是縮圖的長寬尺寸,你可以自行修改,也可以將 alignleft 改成 alignright ,這樣你的縮圖就是靠右顯示了。


必須說明的是,這個自帶縮圖功能目前只支援本地圖片,也就是你上傳到 WordPress 裏的圖片,不支援外連圖,所以如果你的 WordPress 圖片都是外連圖,這樣的功能就不適合你囉!



文by覺非/WordPress 主題製作學習筆記.之四


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

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


This Post Has 23 Comments

  1. 所以我也沒用內建的…圖片都是另外放圖床
    圖片流量太大,如果放在本地..應該流量很可觀..$$也會很可觀…
    看看這功能3.0會不會有所改善

    1. 我現在使用的主機,空間和流量原本有限制的,可是我用了這段時間以來,從來都沒有流量問題產生,前一陣子登入主機的 cPanel 一看才知道,我現在主機的空間和流量都已經是無限制了 🙂

      WordPress 3.0 beta2 已經釋出了,正體中文版也有囉~你可以先下載本地測試看看,我已經下載了,打算這一陣子有空就在本地測試,說不定又會生出一個新主題來 😀

      1. beta2有測囉,只是沒什麼大變化,有點失望~~
        我還是期待wp把會員功能弄好一點,可以做的變化就會更大囉

        1. 嗯,我有在噗浪看到你說失望的事情,因為我還沒測試過,所以也不瞭解,我比較好奇的是 beta2 對於主題製作的新創,像是後台設置導航列的模式、主題背景和 banner 設置這類的功能。

          可能因為我這裡只是個人 blog,沒有會員要求,所以對那些功能也就沒有渴望了吧。

          1. 是沒錯啦,只是如果會員功能強一點,可以創造更多元的功能,最近新版差不多7成了。。最近應該快上架了..

        2. 你說的也是,當然功能越完善,製作出來的主題一定更多元化。也期待你的新主題早日上架喔 🙂

  2. 其實圖片不用太大,125×125 就可以了,圖片再減肥一下,都可以控制在 10K 以下。
    應該不會影響流量太嚴重。

    1. 多謝你的建議,這會列為下個主題(或是本主題正式版)的改進項目之一 😆

  3. 你的博客用IE访问不显示哦,难道你没发觉吗?虽说IE很讨厌,但是毕竟还有很多人在用,难道放弃来自IE的用户了?

    1. 咦,IE 無法訪問嗎?可是我這裡測試過 IE 訪問沒問題啊,頂多是主題顯示沒有那麼美觀而已,不至於無法訪問呢!可以請問你是用哪個版本的 IE 嗎?我自己是使用 IE 8 的版本,蠻正常的。

      1. 额……ie8还算是蛮先锋的啦,现在还有很多人是用ie6和ie7啦,像我的话,用ie7访问你某些页面时是一片白茫茫。看源文件,里面内容正常,就是不显示。(貌似这种情况只出现在静态化的页面上)。如果你懒得装旧版本的IE去测试的话,介绍你一个网站http://spoon.net/browsers/只需下载安装一个插件,就可以在多种浏览器模式下进行显示。网页调试必备哦。

        1. 我是用 IETester 來測試主題在各版本的 IE 瀏覽器下的畫面,那時候測出來好像只有 IE 6 有點小問題,其它版本都還好耶,奇怪,怎麼會有你說的問題產生呢……

          嗯,我會再做測試的,也多謝你提供的這個插件資訊,是只要安裝 Firefox 插件就可以嗎?因為我應該不可能會安裝所有瀏覽器的,沒辦法,我的 laptop 很舊了,效能不高 😐

          1. 不是的,是下载一个网站提供的插件大概20多M吧,然后安装到系统,每次开机会后台启动进程。要用的时候只有打开该网站,选中一款浏览器打开就行了。

        2. 嗯,瞭解了,不過這樣似乎有點麻煩呢 🙂

          好吧,為了主題,這幾天再下載來試試看囉~

  4. WP 裏面放了很多東西給插件用, 沒有直接開放, 很多設計人員就在函數裏面挖寶, 挖出來開發就是你的成就, 我也挖了一些… 呵呵.

    1. 呵,對於函數我其實還很弱,最近也在歐萊禮買了 PHP 的入門工具書來研究,我還有好長一段路要走呢 :mrgreen:

  5. 這功能要是能支援外連圖案的話就很棒了,可以符合大多數一般使用者的需求就再也不用去額外找文章縮圖外掛來用了

    1. 不過可惜這個自帶的縮圖功能目前還是不支持外連圖,希望未來的 WordPress 版本能夠支持外連圖的縮略圖功能囉 😆

  6. <a href="”> 建议加上rel=”nofollow” 还有就是【閱讀全文】连接也要加上 要不重复连接太多

    1. 嗯,瞭解,我之後會加上,多謝提醒喔 😆

    1. >>單純只要縮圖的網址←我不明白你這句話是什麼意思耶,你可以詳細說明一下嗎?

發表迴響

Close Menu