很久前就在籌劃一個(gè)站，最近也想開始折騰，順便扒一個(gè)皮，

WordPress自定義域和自定義分類圖片

。按照倡萌的設(shè)想，要使用到自定義域功能來(lái)設(shè)定列表和首頁(yè)的圖片(其實(shí)是圖標(biāo))，以及短標(biāo)題(也就是文章的標(biāo)題可以是很長(zhǎng)的，但是在首頁(yè)調(diào)用的只是一個(gè)短的詞組)；還可能會(huì)給每一個(gè)分類設(shè)定一個(gè)圖片，當(dāng)文章沒(méi)有圖片，也沒(méi)有自定義圖片時(shí)，自動(dòng)調(diào)用分類的圖片。所以摘錄以下文章作參考。

WordPress自定義域

　　關(guān)于WordPress自定義域，就拿一個(gè)例子來(lái)看吧。

　　自定義字段是 WordPress 的一個(gè)很強(qiáng)大的功能，但對(duì)于普通的使用者來(lái)說(shuō)用處并不大…

　　關(guān)于如何通過(guò)自定義字段給 WordPress 博客首頁(yè)中的每篇日志添加圖片的方法，網(wǎng)上有不少介紹。

　　在博客首頁(yè)的每一篇日志中都會(huì)顯示一篇和內(nèi)容相關(guān)的圖片，該圖片是我事先準(zhǔn)備好的，而非日志中的縮略圖，這張圖片在單篇日志的內(nèi)容中可以不予顯示。如果我沒(méi)有為日志指定一張圖片，那么自動(dòng)會(huì)有一張默認(rèn)的圖片進(jìn)行“填充”。效果看下面出現(xiàn)的那張圖。

　　在 index.php 中找到如下或類似的代碼：

<span class="sh_symbol"><?</span>php <span style="color: rgb(0, 0, 0); font-weight: bold; font-style. normal; " class="sh_function">the_excerpt</span><span class="sh_symbol">();</span> <span class="sh_symbol">?></span> 或 <span class="sh_symbol"><?</span>php <span style="color: rgb(0, 0, 0); font-weight: bold; font-style. normal; " class="sh_function">the_content</span><span class="sh_symbol">();</span> <span class="sh_symbol">?></span>

　　前者是輸出摘要，后者是輸出全文，了解 WordPress 的朋友肯定都知道，這里就不多說(shuō)了。找到這行代碼后，我直接在它的前面添加如下代碼：

