導航:首頁 > 文件教程 > wordpress文章列表縮略圖

wordpress文章列表縮略圖

發布時間:2023-01-12 14:12:56

wordPress主題如何設置縮略圖

WordPress主題
設置
縮略圖
方法如下:
1、需要在主題functions.php裡面加一段代碼

2、單擊作為特色圖內像,這樣就可以將這容個圖片作為特色圖片顯示了

3、做好之後就要對它進行調用然後在前台顯示出來,代碼是:

4、通過以上操作縮略圖就可以顯示了

⑵ 如何為 WordPress 老文章自動添加特色圖像(縮略圖)

如果你的新主題是使用WordPress 3.0 以後的特色圖像功能來設置縮略圖的,發布新文章時,你可以手動選擇特色圖像,但是如果老文章沒有設置過特色圖像,你應該不情願重新編輯老文章選擇特色圖像吧,那你可以使用 Easy Add Thumbnail 插件,來為你的老文章自動添加特色圖像。Easy Add Thumbnail 簡介Easy Add Thumbnail 是一個為 WordPress 文章添加特色圖像作為縮略圖的插件,在倡萌看來,它的最大用處在於:自動為你的老文章添加特色圖像作為縮略圖。實現方式:當有人在網站前台訪問了你的老文章,而老文章沒有設置過特色圖像,那麼它就會自動將這篇文章的第一張圖片設置為特色圖像(只執行一次)。當然,對於新文章,你可以手動設置特色圖像,如果不設置,就被當做老文章一樣處理了。使用前提:①主題必須是使用特色圖像功能來設置縮略圖;②老文章的圖片必須在媒體庫(後台 - 多媒體 - 媒體庫)中有記錄,如果是外鏈圖片,在媒體庫中沒有記錄,或者文章沒有圖片,那這個插件就無法正常為你工作。Easy Add Thumbnail 下載安裝可以直接在後台插件安裝頁面搜索 Easy Add Thumbnail 在線安裝,或者在此下載 Easy Add Thumbnail。直接啟用即可,沒有任何設置頁面。

⑶ wordpress的thumbnail文章列表縮略圖函數如何設定

注意catch_image()這個函數,你使用了非wp自由函數,這個還需要你自己看看主題的說明了。

⑷ WordPress文章微信分享顯示縮略圖和摘要

WordPress文章微信分享顯示縮略圖和摘要

WordPress文章直接轉發到微信或者朋友圈是不顯示特色圖片和摘要的,就像下面這樣。

沒有縮略圖,沒有摘要,標題後面還帶有博客名稱,如何解決這三個問題呢,我們需要以下兩個插件:

WPJAM BASIC

Bosima WeChat Page Sharing 

通過設置以後可以達到以下效果

WPJAM BASIC 是水煮魚大神做的WordPress神插件,屬於WordPress網站必備插件,其他插件可以沒有,這個插件是我必裝的!具體的功能可以去 水煮魚博客 查看。

Bosima WeChat Page Sharing 是一個基於WordPress的微信分享插件,可以控制在微信中分享時的圖標、標題、描述和Url。

首先安裝兩個插件,激活。

打開WPJAM插件,一般默認設置即可,此時我們需要設置一下SEO功能,依次點擊WPJAM-擴展管理-勾選SEO擴展,具體設置可以參考: 關於 WordPress SEO,你只要這兩個功能就夠了 。

下面設置微信分享插件,這個也有詳細的教程,可以參考這篇文章:https://github.com/bosima/wechat-page-sharing

需要注意的是,你需要有一個微信公眾號,或者使用其他人的微信公眾號,在後台添加IP白名單和JS介面安全域名,保證博客和微信鏈接。具體操作,上面的鏈接有詳細的介紹。

兩個插件設置完畢後,你的文章基本就可以分享到微信顯示縮略圖和摘要了。

如果你想要文章在微信顯示置頂的縮略圖和摘要,需要在文章下面進行SEO設置,如下圖。

標題是文章分享到微信後現實的標題,描述就是你設置的摘要,縮略圖是你設置的特色圖片, 這里要注意:如果標題為空,文章分享到微信後,顯示的標題後有自己的博客名字。

通過上面的設置,就可以完美實現WordPress文章分享到微信顯示特色圖片和摘要了!

本文原文鏈接: WordPress文章微信分享顯示縮略圖和摘要

⑸ wordpress怎樣調用文章縮略圖

第一步:在主題模板的function.php里添加下面的函數,代碼如下:

//截取內容中第一張圖片函數 
function catch_that_image() { 
global $post, $posts; 
ob_start(); 
ob_end_clean(); 
preg_match('/<imgs[^回<>]*?src=['"]([^'"<>]+?)['"][^<>]*?>/i', $post->post_content, $matche); 
if($matche[1]) 
return $matche[1]; 
//否則取默認圖片 
return 'default.gif'; 
}

第二步答:在wordpress需要調用縮略圖的地方直接用這個函數調用,如下面例子,代碼如下:

<img src="<?php echo catch_that_image(); ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" width="200px" height="200px" />

⑹ 如何開啟WordPress縮略圖

一、開啟縮略功能

在主題的functions.php中,添加一段代碼,代碼如下:

add_theme_support( 'post-thumbnails' );

如果你僅想讓文章信息開啟縮略圖功能,則使用以下代碼:

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

如果你僅想讓頁面信息開啟縮略圖功能,則使用以下代碼:

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

二、設置縮略圖大小

三、編輯文章,上傳縮略圖

上傳的圖片將保持在/wp-content/uploads

四、調用縮略圖

判斷一篇文章是否存在縮略圖,如果有,則顯示縮略圖,否則顯示默認縮略圖。

<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail( 'thumbnail' ); ?>
<?php else: ?>
//顯示默認圖片
<?php endif; ?>

the_post_thumbnail可以是字元串或數組

a.字元串參數時:thumbnail(小尺寸)、medium(中等尺寸)、large(大尺寸)、full(完整尺寸)

<?php the_post_thumbnail( 'thumbnail' ); ?>

b.數組參數

//尺寸60x60
<?php the_post_thumbnail( array(60,60) ); ?>

c.默認尺寸:

<?php the_post_thumbnail(); ?>

五、add_image_size

如果大中小滿足不了你的尺寸可使用

add_image_size('newchicun',148,100,$crop);

使用時:

<?php the_post_thumbnail('newchicun' ); ?>

閱讀全文

與wordpress文章列表縮略圖相關的資料

熱點內容
電腦沒聯網怎麼拷貝文件 瀏覽:224
wps工具欄怎麼換成中文 瀏覽:338
win7和xp共享文件 瀏覽:883
蘋果4代音量鍵沒反應 瀏覽:827
怎樣打開tif文件 瀏覽:153
java下載文件zip 瀏覽:440
qq瀏覽器壓縮文件怎麼設密碼 瀏覽:526
黃埔數控編程哪裡好 瀏覽:406
mac109升級1010 瀏覽:691
在java的菜單如何導入文件 瀏覽:982
現在什麼網站銷量最高 瀏覽:760
angularjsclass定義 瀏覽:157
ug數控編程怎麼導出程序 瀏覽:466
cmdb文件 瀏覽:710
鵯文件夾 瀏覽:763
網路輿情應對的基本理念是什麼 瀏覽:433
word2007層次結構 瀏覽:456
去掉文件名的數字 瀏覽:713
word公司 瀏覽:710
淘寶店數據包怎麼上傳 瀏覽:341

友情鏈接