大概就下面這種情況:
成都服務(wù)器托管,創(chuàng)新互聯(lián)公司提供包括服務(wù)器租用、成都移動機(jī)房、帶寬租用、云主機(jī)、機(jī)柜租用、主機(jī)租用托管、CDN網(wǎng)站加速、申請域名等業(yè)務(wù)的一體化完整服務(wù)。電話咨詢:18982081108
?php if (have_posts()) : $count=1; while (have_posts()) : the_post(); ?
h1?php the_title(); ?/h1 !-- 標(biāo)題 --
div id="content"?php the_content(); ?/div !-- 文章內(nèi)容 --
?php if($count==1): ?
img src="?php catch_that_image(); ?" width="200" height="200" alt="?php the_title(); ?"
?php $count++;else: ?
img src="?php catch_that_image(); ?" width="100" height="100" alt="?php the_title(); ?"
?php endif; ?
這個不需要插件。
使用css就能實現(xiàn)。
將你要顯示的文字使用一個div放進(jìn)去
把這個div的顯示(visible)屬性默認(rèn)為隱藏(hidden)
利用css的hover屬性
當(dāng)鼠標(biāo)移動到圖片上時
把之前被隱藏的div顯示出來就行了
具體的div的位置,背景顏色,字體什么的,都可以通過css來控制。
首先,看 functions.php 里有沒有截圖函數(shù);
其次,后臺-設(shè)置-多媒體--全部改成 0 ;
然后,看一下主題的調(diào)用圖片函數(shù);
應(yīng)該可以了。。。
我想大部分人都很清楚WordPress 2.9版本開始,就增加了Featured Image這個功能。而且這樣的功能多用于雜志式的主題,從里一個角度來說,用縮略圖的形式比摘要輸出形式更能體現(xiàn)網(wǎng)站的可讀性!這里就介紹下如何為你的 WordPress主題添加Featured Image功能。
首先,看一看你的主題包,在functions.php文件里必須有下面的語句才能開啟單篇日志以及頁面里的Featured Image功能。
add_theme_support( 'post-thumbnails' );
當(dāng)然,如果你只希望在單篇日志里開啟這樣的功能,只要加入
add_theme_support( 'post-thumbnails', array( 'post' ) );
頁面功能同理:
add_theme_support( 'post-thumbnails', array( 'page' ) );
之后,你就需要設(shè)定你的縮略圖大小,在保證圖像不扭曲的情況下,圖片的寬度或者高度會被自動按比例調(diào)整到最合適的大小,比如100×50像素的圖 像,在一個固定為50×50像素大小的顯示框下,會調(diào)整到50×25像素大小。這樣的好處是能顯示全部的圖像。不過你可以發(fā)現(xiàn),很多時候,縮略圖的大小未 必能完全合適整個顯示框的大小。比如剛剛的例子,至少還有一半的空間是空余的。因此,你可以自由設(shè)定顯示框里縮略圖的大小,比如單獨(dú)限定高度或者寬度大 小。不過,這樣設(shè)置,縮略圖可能會扭曲或者只顯示一部分。
一下這個定義語句表示現(xiàn)實框的大小為50X50像素,縮略圖按比例自動調(diào)整。
set_post_thumbnail_size( 50, 50 );
再來看看下面這個定義語句。它表示縮略圖會被自動截圖成為大小為50X50像素。但是缺點(diǎn)很明顯,它只是從坐標(biāo)0,0開始截圖,對于大圖來說,它只是顯示圖片的冰山一角。
set_post_thumbnail_size( 50, 50, true );
現(xiàn)在,你可以開始講這些定義語句添加在你的主題里,通常都被用在循環(huán)(the loop)定義里。
has_post_thumbnail() 將定義是否在當(dāng)前日志里顯示被手動添加的日志縮略圖(in the loop)。
?php
if ( has_post_thumbnail() ) {
// the current post has a thumbnail
} else {
// the current post lacks a thumbnail
}
?
如果縮略圖存在,下面這句定義將顯示縮略圖
?php the_post_thumbnail(); ?
以上這些都是最基本的定義。當(dāng)然還有更深入的用法。
假設(shè),如果你要在首頁顯示比較小的縮略圖(比如50×50像素),但是在單獨(dú)日志頁面顯示比較大的縮略圖(比如寬度限定在400像素),你可以完全自定義。
在functions.php里:
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 50, 50, true ); // 非單獨(dú)頁面的顯示設(shè)置
add_image_size( 'single-post-thumbnail', 400, 9999 ); // 單獨(dú)日志頁面顯示設(shè)置,9999像素為的是給縮略圖另一邊大小以最大的空間
在home.php / index.php (取決于你的主題設(shè)計)(in the loop) :
?php the_post_thumbnail(); ?
在single.php (in the loop) :
?php the_post_thumbnail('single-post-thumbnail'); ?
希望你能看得明白以上的設(shè)置。
原理是,set_post_thumbnail_size () 對應(yīng) add_image_size ('post-thumbnail') 一起工作。同時,當(dāng)你添加更多的設(shè)定到里面,比如add_image_size( $handle, $width, $height, {$hard_crop_switch} ); 然后the_post_thumbnail( $handle );就會開始工作,處理并按照你定義的縮略圖樣式。
當(dāng)然,如果你要你的主題支持更早的WordPress版本,你必須得用function_exisit ()(以上的例子里并沒有使用function_exisit (),為的是盡量讓定義簡單易用。):
if ( function_exists( 'add_theme_support' ) ) { // Added in 2.9
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 50, 50, true ); // Normal post thumbnails
add_image_size( 'single-post-thumbnail', 400, 9999 ); // Permalink thumbnail size
}
不過需要明白的是,這個功能只針對新上傳的圖片。假如你之前使用過帶有縮略圖顯示功能的主題,并且新的主題對縮略圖的大小設(shè)定有別于之前的主題,那么以前上傳過的縮略圖大小還是保持原來的大小,而新的縮略圖將定義于新的設(shè)定。
不過這里推薦一個插件Regenerate Thumbnails,將幫助你調(diào)整縮略圖大小。
網(wǎng)站名稱:wordpress看大圖 wordpress打不開圖
路徑分享:http://jinyejixie.com/article24/ddcosce.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、云服務(wù)器、靜態(tài)網(wǎng)站、外貿(mào)建站、域名注冊、自適應(yīng)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)