WordPress站點(diǎn)DUX主題文章內容頁(yè)面無(wú)插圖時(shí)隨機顯

DUX目前應該是主機測評博客站點(diǎn)應用最多的主題了，比如蝸牛博客、老左博客（老左筆記）、老部落、主機參考、VPSGO、VEIDC.COM、國外主機測評等，包括老劉博客本站也是應用WordPress站點(diǎn)DUX主題實(shí)現的。

今天老劉博客給大家分享的是wordpress博客系統站點(diǎn)DUX主題首頁(yè)文章特色圖片，如果在文章內容無(wú)插圖或未開(kāi)啟第一張作為特色圖片時(shí)，自動(dòng)調用random目錄隨機一張圖片作為縮略圖，讓縮略圖區域不在是單調的灰白框和劣質(zhì)的圖片展示。

效果示意：

隨機顯示縮略圖操作步驟：

在dux主題目錄下找到functions-theme.php文件，在大概785行（版本不同可能行數有變），找到以下代碼：

    	if( $r_src ){
    		if( _hui('thumbnail_src') ){
        		return sprintf('<img data-src="%s" alt="%s" src="%s" class="thumb">', $r_src, $post->post_title._get_delimiter().get_bloginfo('name'), get_stylesheet_directory_uri().'/img/thumbnail.png');
    		}else{
        		return sprintf('<img src="%s" alt="%s" class="thumb">', $r_src, $post->post_title._get_delimiter().get_bloginfo('name'));
    		}
        }else{
    		return sprintf('<img data-thumb="default" src="%s" class="thumb">', get_stylesheet_directory_uri().'/img/thumbnail.png');
        }
    }

替換為：

    	/*首頁(yè)文章特色圖片，如果文章內容無(wú)圖，或未開(kāi)啟第一張作為特色圖片，則用random目錄的隨便一張。*/ 
    	if( $r_src ){
    		if( _hui('thumbnail_src') ){
        		return sprintf('<img data-src="%s" alt="%s" src="%s" class="thumb">', $r_src, $post->post_title._get_delimiter().get_bloginfo('name'), get_stylesheet_directory_uri().'/img/thumbnail.png');
    		}else{
        		return sprintf('<img src="%s" alt="%s" class="thumb">', $r_src, $post->post_title._get_delimiter().get_bloginfo('name'));
    		}
        }else{
    		/*return sprintf('<img data-thumb="default" src="%s" class="thumb">', get_stylesheet_directory_uri().'/img/thumbnail.png');*/
    		$random = mt_rand(1, 30);//數字1-30的圖片
        	return sprintf('<img data-thumb="default" src="%s" class="thumb">', get_stylesheet_directory_uri().'/img/random/'.$random.'.jpg');
        }
    }

random圖片文件在此下載：

下載圖片，然后將圖片文件夾解壓到主題目錄中的img文件夾內即可，如圖：