修改WordPress中的特色圖片大小
特色圖片是您可以添加到部落格文章中的最重要的圖片之一。特色圖片之所以如此重要,是因為它在 WordPress 中的使用方式。
當人們偶然發現在社群媒體上分享的您網站的連結時,他們首先看到的就是特色圖片和貼文標題。這意味著您的特色圖片會影響人們是否會從社群媒體點擊查看您的貼文。
這些圖像還可以提供另一個重要功能,具體取決於您在網站上安裝的主題。它們可以顯示在您網站上連結到文章的所有位置。例如,假設您有一個側邊欄,顯示閱讀量最高的五篇文章。您將能夠在側邊欄中顯示您的貼文標題以及相應的特色圖片。
#這可以使網站在視覺上更具吸引力,並可能提高這些文章的點擊率。
有些主題也會在文章正文中顯示特色圖像,大部分直接位於貼文標題下方。此處顯示的特色圖像變體通常具有所有圖像中最大的尺寸。
為什麼應該更改 WordPress 中的特色圖片尺寸?
當您將圖像上傳到媒體庫時,WordPress 會自動為其產生縮圖。目前,WordPress 預設產生四種不同尺寸的影像。
這些正確命名的尺寸是:縮圖 (150 像素)、中 (300 像素)、中大 (768 像素) 和大 (1024 像素)。
5.3 版本中新增了另外兩個寬度為 1536px 和 2048px 的變體。預設情況下,無法透過 WordPress 管理儀表板存取它們。某些主題還可以定義特色圖像的特定尺寸。例如,WordPress Twenty TwentyOne 主題創建一個 1568px 寬的變體,顯示在貼文標題的頂部。
WordPress 將為您上傳到網站的任何精選圖像產生所有這些變體。
根據您使用的主題,其中一些生成的圖像可能太大。例如,我貼文中的特色圖片僅以 1250px 的寬度顯示。然而,當我訪問該帖子時,WordPress 仍然加載了 1568px 寬的圖像。
#較大的圖像意味著較大的檔案大小,這對您和您的訪客來說都是資源浪費。當您僅以最大寬度 1250 像素顯示特色影像時,無需產生 1568 像素寬的特色影像。
更改特色圖片大小將節省儲存空間,並使訪客更快載入頁面。雙贏!
更改 WordPress 中的特色圖片大小
如果您不使用任何插件,WordPress 只會在設定 > Media 下向您顯示三種不同的圖片尺寸。它們是縮圖、中和大。如果您只想更改這三個值,則無需安裝額外的插件即可實現。
#更改其他圖像變體的尺寸將需要您更改主題檔案或使用外掛程式。我將向您展示如何使用名為 Simple Image Sizes 的插件來做到這一點。安裝並啟用外掛程式後,您將看到設定 > Media 頁面如下圖所示。
#您現在可以簡單地為不同的影像變體指定自己的尺寸。將寬度和高度設為零,以防止 WordPress 產生任何該尺寸的圖片。例如,我將 1536px 和 2048px 變體的寬度和高度設為 0。
#指定您自己的尺寸後,您可以點擊儲存變更按鈕。以後上傳到媒體庫的任何內容都將根據您設定的大小產生變體。
您現在應該做的最後一件事是重新生成舊圖像的修改後的變體。只需點擊重新產生縮圖,外掛程式就會為您完成此操作。
#最終想法
在本教學中,我們簡要討論了 WordPress 中特色圖片的幾個重要面向。我希望這可以幫助您了解特色圖片的用途以及如何在 WordPress 中更改特色圖片的大小。
我還想提一下的是,您不應該為圖像大小輸入任意值。找出您網站上顯示圖像的最常見尺寸,然後相應地更改這些設定。
以上是修改WordPress中的特色圖片大小的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undress AI Tool
免費脫衣圖片

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

有四種方法可以調整 WordPress 文章列表:使用主題選項、使用插件(如 Post Types Order、WP Post List、Boxy Stuff)、使用代碼(在 functions.php 文件中添加設置)或直接修改 WordPress 數據庫。

Web開發設計是一個充滿潛力的職業領域。然而,這個行業也面臨著諸多挑戰。隨著越來越多的企業和品牌轉向網絡市場,Web開發者有機會展示他們的技能並在職業生涯中取得成功。然而,隨著對Web開發需求的持續增長,開發人員的數量也在增加,導致競爭日益激烈。但令人振奮的是,如果你具備天賦和意願,你總能找到新方法來創造獨特的設計和創意。作為一名Web開發人員,你可能需要不斷尋找新的工具和資源。這些新工具和資源不僅能讓你的工作更加便捷,還能提升工作質量,從而幫助你贏得更多的業務和客戶。 Web開發的趨勢不斷變化,

導入 WordPress 源碼需要以下步驟:創建子主題以進行主題修改。導入源碼,覆蓋子主題中的文件。激活子主題,使其生效。測試更改,確保一切正常。

要使用 WordPress 主機建站,需要:選擇一個可靠的主機提供商。購買一個域名。設置 WordPress 主機帳戶。選擇一個主題。添加頁面和文章。安裝插件。自定義您的網站。發布您的網站。

您想將您的網站連接到Yandex網站管理員工具嗎? Google搜索控制台、Bing和Yandex等網站管理員工具可幫助您優化網站、監控流量、管理robots.txt、檢查網站錯誤等。在本文中,我們將分享如何在Yandex網站管理員工具中添加您的WordPress網站來監控您的搜索引擎流量。什麼是Yandex? Yandex是一個位於俄羅斯的流行搜索引擎,類似於Google和Bing。您可以在Yandex中優

您想了解如何在WordPress網站上使用cookie嗎? Cookie是在用戶瀏覽器中存儲臨時信息的有用工具。您可以使用此信息通過個性化和行為定位來增強用戶體驗。在本終極指南中,我們將向您展示如何像專業人士一樣設置、獲取和刪除WordPresscookie。注意:這是一個高級教程。它要求您精通HTML、CSS、WordPress網站和PHP。什麼是Cookie? Cookie是用戶訪問網站時創建並存儲在用戶瀏覽

您需要修復WordPress中的HTTP圖片上傳錯誤嗎?當您在WordPress中創建內容時,此錯誤可能會特別令人沮喪。當您使用內置WordPress媒體庫將圖像或其他文件上傳到CMS時,通常會發生這種情況。在本文中,我們將向您展示如何輕鬆修復WordPress中的HTTP圖片上傳錯誤。 WordPress媒體上傳過程中出現HTTP錯誤的原因是什麼?當您嘗試使用WordPress媒體上傳器將文件上傳到Wo

要在 WordPress 上創建賬號,只需訪問其網站,選擇註冊選項,填寫註冊表,並驗證您的電子郵件地址。其他註冊方法包括使用 Google 賬號或 Apple ID。註冊的好處包括創建網站、獲得功能、加入社區和獲得支持。
