wordpress給文章添加縮略圖
阿新 • • 發佈:2018-01-14
自定義 小時 per clas switcher bsp www 情況 class
百度是個好東西,翻了半個小時的文章,終於把這個問題解決了。
一個問題的解決方法很多,但要找到一個自己理解的方法,缺比較難找,不管怎樣,多動手,可能弄著弄著就會了。
教程開始:
1.先去後臺管理安裝Easy Thumbnail Switcher插件 直接搜索 下載完成後 啟用就行了
2.啟用之後,就可以給文章設置縮略圖了,文章後面會多個功能,如下圖:
3.添加成功後,我們去文章列表看看效果,貌似沒什麽反應。
4.去主題文件找到functions.php這個文件,將下面的代碼添加進去(如果沒有functions.php這個文件,就自己新建一個)
//縮略圖獲取post_thumbnailfunction 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給文章添加縮略圖