1. 程式人生 > >wordpress給文章添加縮略圖

wordpress給文章添加縮略圖

自定義 小時 per clas switcher bsp www 情況 class

百度是個好東西,翻了半個小時的文章,終於把這個問題解決了。

一個問題的解決方法很多,但要找到一個自己理解的方法,缺比較難找,不管怎樣,多動手,可能弄著弄著就會了。

教程開始:

1.先去後臺管理安裝Easy Thumbnail Switcher插件 直接搜索 下載完成後 啟用就行了

2.啟用之後,就可以給文章設置縮略圖了,文章後面會多個功能,如下圖:

技術分享圖片

3.添加成功後,我們去文章列表看看效果,貌似沒什麽反應。

4.去主題文件找到functions.php這個文件,將下面的代碼添加進去(如果沒有functions.php這個文件,就自己新建一個)

//縮略圖獲取post_thumbnail
function post_thumbnail( $width = 275,$height = 170 ) { global $post; //如果有特色圖片則取特色圖片 if ( has_post_thumbnail() ) { echo ‘<a href="‘.get_permalink().‘" class="thumbnail">‘; $domsxe = simplexml_load_string(get_the_post_thumbnail()); $thumbnailsrc = $domsxe->attributes()->src; echo ‘<img src="‘.$thumbnailsrc.‘" alt="‘.trim(strip_tags( $post->post_title )).‘" width="‘.$width.‘" height="‘.$height.‘"/>‘; echo
‘</a>‘; } else { $content = $post->post_content; preg_match_all(‘/<img.*?(?: |\\t|\\r|\\n)?src=[\‘"]?(.+?)[\‘"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim‘, $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); //沒有設置特色圖片則取文章第一張圖片 if($n > 0) { echo ‘<a href="‘.get_permalink().‘" class="thumbnail"><img src="‘.$strResult[1][0].‘" alt="‘.trim(strip_tags( $post->post_title )).‘" width="‘.$width.‘" height="‘.$height.‘"/></a>‘; }
else { //既沒有設置特色圖片、文章內又沒圖片則取默認圖片 echo ‘<a href="‘.get_permalink().‘" class="thumbnail"><img src="‘.get_bloginfo(‘template_url‘).‘/img/no-has-thumbnail.png" alt="wordpress技巧——特色圖像功能以及自定義縮略圖設置" alt="‘.trim(strip_tags( $post->post_title )).‘" width="‘.$width.‘" height="‘.$height.‘"/></a>‘; } } }

從代碼中可以看出,其實不用安裝上面那個插件也行的,插件的作用主要是上傳自己想要的圖片。

整個代碼分為三個部分,一個部分就是有特色圖,第二個就是沒有特色圖,第三個就是以上都沒有的情況下調用默認的縮略圖。

5.在頁面中顯示縮略圖,在要顯示縮略圖的地方,加上下面這段代碼即可

<?php post_thumbnail(210,130); ?>

那麽調用代碼中的210和130就分別是寬度和高度了,大家根據自己的情況適當修改。

教程參考地址:http://www.banyuner.com/7401.html

wordpress給文章添加縮略圖