讓WordPress縮略圖特色圖片隨機顯示

最近在站點主題更新的時候,由於糢板和外掛過多總會經常性的忘記設定熱點圖片,一單忘記設定熱點圖片就會整個頁面特別的醜,想了很多辦法最後才算是搞定了。設定完畢後就算忘記設定了特色圖片系統也會隨機顯示一張圖片。

編輯主題文件,在主題的functions.php中加入以下代碼

//支持外鏈縮略圖
if ( function_exists('add_theme_support') )
 add_theme_support('post-thumbnails'); // 若有錯誤刪掉上面兩行
function catch_first_image() 
{
  global $post, $posts;$first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];
  //判斷圖片是否過小
  if(!empty($first_img))
  {
    $image_size = getimagesize($first_img);
    $image_width = $image_size[0];
  }
  //如果第一張圖不存在或過小,則返回隨機圖片           可樂補充如果不需要默認第一張圖的話把上面的代碼以及if都去掉即可
  if(empty($first_img) || $image_width<50){
    $first_img = '';
    //從2張圖中隨機選擇,可根據自己的圖片數量設定
    $random = mt_rand(1, 2);
    echo get_bloginfo ( 'stylesheet_directory' );
    echo '/images/random/'.$random.'.jpg';
    }
  return $first_img;
}

在主題中新建/images/random/目錄,找一些自己拍的圖片放進去。將他們重命名為1..2…3..4..5.jpg

打開主題目錄下content.php,將原主題的特色圖像代碼換成下面的

<!--裁切高大於寬的圖片-->
<div  style="overflow:hidden;width:100%;max-height:100px;">
<img src='<?php echo catch_first_image(); ?>' />
</div>
如果沒有跳轉文章鏈接用下面的代碼
function catch_rand_image() {
  global $post, $posts;$imgg_url;
  ob_start();
  ob_end_clean();
    $random = mt_rand(1, 63);
    $imgg_url = 'https://xxx/images/random/'.$random.'.jpg';
    echo '<a href="'.get_permalink().'" target="_blank" rel="external nofollow" ><img src="'.$imgg_url.'" /></a>';
}

content.php:

<?php echo catch_rand_image(); ?>
不要忘記修改rand裡的值要不然只會選擇1.jpg和2.jpg

原创文章,作者:admin,如若转载,请注明出处:https://gov.com.sb/wordpress-4.html

Like (0)
adminadmin
Previous 2020年2月18日
Next 2020年2月19日