<span class="sh_symbol"><?</span>php <span style="color: rgb(165, 42, 42); font-weight: normal; font-style. normal; " class="sh_keyword">if</span> <span class="sh_symbol">(</span> <span style="color: rgb(0, 0, 0); font-weight: bold; font-style. normal; " class="sh_function">get_post_meta</span><span class="sh_symbol">(</span>$post<span class="sh_symbol">-></span>ID<span class="sh_symbol">,</span> <span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">'index_image'</span><span class="sh_symbol">,</span> <span style="color: rgb(165, 42, 42); font-weight: normal; font-style. normal; " class="sh_keyword">true</span><span class="sh_symbol">)</span> <span class="sh_symbol">)</span> <span class="sh_symbol">:</span> <span class="sh_symbol">?></span>
<span class="sh_symbol"><?</span>php $image <span class="sh_symbol">=</span> <span style="color: rgb(0, 0, 0); font-weight: bold; font-style. normal; " class="sh_function">get_post_meta</span><span class="sh_symbol">(</span>$post<span class="sh_symbol">-></span>ID<span class="sh_symbol">,</span> <span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">'index_image'</span><span class="sh_symbol">,</span> <span style="color: rgb(165, 42, 42); font-weight: normal; font-style. normal; " class="sh_keyword">true</span><span class="sh_symbol">);</span> <span class="sh_symbol">?></span>
<span class="sh_symbol"><</span>a href<span class="sh_symbol">=</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">"<?php the_permalink() ?>"</span><span class="sh_symbol">><</span>img src<span class="sh_symbol">=</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">"<?php echo $image; ?>"</span>
alt<span class="sh_symbol">=</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">"<?php the_title(); ?>"</span> <span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_regexp">/></</span>a<span class="sh_symbol">></span>
<span class="sh_symbol"><?</span>php <span style="color: rgb(165, 42, 42); font-weight: normal; font-style. normal; " class="sh_keyword">else</span><span class="sh_symbol">:</span> <span class="sh_symbol">?></span>
<span class="sh_symbol"><</span>a href<span class="sh_symbol">=</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">"<?php the_permalink() ?>"</span><span class="sh_symbol">></span>
<span class="sh_symbol"><</span>img src<span class="sh_symbol">=</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">"<?php bloginfo('stylesheet_directory'); ?>/images/vc-default.png"</span> alt<span class="sh_symbol">=</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">"<?php the_title(); ?>"</span> <span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_regexp">/></</span>a<span class="sh_symbol">></span>
<span class="sh_symbol"><?</span>php endif<span class="sh_symbol">;</span> <span class="sh_symbol">?></span>

　　仔細(xì)看這段代碼，這里用了一個(gè) if else 的條件判斷語(yǔ)句：

　　第一行中，if 括號(hào)里面的條件 ‘index_image’ 如果為 true(真)，也就是說(shuō)，我在編輯文章時(shí)使用了這個(gè)自定義字段，那么就直接執(zhí)行第二行代碼：輸出 index_image 這個(gè)值，index_image 的值是一張圖片的絕對(duì)地址，所以我這里就直接輸出了這張圖片，并加上該篇日志的鏈接;

　　第三行的 else 的意思是除了第一行條件 true(真)之外(那就是假了)的話就執(zhí)行第四行的代碼;

　　第四行中我輸出了一張位于主題文件夾的 images 目錄下的默認(rèn)的圖片——vc-default.png ，同時(shí)也帶上了文章的鏈接，

電腦資料

《WordPress自定義域和自定義分類圖片》(http://salifelink.com)。

　　根據(jù)剛開始的那張圖按下面的步驟就可以添加自定義字段了：

　　1、添加自定義字段名：index_image (添加過(guò)一次之后就直接能在下面的下拉菜單中選擇了);

　　2、添加放在首頁(yè)文章里的圖片絕對(duì)地址;

　　3、點(diǎn)擊“添加自定義字段”的按鈕。

　　這樣，更新完日志之后就能在首頁(yè)看到效果了～ 不過(guò)根據(jù)不同的博客主題，需要對(duì)這張圖片進(jìn)行不同的樣式定義，比如 float:right 或 left ，亦或再給圖片加個(gè) border 等等，這就要看大家的想象力和喜好了。

WordPress自定義分類圖片

　　get the category 可以獲取 cat_ID(分類 ID)、cat_name(分類名)、category_nicename(分類縮略名)、category_description(分類描述)、category_parent(分類層級(jí)) 以及 category_count 等信息，那么，我們就可以用 category_nicename 命名圖片，然后匹配并輸出。

<span class="sh_symbol"><?</span>php <span style="color: rgb(0, 0, 0); font-weight: bold; font-style. normal; " class="sh_function">foreach</span><span class="sh_symbol">((</span><span style="color: rgb(0, 0, 0); font-weight: bold; font-style. normal; " class="sh_function">get_the_category</span><span class="sh_symbol">())</span> as $cat<span class="sh_symbol">)</span>
	<span class="sh_cbracket">{</span>
	$catname <span class="sh_symbol">=</span>$cat<span class="sh_symbol">-></span>category_nicename<span class="sh_symbol">;</span>
	echo <span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">"<a href</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_specialchar">"</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">/category/"</span><span class="sh_symbol">;</span>
	echo $catname<span class="sh_symbol">;</span>
	echo <span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">"/</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_specialchar">"</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">>"</span><span class="sh_symbol">;</span>
	echo <span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">"<img src</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_specialchar">"</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">/wp-content/cat-icons/"</span><span class="sh_symbol">;</span>
	echo $catname<span class="sh_symbol">;</span>
	echo <span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">".jpg</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_specialchar">"</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string"> alt=</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_specialchar">"</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">$catname category image</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_specialchar">"</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string"> border=</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_specialchar">"</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">0</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_specialchar">"</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string"> /></a></span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_specialchar">n</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">"</span><span class="sh_symbol">;</span>
	<span class="sh_cbracket">}</span>
<span class="sh_symbol">?></span>

　　代碼很簡(jiǎn)單，就是查詢?nèi)罩舅�在分類及其縮略名，然后自動(dòng)在 cat-icons 目錄匹配 category_nicename.jpg，然后輸出。當(dāng)然，你可以更改.jpg為你喜歡的各種圖片格式。代碼的第四行：

echo <span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">"<a href</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_specialchar">"</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">/category/"</span><span class="sh_symbol">;</span>

　　中category應(yīng)該改為你所設(shè)置的固定鏈接格式的名字，比如我這里設(shè)置的是/c/分類名，那就需要把這一行代碼改為：

echo <span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">"<a href</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_specialchar">"</span><span style="color: rgb(255, 0, 255); font-weight: normal; font-style. normal; " class="sh_string">/c/"</span><span class="sh_symbol">;</span>

　　倡萌從中得到啟發(fā)，應(yīng)該是可以實(shí)現(xiàn)縮略圖的調(diào)用順序，比如：特色圖片>自定義域圖片>文章第一張>分類圖片>隨機(jī)圖片>默認(rèn)圖片，這個(gè)以后真用到或者有時(shí)間的時(shí)候再試試。