讓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日

相关推荐

  • WPZOOM中文系列模板ALPHA V2.1.2雜誌報紙主題

    Alpha是一個複雜的雜志主題。包括兩個皮膚:雜志和報紙,為您提供兩種絕對不同的外觀。 相關鏈接:演示地址 主題截圖: Alpha是一款先進,功能強大且反應靈敏的雜志主題,兩個皮膚提供截然不同的外觀:雜志和報紙。適合新聞和文章重型網站。 特徵 主題選項面板使用我們的高級主題選項面板,您可以輕松自定義主題的每個細節,以最好地滿足您的需求。 嚮應式布局此主題的布…

    2020年2月1日
  • Themify Music WordPress中文主題v2.0.2

    Themify Music是一個音樂主題,為主題註入活力。Themify Music是反應迅速和視網膜準備,工作為工匠,場合,投資組合,拍照者,甚至應用程序。使用Themify Music題,您可以插入音樂播放器(以便客人在查看您的網站時欣賞持久音樂)、收藏播放列表以及令人驚嘆的更好 – 全寬視頻基礎!制作令人眼花繚亂的頁面,用自己的錄音在您的物…

    2020年2月16日
  • Felix v1.0.2 啟動頁引導頁主題WordPress Theme

    免費下載Felix 引導頁啓動頁主題主題ThemeForest 糢板編號19421279Felix 可忽略和現在啓動問候語頁面。Felix 適用於應用程序、Web 項目、管理和所有啓動網站 特徵平滑一頁菜單 SEO 優化實時配色改變許多替代更改顏色內置短碼自定義後類型風險(支持視覺作曲家) 自定義小工具支持 WP 移動 & 無限側欄 + 移動側邊欄一…

    2020年3月3日
  • COBALTAPPS主題框架 – BEAVER EXTENDER中文版 – V1.2.4

    最終的Beaver Builder主題伴侶外掛。通過添加強大的設計和自定義工具來擴展Beaver Builder主題框架。 相關鏈接:主題演示 截圖演示: 樣式 Beaver Builder Theme提供了大量的設計糢板和控件,可以讓設計過程快速推進。但是當談到進行那些微調風格調整時,Beaver Extender開始進入高速檔! 碼 在網頁設計過程中,即…

    2020年2月1日
  • ELEVATION 慈善非盈利機構籌款模板

    下載ELEVATION糢板中文版– 慈善/非營利/籌款  themeforest.net編號 16027141ELEVATION是最佳慈善 WordPress 主題, 幹淨的 WordPress 主題和合理的慈善和非福利協會 WordPress 主題本主題具有任何慈善網站所需的每個組件。它擁有著高級WordPress頁面制造商(視覺排列器)和轉換滑塊外掛。 …

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

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

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

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

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

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

    2020年2月1日
  • wordpress中文STUDIOPRESS系列主題academy-proV1.0.3

    此主題需要STUDIOPRESS框架的支撐,請使用前安裝STUDIOPRESS主題框架 在線課程創建者,會員網站所有者和教育內容營銷人員的主題。 相關鏈接:演示地址 DEMO主題截圖 Academy Pro是在線課程創建者,會員網站所有者和教育內容營銷人員的主題。展示您的權威,獲得更多的電子郵件選擇,並促進向您學習的好處。 主題選項 使用選項即可在幾分鐘內啓…

    2020年2月1日
  • Bimber – 雜誌WordPress主題

    Bimber 是一個雜志的主題,它可以讓你在不到 24 小時內啓動一個功能齊全的網站。它配備了強大的共享按鈕;多個廣告位置。一切在一個輕量級和易於使用的包。從今天開始,今天就流行吧! 內容優化創建列表與圖像,GIF,自托管視頻和嵌入流行,熱門和趨勢列表流行,熱門和趨勢徽章的流行,熱,和趨勢的帖子分頁帖子與大,大膽的導航分享計數可見性閾值 – 沒有…

    2020年2月4日

發佈留言

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