相关推荐

  • MYTHEMESHOP系列主题apptheme中文模板-1.2.3

    嚮應式應用程序WordPress產品和應用程序主題。AppTheme是一個企業組合主題,旨在幫助您和您的公司展示您的工作。AppTheme具有展示單個應用程序,項目,服務和推薦組合的能力,可自定義,因此您可以選擇向用戶顯示哪些部分以吸引新客戶。 相關鏈接:主題演示 主題截圖: 附件下载 文件名称:MYTHEMESHOP系列主题apptheme中文模板-1.2…

    2020年2月1日
  • OHIO V1.0.3 – 創意組合&代理WORDPRESS主題

    Ohio – 是一個精心制作的多用途,簡約,華麗,多功能的產品組合和創造性的展示主題與清晰的用戶體驗,你需要建立一個現代和功能的網站,並開始銷售您的產品和服務。它配備了最流行的WordPress頁面建設者WPBakery頁面生成器(以前視覺作曲家)外掛和ACF Pro的主題設定。創建光滑,現代和快速的WooCommerce,商店,投資組合,部落格網站快速,沒…

    2020年2月20日
  • ARDVARK V4.16.1 – 社區、會員、BUDDYPRESS主題中文版

    Aardvark是一個完整的社區焦點WordPress主題。從專註於BuddyPress主題的精英作家那裡購買。200多個主題選項,輕松創建一個外觀漂亮的網站,以滿足您的特定需求,而無需觸及任何代碼。 ARDVARK主要特點: BuddyPress集成(BuddyPress 3+兼容)bbPress集成WooCommerce集成付費會員專業版整合Sensei…

    2020年2月20日
  • 基於Divi Builder框架的ELEGANT主題3.19.1版本

    ELEGAN是Divi系列糢板中比較簡單的一款主題, 主題使用起來相對簡單,沒有特別複雜的糢塊,適合構建於一個清涼的wordpress網站使用。 此款糢板沒有DEmo數據,只需要在後臺上傳安裝即可完成。此主題如果網站建設完成後不建議更新,因為此款主題不帶子主題,更新主題可能會更改原來的布局。 使用此款主題只需要在後臺外觀自定義,設定添加你的組件糢塊即可,沒有…

    2020年2月1日
  • wordpress中文Themify系列主題AgencyV2.0.4代理商企業主題

    代理主題是幹淨,簡約,嚮應迅速的WordPress主題,適用於設計機構。 相關鏈接:主題演示 主題DEMO截圖: 代理商是一個企業主題,允許設計機構輕松展示他們的設計組合,展示他們的產品和服務產品,通過客戶推薦提供社會證明,並在他們的團隊中展示辛勤工作的人。使用Themify短代碼約定完全自定義,允許網站在任何和所有設備上的行為和顯示方式完全自由。 從右到左…

    2020年2月1日
  • 基於Divi Builder框架的EXTRA主題V2.19.2簡潔清新雜誌主題

    EXTRA是一款基於Divi Builder構建的wordpress主題,主題界面非常的清晰簡介,但是功能卻很強大,適合於個人部落格和電子商務使用,這個主題的漢化比率達到了95%以上,是您入手國外高級主題的最好選擇。 主題的適應性非常的強,對於您制作各種網站都相對的比較合適美觀,完全的自適應糢板,對於任何的設備都可以無縫銜接。EXTRA主題還可以跟WooCo…

    2020年2月1日
  • wordpress模板和插件語言翻譯Poedit使用教程

    在日常的下載過程中,我們經常遇到wordpress語言的問題,一般來說,如果進行一個語言文件的翻譯至少要一天的時間,並且經常會出現翻譯的出錯,或者語意不通有問題,遇到翻譯不完全,或者翻譯語意錯誤的情況我們該怎麼處理?正常情況來說,我們提供的糢板漢化翻譯的程度都是達到80-90%以上的,但是難免的在使用過程中可能語意有問題,或者翻譯不完整,很多人追求語言的完美…

    2020年2月18日
  • Origine 1.0.3自然主題WooCommerce WordPress主題

    Origine主題是支持WooCommerce的WordPress高級主題,主題森林編號23354853Origine是一個自然的WordPress主題,可以使你使一個值得註意的網站。由於無數的短代碼替代和偉大的結構亮點,這個主題將為你帶來最好的幫助。 Origine主題包含許多有價值的糢塊和亮點。Uber 基本菜單演示了許多部分、事物、類。叛亂滑塊指示巨大…

    2020年3月3日
  • AIT模板俱樂部– BAND中文 – V1.97樂隊和音樂家的主題

    樂隊和音樂家的主題。 相關鏈接:主題演示 主題截圖: 專為樂隊,DJ,音樂會活動和音樂家設計的WordPress主題。設計是深色和淺色元素的組合,專註於大型圖像或視頻。主題包括Mixcloud和SoundCloud等音樂元素,也為Youtube和Vimeo構建了視頻嵌入功能。您還可以在主頁上添加帶自動播放功能的大型視頻。可能性和無窮無盡。活動經理允許您在網站…

    2020年2月1日
  • MYTHEMESHOP商店中文主题– ARCHITECT – V1.2.4

    建築師是一個幹淨漂亮的WordPress主題,非常適合企業。具有拖放式主頁部分和許多強大的功能,它肯定會使您的業務增長。 相關鏈接:主題演示 主題截圖: 清潔和嚮應商業WordPress主題,非常適合代理商和部落格。 Architect是一個設計精美,編碼清晰且功能強大的WordPress主題,非常適合商家,也是一個很棒的部落格主題。通過可重新排列的主頁部分…

    2020年2月1日

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *