在您的wordpress網(wǎng)站中包含視覺元素是吸引訪問者注意力的好方法。此外，與綜合文章搭配時，良好的視覺元素可以顯著提升內(nèi)容的信息價值。

幸運的是，WordPress具有多種功能，可以將視覺效果整合到網(wǎng)站中，例如包括特色圖像。

本教程將涵蓋您需要了解的有關(guān)特色圖片的所有信息——它們是什么，為什么要使用它們，以及如何在您的網(wǎng)站上啟用它們。我們還將介紹一些插件來優(yōu)化特色圖像。

• 什么是特色圖片？
• 為什么使用特色圖片？
• 在您的WordPress網(wǎng)站上啟用特色圖片
  • 如何將特色圖片添加到文章中
  • 設(shè)置WordPress特色圖片大小
  • 在WordPress中設(shè)置自動特色圖像
  • 為您的文章和頁面添加縮略圖預覽編輯列表
• 什么是Header圖片？
• 優(yōu)化您的特色圖片

什么是特色圖片？

WordPress特色圖片，也稱為文章縮略圖，可以代表您的文章、頁面或自定義文章類型。

從您網(wǎng)站的存檔或主頁查看時，此類圖像通常會伴隨您的文章。當您的文章在其他平臺上共享時，它也將可見。

但是，它們的位置取決于您選擇的wordpress主題。一些主題在標題上方或下方顯示圖像，而其他主題會自動將其放置在文章的右側(cè)或左側(cè)。

特色圖像也可能與最近或流行的出版物一起出現(xiàn)在小工具區(qū)域上。

為什么使用特色圖片？

精選圖片既可以極大地增強您網(wǎng)站的外觀，又可以為原本平淡無奇的文章或博客文章提供引人入勝的視覺效果。圖像有助于向讀者傳達想法，幫助他們更好地理解內(nèi)容。

始終如一地使用特色圖片不僅可以幫助您定義網(wǎng)站的視覺風格，而且還可以增加您的訪問量——研究表明，包含圖片的文章比不包含圖片的文章產(chǎn)生的瀏覽量高出94%。

更重要的是，在圖片的標題和替代文本中加入關(guān)鍵字可以提升您的WordPress網(wǎng)站的SEO。

在您的WordPress網(wǎng)站上啟用特色圖片

通常，大多數(shù) WordPress 主題都支持“設(shè)置特色圖片”選項。然而，情況并非總是如此。

您可以通過使用主題開發(fā)人員方法并將以下代碼插入主題的functions.php文件來快速解決此問題。

add_theme_support( 'post-thumbnails' );

完成后，在創(chuàng)建或編輯博客文章時應(yīng)該可以使用 WordPress 特色圖片設(shè)置。

請記住，“發(fā)布縮略圖”功能不會自動讓您的主題顯示或分配圖像。它僅在您網(wǎng)站的文章編輯器中啟用該選項。

要顯示圖像，您需要將下面的代碼片段添加到您希望顯示視覺效果的模板部分：

需要編輯的特定文件將根據(jù)您的主題而有所不同。

如果您使用寶塔管理服務(wù)器，請按照以下步驟訪問您的主題文件。

1. 訪問寶塔面板的文件菜單。

2. 進入網(wǎng)站的根目錄，/www/wwwroot/www.inpandora.com/wp-content/themes。

3. 此文件夾包含您網(wǎng)站上安裝的所有WordPress主題。選擇當前活動的主題進行編輯。

4. 選擇您的主題的function.php，然后單擊菜單欄上的編輯圖標。這將打開文本編輯器，您可以在其中插入所需的代碼。完成后，單擊“保存”按鈕以保存更改。

您現(xiàn)在應(yīng)該可以在WordPress中使用特色圖片了。作為上述方法的替代方法，您可以安裝可以修復不兼容問題的WordPress插件，例如：

• Dynamic Featured Image
• Quick Featured Images
• Featured Image From URL

如何將特色圖片添加到文章中

要將特色圖片添加到文章中，請導航至文章。點擊寫文章，或選擇現(xiàn)有文章進行編輯。

加載文本編輯器后，單擊屏幕選項并確保選中特色圖像。

特色圖片選項通常位于側(cè)邊欄的底部。找到后，單擊設(shè)置特色圖片按鈕。

您可以從計算機上傳圖片，也可以從媒體庫中選擇一張。不要忘記添加圖片的替代文字和標題，然后點擊設(shè)置特色圖片。

如果您按照這些步驟操作，您將成功添加WordPress特色圖片。如果要刪除圖像，請單擊刪除特色圖像按鈕。

設(shè)置WordPress特色圖片大小

每當您將圖像上傳到WordPress時，您都會在設(shè)置中找到四種默認圖像尺寸：

• 縮略圖（150像素正方形）
• 中等尺寸（最大300像素的寬高）
• 大尺寸（最大1024像素寬高）
• 全尺寸（原始圖像）

這些選項可用，因此您可以將圖片放置在博客文章的不同部分，而無需手動調(diào)整原始文件的大小。但是，在某些情況下，這些尺寸可能不適合您的需求。

您可以通過訪問WordPress儀表盤來解決此問題。

導航到設(shè)置->媒體。在這里，您將看到每種圖像尺寸的幾種配置。根據(jù)您的需要輸入新尺寸，然后單擊Save Changes。

如果您需要更多尺寸，可以在functions.php文件中使WordPress支持自定義圖像尺寸。

在WordPress中自動設(shè)置特色圖像

當博客文章沒有特色圖片時，您可以對WordPress進行編程以自動將附加圖片顯示為文章縮略圖。

這樣，每當您保存新的博客文章時，它都會檢查是否有特色圖片集。否則，它將檢索找到的第一張圖像并將其顯示為特色圖像。

要實現(xiàn)此功能，只需訪問主題的functions.php文件并添加以下代碼段。

function auto_featured_image() {
 global $post;
if (!has_post_thumbnail($post->ID)) {
 $attached_image = get_children( "post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" );
if ($attached_image) {
foreach ($attached_image as $attachment_id => $attachment) {
set_post_thumbnail($post->ID, $attachment_id);
}
}
}
}
add_action('the_post', 'auto_featured_image');
add_action('save_post', 'auto_featured_image');
add_action('draft_to_publish', 'auto_featured_image');
add_action('new_to_publish', 'auto_featured_image');
add_action('pending_to_publish', 'auto_featured_image');
add_action('future_to_publish', 'auto_featured_image');

但是，如果您在文章中不包含任何圖片，此功能將不會顯示任何通知，并且會簡單地發(fā)布它而不包含任何圖片。為防止這種情況發(fā)生，請確保至少包含一張圖片。

或者，您可以使用以下功能在未設(shè)置特色圖像時顯示彈出錯誤消息。

