如何在WordPress中添加精選圖片或發布縮略圖


精選圖片(也稱為發布縮略圖)是大多數主題支持的WordPress著名功能。

它們是您博客文章的主要圖像,它們通常顯示在您的主頁和社交媒體標題旁邊。 所有流行的WordPress主題都內置了對特色圖片的支持。

在本文中,我們將向您展示如何輕鬆地在WordPress中添加特色圖片或發布縮略圖。

在WordPress中添加特色圖片

WordPress特色圖片入門指南

特色圖片是WordPress主題功能。 幾乎所有WordPress主題都內置了對特色圖片的支持,並可以在WordPress網站的不同區域精美地顯示它們。

典型WordPress博客上的特色圖片預覽

作為人類,我們發現視覺元素比純文本更具吸引力。 精選圖片可幫助您使博客頁面更具吸引力。

它們還幫助您建立用戶參與度並增加頁面瀏覽量。 搜索引擎和社交媒體網站也可以使用這些圖像,並將其顯示在搜索結果和社交媒體新聞提要中。

大多數特色圖片用於博客文章,但您也可以為頁面和自定義文章類型設置特色圖片。

注意: 特色圖片與封面圖片不同。 在WordPress中查看封面圖片與特色圖片之間的區別。

話雖如此,讓我們看一下如何輕鬆地在WordPress中添加特色圖片。

在WordPress中添加帖子縮略圖或特色圖片

要在WordPress帖子中添加特色圖片,只需編輯或創建新的博客帖子。

在內容編輯器中,您會在右列中找到“特色圖片”標籤。

帖子編輯屏幕上的特色圖片部分

您需要點擊“設置特色圖片”區域,這將彈出WordPress媒體上傳器彈出窗口。

在這裡,您可以從計算機上載圖像,也可以使用媒體庫中的現有圖像。 選擇圖像後,只需單擊“設置特色圖像”按鈕。

設置特色圖片

WordPress現在將在右列中顯示特色圖片的預覽。 但是,實際的特色圖片會根據您的WordPress主題而有所不同。

現在,您可以保存或發布您的帖子並對其進行預覽,以查看精選圖片在您的實時網站上的顯示方式。

根據主題開發人員定義的設置,您的特色圖片將自動與您的帖子一起顯示。

如何查找和有效使用特色圖片?

現在,大多數初學者遇到的下一個大問題是在哪裡可以找到用作特色圖像的圖像?

您不能只使用Google圖片搜索並使用互聯網上的任何圖片。 這些圖像受版權法保護,未經適當許可使用它們可能會造成法律麻煩。

幸運的是,您可以使用多種資源來查找博客文章的免費圖像。

我們最喜歡的是:

  • Shutterstock –他們有一些免費的圖像,但是真正的價值來自他們的付費計劃,使您可以訪問大量的高質量照片,插圖,繪圖,視頻等。 這就是我們用於WPBeginner網站的內容。
  • Unsplash –一種流行的在線資源,它發布可在您的網站和其他項目上使用的高分辨率圖像。
  • 負空間–組織良好的無版權圖像集合。
  • 新舊庫存–公共檔案中的老式照片集。
  • Unsplash是博主常用的免費圖像資源

    注意:所有這些來源均提供高分辨率圖像,這意味著它們的文件大小和尺寸很大。 您需要先為網絡優化圖像,然後再將其用作特色圖像。

    特色圖片由您的WordPress主題處理。 為了更改主題顯示特色圖像的方式,您需要一些基本的CSS或WordPress編碼技能。

    如果您喜歡編碼,請繼續閱讀以獲取更多提示。

    WordPress主題圖片和主題貼圖主題開發人員指南

    特色圖片是幾乎所有WordPress主題都支持的流行功能。 在極少數情況下,您可能會遇到不支持特色圖片的主題,或者您可能不喜歡它們如何處理特色圖片。

    在這種情況下,您可以為主題添加特色圖像支持或更改其顯示方式。

    如果您舒適地編輯WordPress主題文件並了解一些自定義CSS的方法,那麼您可以自己進行。

    如果您的主題不支持特色圖片,那麼您將不會在內容編輯器中看到添加特色圖片的選項。

    要在WordPress主題中添加特色圖片支持,您需要在主題的functions.php文件中添加以下代碼行:

