wordpress看大圖 wordpress打不開圖

誰(shuí)能幫我改一下WordPress首頁(yè)的代碼,讓其實(shí)現(xiàn)第一篇文章為頭條大圖,其余為小圖

大概就下面這種情況:

成都服務(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; ?

wordpress有什么插件可以實(shí)現(xiàn)鼠標(biāo)放在圖片上自動(dòng)顯示大圖

這個(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顯示出來(lái)就行了

具體的div的位置,背景顏色,字體什么的,都可以通過(guò)css來(lái)控制。

我想要wordpress模板中的HOME顯示整屏大圖(注原圖為:800*600),但上傳的圖就是自動(dòng)變小。請(qǐng)問如何調(diào)整?

首先,看 functions.php 里有沒有截圖函數(shù);

其次,后臺(tái)-設(shè)置-多媒體--全部改成 0 ;

然后,看一下主題的調(diào)用圖片函數(shù);

應(yīng)該可以了。。。

如何在WordPress里使用Featured Image功能

我想大部分人都很清楚WordPress 2.9版本開始,就增加了Featured Image這個(gè)功能。而且這樣的功能多用于雜志式的主題,從里一個(gè)角度來(lái)說(shuō),用縮略圖的形式比摘要輸出形式更能體現(xiàn)網(wǎng)站的可讀性!這里就介紹下如何為你的 WordPress主題添加Featured Image功能。

首先,看一看你的主題包,在functions.php文件里必須有下面的語(yǔ)句才能開啟單篇日志以及頁(yè)面里的Featured Image功能。

add_theme_support( 'post-thumbnails' );

當(dāng)然,如果你只希望在單篇日志里開啟這樣的功能,只要加入

add_theme_support( 'post-thumbnails', array( 'post' ) );

頁(yè)面功能同理:

add_theme_support( 'post-thumbnails', array( 'page' ) );

之后,你就需要設(shè)定你的縮略圖大小,在保證圖像不扭曲的情況下,圖片的寬度或者高度會(huì)被自動(dòng)按比例調(diào)整到最合適的大小,比如100×50像素的圖 像,在一個(gè)固定為50×50像素大小的顯示框下,會(huì)調(diào)整到50×25像素大小。這樣的好處是能顯示全部的圖像。不過(guò)你可以發(fā)現(xiàn),很多時(shí)候,縮略圖的大小未 必能完全合適整個(gè)顯示框的大小。比如剛剛的例子,至少還有一半的空間是空余的。因此,你可以自由設(shè)定顯示框里縮略圖的大小,比如單獨(dú)限定高度或者寬度大 小。不過(guò),這樣設(shè)置,縮略圖可能會(huì)扭曲或者只顯示一部分。

一下這個(gè)定義語(yǔ)句表示現(xiàn)實(shí)框的大小為50X50像素,縮略圖按比例自動(dòng)調(diào)整。

set_post_thumbnail_size( 50, 50 );

再來(lái)看看下面這個(gè)定義語(yǔ)句。它表示縮略圖會(huì)被自動(dòng)截圖成為大小為50X50像素。但是缺點(diǎn)很明顯,它只是從坐標(biāo)0,0開始截圖,對(duì)于大圖來(lái)說(shuō),它只是顯示圖片的冰山一角。

set_post_thumbnail_size( 50, 50, true );

現(xiàn)在,你可以開始講這些定義語(yǔ)句添加在你的主題里,通常都被用在循環(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è),如果你要在首頁(yè)顯示比較小的縮略圖(比如50×50像素),但是在單獨(dú)日志頁(yè)面顯示比較大的縮略圖(比如寬度限定在400像素),你可以完全自定義。

在functions.php里:

add_theme_support( 'post-thumbnails' );

set_post_thumbnail_size( 50, 50, true ); // 非單獨(dú)頁(yè)面的顯示設(shè)置

add_image_size( 'single-post-thumbnail', 400, 9999 ); // 單獨(dú)日志頁(yè)面顯示設(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

}

不過(guò)需要明白的是,這個(gè)功能只針對(duì)新上傳的圖片。假如你之前使用過(guò)帶有縮略圖顯示功能的主題,并且新的主題對(duì)縮略圖的大小設(shè)定有別于之前的主題,那么以前上傳過(guò)的縮略圖大小還是保持原來(lái)的大小,而新的縮略圖將定義于新的設(shè)定。

不過(guò)這里推薦一個(gè)插件Regenerate Thumbnails,將幫助你調(diào)整縮略圖大小。

網(wǎng)站名稱:wordpress看大圖 wordpress打不開圖
路徑分享:http://bm7419.com/article24/ddcosce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、云服務(wù)器靜態(tài)網(wǎng)站、外貿(mào)建站、域名注冊(cè)、自適應(yīng)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化