天天看點

WordPress自定義欄目運用執行個體 VI:設定外鍊縮略圖/特色圖像

這裡是WordPress 自定義欄目運用執行個體系列第五講,為大家帶來設定外鍊縮略圖/特色圖像的方法。如果你的主題支援特色圖像的話,你會發現使用特色圖像的圖像是不能為外鍊圖檔的,一定要在多媒體那裡上傳才能設定為特色圖像。不知道為什麼 WordPress 一直不改進這個不那麼人性化的功能,難道是為安全考慮?官方沒有,那我們就自己添加。let's go!

設定外鍊縮略圖/特色圖像

首先在需要顯示特色圖像的地方(一般為首頁、内容頁)添加以下代碼:

<?php

if ( $values = get_post_custom_values("thumb") ) { ?>

<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img class="thumb" src="<?php $values = get_post_custom_values("thumb"); echo $values[0]; ?>" alt="<?php the_title(); ?>" /></a>

<?php } else { ?>

<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img class="thumb" src="/images/thumb.jpg" alt="<?php the_title(); ?>" /></a>

<?php } ?>

注意:上面代碼的css選擇器

class="thumb"

需要在css中自定義樣式。

然後,就是使用方法:第一次的時候在自定義欄目裡輸入新欄目名稱為thumb,然後在值裡輸入縮略圖位址,絕對路徑或者相對路徑都可以。不輸入的話是不會有任何内容出來的。

WordPress自定義欄目運用執行個體 VI:設定外鍊縮略圖/特色圖像
WordPress自定義欄目運用執行個體 VI:設定外鍊縮略圖/特色圖像

這個功能的話其實不算太進階,進階的縮略圖或特色圖像應該具備以下功能:有縮略圖就顯示縮略圖、沒有就顯示預設圖檔或文章第一張圖檔。這個“進階”的以後會講到,敬請期待。