Latest News

Home » WordPress 教學 » 讓WordPress主題隨機顯示縮略圖

讓WordPress主題隨機顯示縮略圖


之前新作Hot News主題使用timthumb.php函數最適列高縮略圖大小,並生成快取檔案
國外大部分CMS主題也都是採用此方法生成縮略圖。
但這一方法無法截取外鏈圖片,這一致命弱點最終讓我放棄使用timthumb.php函數。
目前我使用的新版HotNews pro2.0採用比較普遍的顯示縮略圖的方法,加入自訂功能變數,並通過CSS控制縮略圖大小。
有時文章中沒有圖片,也懶得特意作縮略圖,雖然有預設佔位圖代替縮略圖的位置,但文章發多了看著非常單調,也失去了縮略圖吸引讀者眼球的作用
於是忽隨機顯示預設縮略圖的想法就出來了,下面請看具體的實現方法。
一般 WordPress雜誌型主題,都具備縮略圖功能,採用的通用縮略圖函數代碼如下:

    <?php if ( get_post_meta($post->ID, 'thumbnail', true) ) : ?>
    <?php $image = get_post_meta($post->ID, 'thumbnail', true); ?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="<?php the_title(); ?>"/></a>
    <?php else: ?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/img.jpg" alt="<?php the_title(); ?>" /></a>
    <?php endif; ?>

——————————————————————————–
【文章標題】: 讓WordPress主題隨機顯示縮略圖
【文章作者】: 部落格架站、行銷、賺錢術教學密訓基地
【作者信箱】: ster168ster@gmail.com
【作者首頁】: http://por.tw/blog/
【部落格架站、行銷、賺錢術教學課程】: http://por.tw/blog/E_learning/index.php
【基地主機】: http://goto1688.com/blog/
【版權聲明】: (原創)部落格架站、行銷、賺錢術教學密訓基地,轉載必須保留完整標頭。刪除者依法追究!
——————————————————————————–
只需在預設佔位圖連結位置加入一句"rand()"函數就可隨機呼叫特定目錄下的多個圖片,下面是修改後的:

    <?php if ( get_post_meta($post->ID, 'thumbnail', true) ) : ?>
    <?php $image = get_post_meta($post->ID, 'thumbnail', true); ?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="<?php the_title(); ?>"/></a>
    <?php else: ?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/random/img<?php echo rand(1,5)?>.jpg" alt="<?php the_title(); ?>" /></a>
    <?php endif; ?>

修改後的代碼說明:

    /images/random/img<?php echo rand(1,5)?>.jpg

前面的img是圖片的名稱,我們可以新增幾個名稱為:img1.jpg, img2.jpg,img3.jpg,img4.jpg,img5.jpg的圖片,放到/images/random/(圖片所在的位置,可根據實際修改。)
目錄中,也可以是其它格式的圖片。將上面的代碼新增到模板適當位置,重整一下頁面看看效果如何。
——————————————————————————–
你在摸索如何架站部落格?如何展開行銷部落格、甚至賺錢嗎?有【技術顧問服務】可諮詢嗎?
當問題無法解決你要發很多時間處理(或許永遠找出答案)是獨自摸索部落格架站、行銷、賺錢痛苦的開始!
購買【部落格架站、行銷、賺錢術】DVD課程,就可獲得【部落格架站行銷賺錢】技術【顧問諮詢服務】!

About

發佈留言