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,但頂部和底部或左側和右側邊緣將被移除。
現在,“特色圖片”框應該會出現在您的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中文網其他相關文章!

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

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

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

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

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

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

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

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


熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

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

熱門文章

熱工具

SublimeText3 Linux新版
SublimeText3 Linux最新版

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

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

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