add_theme_support( 'post-thumbnails' );

此代碼將為帖子和頁面啟用特色圖像支持。 現在,您可以轉到帖子或頁面阻止編輯器,然後您將看到“特色圖片”選項已啟用。

但是,當您設置特色圖片時,它不會自動顯示在WordPress主題中。 要在主題中顯示特色圖像,您需要編輯模板並在要顯示特色圖像的位置添加以下代碼行:


您添加上述代碼的文件將根據您的主題而有所不同。 您將需要在循環後添加代碼。

有關: 請參閱WordPress主題層次結構備忘單,以更好地了解主題的工作原理。

上面的代碼是您需要添加特色圖像支持並在主題中顯示特色圖像的基本功能。 要為上傳的特色圖片設置圖片尺寸,您需要將此代碼行添加到您的 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 );

在此示例中,我們添加了一個新的圖像尺寸 單後縮略圖 高度為590像素,高度為180像素。

要在主題中使用此圖像大小,我們仍然需要將其添加到適當的主題文件中。

有關更多詳細信息,請查看有關在WordPress中添加其他圖像尺寸的指南。

如果您以前上傳過精選圖片,但它們仍以其他尺寸顯示,那麼您需要為較舊的帖子重新生成縮略圖和圖片尺寸。

以下是具有特定圖像尺寸的特色圖像功能的示例。


這是完整功能的細分版本。 特色圖片還可以做很多其他事情。

有關WordPress中特色圖片的常見問題解答

作為初學者,在博客上使用特色圖像時,您可能會遇到問題。 以下只是有關精選圖片的一些最常見問題。

1.為什麼特色圖片在我的帖子中出現兩次?

有時,初學者會添加特色圖片,然後在帖子編輯器的內容部分中添加同一圖片。

您所要做的就是從內容區域中刪除圖像,並且僅使用特色圖片元框添加特色圖片。 有關此主題的更多信息,請參閱有關如何修復在WordPress中出現兩次的特色圖片的文章。

2.封面圖片和特色圖片有什麼區別?

封面圖像用於帖子或頁面的內容區域。 它們通常用於分隔較長頁面或帖子的不同部分。

特色圖片是文章的代表性圖片。 它確實出現在內容之前或旁邊,但沒有出現在實際文章中。

有關此主題的更多信息,請參閱有關WordPress中封面圖像和特色圖像之間區別的指南。

3.如何在最近的博客文章旁邊顯示特色圖片?

WordPress塊編輯器帶有“最新帖子”塊,可讓您顯示帶有帖子縮略圖的最新帖子。

您還可以使用“最近發布的窗口小部件擴展”插件在側邊欄窗口小部件中顯示帶有縮略圖的最新發布。 有關更多詳細信息,請參閱有關如何在WordPress中顯示最新帖子的文章。

4.如何提醒作者在WordPress中添加特色圖片?

精選圖像顯眼地顯示在您的主頁,博客頁面和其他存檔頁面上。

如果您或博客上的另一位作者忘記設置該帖子並發表了該帖子,則該帖子將不帶有特色圖片。 這將看起來很糟糕且不一致,這不利於用戶體驗。

您可以安裝並激活Require Featured Image插件,當任何人嘗試發布沒有特色圖片的帖子時,該插件都會顯示一條通知。

需要特色圖片

有關更多詳細信息,請參閱有關如何在WordPress中要求使用特色圖片的文章。

我們希望本文能幫助您學習如何在WordPress中添加特色圖片或發布縮略圖。 您可能還想查看我們的圖像SEO初學者指南,其中顯示瞭如何為搜索引擎優化WordPress圖像。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。