搜尋
首頁CMS教程&#&按如何將特色圖像縮略圖添加到WordPress主題

WordPress主題添加特色圖片縮略圖指南

您可能在編輯文章或頁面時注意到“特色圖片”框。它允許您上傳或選擇與文章關聯的圖片。在查看文章列表(例如類別索引或搜索結果)時,它通常顯示為縮略圖。主題內必須啟用縮略圖支持。您可以將其添加到插件中,以便所有主題都能使用,但這並非在所有情況下都適用。因此,您需要打開或創建主題文件夾(wp-content/themes/theme-name/)中的“functions.php”文件。

要為所有文章類型添加縮略圖支持,請在打開的<php></php>標記之後添加以下代碼:

add_theme_support('post-thumbnails');

或者,您可以僅為文章啟用縮略圖:

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

或僅為頁面啟用縮略圖:

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

設置縮略圖大小

默認縮略圖大小可以在WordPress的設置>媒體屏幕中設置。但是,您也可以在functions.php中設置默認高度和寬度,例如:

set_post_thumbnail_size(100, 75);

這將生成寬度為100像素,高度為75像素(令人愉悅的4:3比例)的縮略圖。但是,當用戶上傳具有不同縱橫比的圖像(例如100 x 150)時會發生什麼情況?在這種情況下,整個圖像將按比例縮小以適應空間,生成的縮略圖將為50 x 75。或者,您可以通過將“true”作為第三個參數傳遞來定義硬裁剪:

set_post_thumbnail_size(100, 75, true);

這將裁剪圖像以使其匹配縱橫比。生成的縮略圖將始終為100 x 75,但頂部和底部或左側和右側邊緣將被移除。

How to Add Featured Image Thumbnails to Your WordPress Theme

現在,“特色圖片”框應該會出現在您的WordPress文章/頁面編輯屏幕上。如果它不存在,請檢查它是否在“屏幕選項”中啟用,或查看您的functions.php代碼。

使用縮略圖

現在可以在任何WordPress循環中使用三個主要的縮略圖命令。通常,您需要在名為index.php、category.php、archive.php、author.php、taxonomy.php或search.php的文件中使用它們:

  • has_post_thumbnail() 如果已設置縮略圖,則返回“true”
  • the_post_thumbnail() 輸出包含縮略圖<img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174001393669976.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="How to Add Featured Image Thumbnails to Your WordPress Theme ">

    就是這樣。享受將縮略圖支持添加到所有WordPress主題的樂趣。

    (以下為FAQ部分,由於原文FAQ部分沒有圖片,故此處僅保留文字內容)

    關於在WordPress主題中添加特色圖片縮略圖的常見問題解答 (FAQ)

    如何在WordPress中添加多個特色圖片?

    WordPress默認情況下只允許您添加一個特色圖片或文章縮略圖。但是,您可以使用Dynamic Featured Image之類的插件添加多個特色圖片。安裝並激活插件後,您可以從文章編輯屏幕向文章添加多個特色圖片。記住更新您的主題文件以正確顯示這些圖片。

    為什麼我的特色圖片沒有顯示在WordPress中?

    您的特色圖片沒有顯示出來可能有幾個原因。這可能是由於主題或插件衝突、圖像大小不正確,或者您的主題可能不支持特色圖片。嘗試逐個停用您的插件,看看是否有任何插件導致了這個問題。如果這不起作用,請檢查您的主題的functions.php文件,以確保它支持文章縮略圖。

    如何更改特色圖片的大小?

    您可以通過在主題的functions.php文件中添加自定義函數來更改特色圖片的大小。使用add_image_size()函數定義新的圖像大小。然後,在您的主題文件中使用the_post_thumbnail()函數來顯示新的圖像大小。

    我可以將特色圖片添加到我的舊文章中嗎?

    是的,您可以將特色圖片添加到舊文章中。只需編輯文章並從文章編輯屏幕設置特色圖片即可。如果您有大量文章,可以使用Quick Featured Images之類的插件來批量設置特色圖片。

    如何在WordPress中添加默認特色圖片?

    您可以使用Default Featured Image之類的插件添加默認特色圖片。安裝並激活插件後,轉到設置>媒體以設置您的默認特色圖片。每當文章未設置特色圖片時,都將使用此圖片。

    如何在RSS Feed中顯示特色圖片?

    默認情況下,WordPress不會在RSS Feed中包含特色圖片。但是,您可以使用Featured Images in RSS & Mailchimp Email之類的插件添加它們。或者,您可以在主題的functions.php文件中添加自定義函數,以在RSS Feed中包含特色圖片。

    我可以將特色圖片添加到我的類別和標籤中嗎?

    是的,您可以使用Categories Images之類的插件將特色圖片添加到您的類別和標籤中。安裝並激活插件後,您可以從編輯屏幕為您的類別和標籤設置特色圖片。

    如何在WordPress管理面板中添加特色圖片列?

    您可以使用Featured Image Admin Thumb之類的插件在WordPress管理面板中添加特色圖片列。此插件在文章列表中添加一個新列,以顯示每篇文章的特色圖片。

    如何在我的特色圖片中添加懸停效果?

    您可以使用CSS為特色圖片添加懸停效果。將懸停選擇器添加到主題的style.css文件中,並定義所需的效果。例如,您可以更改圖像懸停時的不透明度以創建淡入淡出效果。

    我可以為我的特色圖片添加燈箱效果嗎?

    是的,您可以使用Simple Lightbox之類的插件為特色圖片添加燈箱效果。安裝並激活插件後,單擊您的特色圖片將在燈箱中打開。

