特色影象(也稱為文章縮圖),大多數主題都提供WordPress這個功能點。
它們是部落格文章的主要影象,一般顯示在主頁、列表頁和作為社交分享的圖片。幾乎所有流行的WordPress主題都內建了對特色影象的支援。
在本教程中,我們將介紹如何在WordPress中新增特色影象或文章縮圖。
WordPress特色影象入門指南
特色影象是WordPress主題功能。幾乎所有WordPress主題都內建了對特色影象的支援,並可以在WordPress網站的不同區域顯示。
對於人類來說,視覺元素比純文字更具吸引力。特色影象可使部落格頁面更具吸引力。
它們還幫助您建立使用者參與度並增加頁面瀏覽量。搜尋引擎和社交媒體網站也可以使用這些影象,並將其顯示在搜尋結果和社交媒體新聞資訊流中。
大多數特色影象用於部落格文章,但您也可以為頁面和自定義文章型別設定特色影象。
注意:特色影象與封面圖片不同。封面圖片一般用於文章開頭,並且圖片尺寸相對會大不少。
下面讓我們直入主題,一起看看如何在WordPress中新增特色影象。
新增文章縮圖或特色影象
要在WordPress文章中新增特色影象,只需編輯或建立新的文章即可。
在古騰堡內容編輯器中,您會在右列中找到“特色影象”標籤。
點選“設定特色影象”區域,這將彈出WordPress媒體上傳彈出視窗。
在這裡,您可以從計算機上傳影象,也可以使用媒體庫中的現有影象。選擇影象後,點選右下角的“設定特色影象”按鈕。
WordPress現在將在右列中顯示特色影象的預覽。但是,實際的特色影象會根據您的WordPress主題而有所不同。
釋出文章即可檢視特色影象在網站上的顯示方式。
根據主題開發人員定義的設定,特色影象所顯示位置不盡相同。
如何查詢下載特色影象?
現在,大多數初學者遇到的下一個大問題是在哪裡可以找到用作特色影象的高質量圖片?
當然我們可以通過Google圖片或者百度圖片搜尋並使用網際網路上的任何圖片。但這些影象可能受版權法保護,未經適當許可而使用它們可能會造成法律麻煩。
並且搜尋引擎很難搜尋到更高質量的圖片資源。
我們更推薦使用以下圖片網站查詢搜尋:
- Shutterstock – 該網站提供一些免費的影象,當然加入付費計劃可以獲得更多高質量的照片,插畫,繪圖,視訊等。
- Unsplash – 非常受歡迎的高清照片資源網站,且支援在網站和其他專案上使用高解析度影象。
- Negative Space – 無版權影象網站。
- New Old Stock – 來自公共檔案館的老式照片集。
注意:所有這些來源均提供高解析度影象,這意味著它們的檔案大小和尺寸很大。您需要先基於網站優化影象,然後再將其用作特色影象。除上述推薦的相簿網,你還可以檢視更多圖片資源網站。
特色影象由您的WordPress主題處理。為了更改主題顯示特色影象的方式,您需要一些基本的CSS或WordPress編碼技能。或者為圖片增加滑鼠懸停效果。
WordPress特色圖片功能主題開發指南
特色影象是幾乎所有WordPress主題都支援的流行功能。在極少數情況下,您可能會遇到不支援特色影象的主題,或者你可能不喜歡這樣的特色影象處理方式。
在這種情況下,您可以為主題新增特色影象支援或更改其顯示方式。
如果您在編輯WordPress主題檔案和自定義CSS的方法,自己動手豐衣足食。
如果您的主題不支援特色影象,那麼在內容編輯器中將看不到新增特色影象的選項。
要在WordPress主題中新增特色影象支援,您需要在主題的functions.php檔案中新增以下程式碼行:
add_theme_support( 'post-thumbnails' );
此程式碼將為文章和頁面啟用特色影象支援。現在,您可以轉到文章或頁面區塊編輯器,然後您將看到“特色影象”選項已啟用。
但是,當您設定特色影象時,它不會自動顯示在WordPress主題中。要在主題中顯示特色影象,您需要編輯模板並在要顯示特色影象的位置新增以下程式碼行:
<?php the_post_thumbnail(); ?>
新增上述程式碼的檔案將根據您的主題而有所不同。您可能需要反覆嘗試將程式碼新增到不同的位置來除錯效果。
上面的程式碼是您需要新增特色影象支援並在主題中顯示特色影象的基本功能。要為上傳的特色影象設定圖片大小,需將下列程式碼行新增到functions.php
檔案中。
set_post_thumbnail_size( 50, 50);
set_post_thumbnail_size的引數按以下順序排列:寬度,高度。
您還可以設定其他影象大小以與the_post_thumbnail()函式一起使用。例如:
// Image size for single posts add_image_size( 'single-post-thumbnail', 590, 180 );
在此示例中,我們新增了一個新的影象大小,稱為single-post-thumbnail,高度為590px,高度為180px。
要在主題中使用此影象大小,我們仍然需要將其新增到適當的主題檔案中。
如果您以前上傳過特色影象,但它們仍以其他尺寸顯示,那麼您需要為較早的文章重新生成縮圖和圖片尺寸。
以下是具有特定影象尺寸的特色影象功能的示例。
<?php the_post_thumbnail( 'single-post-thumbnail' ); ?>
這是完整功能的細分版本。特色影象還可以做很多其他事情。
有關WordPress特色影象的常見問題
作為初學者,在部落格上使用特色影象時,您可能會遇到問題。以下是有關特色影象的一些最常見問題。
1.為什麼文章出現特色圖片兩次?
有時,初學者新增特色影象,然後在文章編輯器的內容部分中新增相同的圖片。
您所要做的就是從內容區域中刪除影象,並且僅使用“特色影象”框新增特色影象。
2.封面圖片和特色影象有什麼區別?
封面圖片用於文章或頁面的內容區域。它們通常用於分隔較長頁面或文章的不同部分。
特色影象是文章的代表性圖片。它確實出現在內容之前或旁邊,但可能沒有出現在實際文章中。
3.如何在最近的部落格文章旁邊顯示特色影象?
WordPress區塊編輯器帶有“最新文章”區塊,可讓您顯示帶有文章縮圖的最新文章。
您也可以使用“最近釋出的文章”小工具在側邊欄小元件中顯示帶有縮圖的最新發布的文章。
4.如何提醒作者在WordPress中新增特色影象?
特色影象顯眼地顯示在您的主頁,部落格頁面和其他存檔頁面上。
如果您或部落格上的另一位作者忘記設定特色影象並發表了該文章,則該文章將不帶有特色影象。這不利於使用者體驗。
您可以安裝並啟用Require Featured Image外掛,當任何人嘗試釋出沒有特色影象的文章時,該外掛都會自動提示。
我們希望本教程能夠幫助您加深對WordPress特色影象的瞭解,及學習如何在WordPress中新增特色影象或縮圖。enjoy!
評論留言