大概就下面這種情況:
成都服務(wù)器托管,創(chuàng)新互聯(lián)公司提供包括服務(wù)器租用、成都移動(dòng)機(jī)房、帶寬租用、云主機(jī)、機(jī)柜租用、主機(jī)租用托管、CDN網(wǎng)站加速、申請(qǐ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; ?
這個(gè)不需要插件。
使用css就能實(shí)現(xiàn)。
將你要顯示的文字使用一個(gè)div放進(jìn)去
把這個(gè)div的顯示(visible)屬性默認(rèn)為隱藏(hidden)
利用css的hover屬性
當(dāng)鼠標(biāo)移動(dòng)到圖片上時(shí)
把之前被隱藏的div顯示出來就行了
具體的div的位置,背景顏色,字體什么的,都可以通過css來控制。
首先,看 functions.php 里有沒有截圖函數(shù);
其次,后臺(tái)-設(shè)置-多媒體--全部改成 0 ;
然后,看一下主題的調(diào)用圖片函數(shù);
應(yīng)該可以了。。。
我想大部分人都很清楚WordPress 2.9版本開始,就增加了Featured Image這個(gè)功能。而且這樣的功能多用于雜志式的主題,從里一個(gè)角度來說,用縮略圖的形式比摘要輸出形式更能體現(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è)定你的縮略圖大小,在保證圖像不扭曲的情況下,圖片的寬度或者高度會(huì)被自動(dòng)按比例調(diào)整到最合適的大小,比如100×50像素的圖 像,在一個(gè)固定為50×50像素大小的顯示框下,會(huì)調(diào)整到50×25像素大小。這樣的好處是能顯示全部的圖像。不過你可以發(fā)現(xiàn),很多時(shí)候,縮略圖的大小未 必能完全合適整個(gè)顯示框的大小。比如剛剛的例子,至少還有一半的空間是空余的。因此,你可以自由設(shè)定顯示框里縮略圖的大小,比如單獨(dú)限定高度或者寬度大 小。不過,這樣設(shè)置,縮略圖可能會(huì)扭曲或者只顯示一部分。
一下這個(gè)定義語句表示現(xiàn)實(shí)框的大小為50X50像素,縮略圖按比例自動(dòng)調(diào)整。
set_post_thumbnail_size( 50, 50 );
再來看看下面這個(gè)定義語句。它表示縮略圖會(huì)被自動(dòng)截圖成為大小為50X50像素。但是缺點(diǎn)很明顯,它只是從坐標(biāo)0,0開始截圖,對(duì)于大圖來說,它只是顯示圖片的冰山一角。
set_post_thumbnail_size( 50, 50, true );
現(xiàn)在,你可以開始講這些定義語句添加在你的主題里,通常都被用在循環(huán)(the loop)定義里。
has_post_thumbnail() 將定義是否在當(dāng)前日志里顯示被手動(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è)計(jì))(in the loop) :
?php the_post_thumbnail(); ?
在single.php (in the loop) :
?php the_post_thumbnail('single-post-thumbnail'); ?
希望你能看得明白以上的設(shè)置。
原理是,set_post_thumbnail_size () 對(duì)應(yīng) add_image_size ('post-thumbnail') 一起工作。同時(shí),當(dāng)你添加更多的設(shè)定到里面,比如add_image_size( $handle, $width, $height, {$hard_crop_switch} ); 然后the_post_thumbnail( $handle );就會(huì)開始工作,處理并按照你定義的縮略圖樣式。
當(dāng)然,如果你要你的主題支持更早的WordPress版本,你必須得用function_exisit ()(以上的例子里并沒有使用function_exisit (),為的是盡量讓定義簡(jiǎn)單易用。):
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
}
不過需要明白的是,這個(gè)功能只針對(duì)新上傳的圖片。假如你之前使用過帶有縮略圖顯示功能的主題,并且新的主題對(duì)縮略圖的大小設(shè)定有別于之前的主題,那么以前上傳過的縮略圖大小還是保持原來的大小,而新的縮略圖將定義于新的設(shè)定。
不過這里推薦一個(gè)插件Regenerate Thumbnails,將幫助你調(diào)整縮略圖大小。