以上是如何將特色圖像縮略圖添加到WordPress主題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
您將使用WordPress做什麼?您將使用WordPress做什麼?Apr 27, 2025 am 12:14 AM

WordPresscanbeusedforvariouspurposesbeyondblogging.1)E-commerce:WithWooCommerce,itcanbecomeafullonlinestore.2)Membershipsites:PluginslikeMemberPressenableexclusivecontentareas.3)Portfoliosites:ThemeslikeAstraallowstunninglayouts.Ensuretomanageplugins

WordPress適合創建投資組合網站嗎?WordPress適合創建投資組合網站嗎?Apr 26, 2025 am 12:05 AM

是的,wordpressisisexcellentforcortingaportfoliowebsite.1)itoffersnumeroversnumeroverportfolio-spificthemeslike'astra'astra'astra'astra'astra'astra'astra'astra'astra'elementor'Enelementor'enableIntiviveSiveSign,Thoughtemanycanslowthesite.3)

使用WordPress而不是從頭開始編碼網站的優點是什麼?使用WordPress而不是從頭開始編碼網站的優點是什麼?Apr 25, 2025 am 12:16 AM

WordPressisadvantageousovercodingawebsitefromscratchdueto:1)easeofuseandfasterdevelopment,2)flexibilityandscalability,3)strongcommunitysupport,4)built-inSEOandmarketingtools,5)cost-effectiveness,and6)regularsecurityupdates.Thesefeaturesallowforquicke

是什麼使WordPress成為內容管理系統?是什麼使WordPress成為內容管理系統?Apr 24, 2025 pm 05:25 PM

WordPressIsAcmsDuetoItseAsofuse,自定義,USERMANAMECTION,SEO和COMMUNITYSUPPORT.1)ITSIMPLIFIESCONTENTMANGAMEWITHANINTUISIDERFEEFFECE.2)提供extentensiveCustomizationThroughThroughTheMesandPlugins.3)supportrobustuserrolesandplugins.4)supportrobustuserrolesandpermissions.4)增強

wordpress怎麼加評論框wordpress怎麼加評論框Apr 20, 2025 pm 12:15 PM

在 WordPress 網站上啟用評論功能,可以為訪客提供參與討論和分享反饋的平台。為此,請按照以下步驟操作:啟用評論:在儀錶盤中,導航至“設置”>“討論”,並選中“允許評論”複選框。創建評論表單:在編輯器中,單擊“添加塊”並蒐索“評論”塊,將其添加到內容中。自定義評論表單:通過設置標題、標籤、佔位符和按鈕文本來定制評論塊。保存更改:單擊“更新”以保存評論框並將其添加到頁面或文章中。

wordpress怎麼複製子站wordpress怎麼複製子站Apr 20, 2025 pm 12:12 PM

如何復制 WordPress 子站?步驟:在主站創建子站。在主站克隆子站。將克隆導入目標位置。更新域名(可選)。分開插件和主題。

wordpress怎麼寫頁頭wordpress怎麼寫頁頭Apr 20, 2025 pm 12:09 PM

在WordPress中創建自定義頁頭的步驟如下:編輯主題文件“header.php”。添加您的網站名稱和描述。創建導航菜單。添加搜索欄。保存更改並查看您的自定義頁頭。

wordpress評論怎麼顯示wordpress評論怎麼顯示Apr 20, 2025 pm 12:06 PM

WordPress 網站中啟用評論功能:1. 登錄管理面板,轉到 "設置"-"討論",勾選 "允許評論";2. 選擇顯示評論的位置;3. 自定義評論表單;4. 管理評論,批准、拒絕或刪除;5. 使用 <?php comments_template(); ?> 標籤顯示評論;6. 啟用嵌套評論;7. 調整評論外形;8. 使用插件和驗證碼防止垃圾評論;9. 鼓勵用戶使用 Gravatar 頭像;10. 創建評論指

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

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

熱工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用