• Home
  • Blog
  • 如何在 WordPress 中新增文章縮圖

如何在 WordPress 中新增文章縮圖

0 comments

初學者指南

您會在 WordPress 後台的撰寫文章面板的側欄中看到這樣的選項。

點擊該鏈接,您將進入上傳圖片頁面。上傳圖片後,您會看到如下畫面:

只需點擊「用作縮圖」鏈接,完成後您會看到如下畫面:

上面的屏幕意味著您已完成。只需點擊發布,圖片將顯示在您的網站上。

開發者指南

儘管這個功能已添加到核心中,但並非每個用戶都能在撰寫文章面板的側欄看到這個選項。這是只有主題支持才能啟用的功能。較舊的免費主題可能不支持此功能,因此您需要請求開發者更新,或按照以下教學自行操作。

首先,您需要打開主題文件夾中的 functions.php 文件,並粘貼以下代碼:

add_theme_support( ‘post-thumbnails’ );

這段代碼將為文章和頁面啟用主題支持。此後,您將在後台看到選項。但由於我們尚未在主題中添加代碼,因此它不會顯示在主題中。

您可以在循環中任何位置使用以下代碼顯示縮圖:

<?php the_post_thumbnail(); ?>

這是基本功能。如果想更進一步,例如指定縮圖大小,您只需打開 functions.php 文件,並粘貼如下代碼:

add_theme_support( ‘post-thumbnails’ );
set_post_thumbnail_size( 50, 50, true );

尺寸按順序設置:寬 x 高,單位為像素。

您還可以通過添加這行代碼為特寫圖片新增額外圖像尺寸:

add_image_size( ‘single-post-thumbnail’, 590, 180 ); //Permalink 縮圖尺寸

稍後,您可以在文章循環中調用指定縮圖尺寸,如下所示:

<?php the_post_thumbnail(‘single-post-thumbnail’); ?>

這是該功能的簡要介紹,我們盡量保持簡單,便於每個人理解。如果您想了解更多信息,可參考以下鏈接:

Mark Jaquith 的文章縮圖文章
WordPress Codex

About the Author

Follow me


{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>