add_filter( 'wp_insert_post_data', function ( $data, $postarr ) {
$post_id       = $postarr['ID'];
$post_status     = $data['post_status'];
$original_post_status = $postarr['original_post_status'];
if ( $post_id && 'publish' === $post_status && 'publish' !== $original_post_status ) {
$post_type = get_post_type( $post_id );
if ( post_type_supports( $post_type, 'thumbnail' ) && ! has_post_thumbnail( $post_id ) ) {
$data['post_status'] = 'draft';
}
}
return $data;
}, 10, 2 );
add_action( 'admin_notices', function () {
$post = get_post();
if ( 'publish' !== get_post_status( $post->ID ) && ! has_post_thumbnail( $post->ID ) ) { ?>






每當作者嘗試發(fā)布沒有特色圖片的文章時，該函數(shù)將觸發(fā)錯誤消息，如下例所示。

如果找到，將出現(xiàn)一條成功消息，并發(fā)布該文章。

為您的文章和頁面添加縮略圖預覽編輯列表
WordPress管理面板允許用戶管理作者、類別和日期等內(nèi)容屬性。
但是，默認界面不包括特色圖片。這意味著您必須手動打開每個文章以檢查文章是否具有圖像集。

下面的功能將在管理面板上顯示特色圖像，讓您更輕松地更有效地管理您的內(nèi)容。
只需將代碼復制并粘貼到您的主題函數(shù)文件并保存更改即可。
if ( !function_exists('AddThumbColumn') && function_exists('add_theme_support') ) {
add_theme_support('post-thumbnails', array( 'post', 'page' ) );
function AddThumbColumn($cols) {
$cols['thumbnail'] = __('Thumbnail');
return $cols;
}
function AddThumbValue($column_name, $post_id) {
$width = (int) 50;
$height = (int) 50;
if ( 'thumbnail' == $column_name ) {
$thumbnail_id = get_post_meta( $post_id, '_thumbnail_id', true );
$attachments = get_children( array('post_parent' => $post_id, 'post_type' => 'attachment', 'post_mime_type' => 'image') );
if ($thumbnail_id)
$thumb = wp_get_attachment_image( $thumbnail_id, array($width, $height), true );
elseif ($attachments) {
foreach ( $attachments as $attachment_id => $attachment ) {
$thumb = wp_get_attachment_image( $attachment_id, array($width, $height), true );
}
}
if ( isset($thumb) && $thumb ) {
echo $thumb;
} else {
echo __('None');
}
}
}
add_filter( 'manage_posts_columns', 'AddThumbColumn' );
add_action( 'manage_posts_custom_column', 'AddThumbValue', 10, 2 );
add_filter( 'manage_pages_columns', 'AddThumbColumn' );
add_action( 'manage_pages_custom_column', 'AddThumbValue', 10, 2 );
}
要更改縮略圖圖像的大小，請根據(jù)自己的喜好編輯$width和$height值。
現(xiàn)在，刷新管理面板。它應(yīng)該在屏幕右側(cè)顯示特色圖像。

什么是Header圖片？
古騰堡編輯器帶來的新WordPress功能之一是封面區(qū)塊。正如其名，此功能允許您添加封面圖像或標題圖像。
與 WordPress 特色圖片不同，標題圖片僅出現(xiàn)在用作文章封面和部分分隔符的文章和頁面上。然而，這兩個元素有一個相似之處——不是每個 WordPress 主題都支持它們。
要將標題圖像添加到您的WordPress文章，請轉(zhuǎn)到您的WordPress儀表盤，然后將菜單導航到文章-> 寫文章。
將鼠標懸停在編輯器主體上，然后單擊+按鈕。然后，從媒體選項卡中選擇封面。

從那里，您可以從媒體庫中選擇一張圖片，或者通過單擊上傳按鈕上傳一張新圖片。使用工具欄向標題圖像添加和修改文本，如下例所示。

優(yōu)化您的特色圖片
請記住，較大的圖像尺寸也會使網(wǎng)站加載速度變慢，從而導致用戶體驗不佳。
因此，圖像優(yōu)化是至關(guān)重要的一步。優(yōu)化圖像可以減小文件大小，進而提高頁面加載時間。
優(yōu)化特色圖像的最簡單方法是安裝圖像優(yōu)化插件——它們會自動壓縮圖像大小并保持高質(zhì)量。
以下是一些可用于您的網(wǎng)站的最佳圖像優(yōu)化器插件：

ShortPixel Image Optimizer?–使用有損和無損圖像壓縮來優(yōu)化任何類型的文件，例如.PNG、?.JPG和.GIF。
Imagify?–提供三種不同級別的壓縮——正常、激進和超強。
WP Smush?–掃描您網(wǎng)站和媒體庫中的圖像，一次最多可以壓縮 50 個文件。
Optimole?–提供延遲加載并通過CDN（內(nèi)容交付網(wǎng)絡(luò)）提供圖像。

小結(jié)
通過充分利用特色圖片，您可以吸引訪問者的注意力，提供更多信息內(nèi)容，并堅持最佳SEO實踐。
為幫助您實現(xiàn)這一目標，WordPress包含多種功能和自定義選項，以及許多激活WordPress特色圖像功能的替代方法。
在標題圖像的幫助下，用戶可以介紹和拆分他們的內(nèi)容以獲得更好的用戶體驗。為了實現(xiàn)一致的視覺風格，特色圖像及其縮略圖的大小也可以自由配置。
如果您想優(yōu)化圖像，請考慮安裝為該任務(wù)設(shè)計的眾多插件之一，或自行調(diào)整設(shè)置。請記住在您的特色圖片的替代文本中包含關(guān)鍵字，因為這將帶來更好的SEO。
我們希望本指南能幫助您更多地了解WordPress特色圖片及其對您網(wǎng)站的重要性。