WordPress 建構自訂精選圖片

WordPress 建構自訂精選圖片

WordPress 精選圖片(Featured Image)能夠做為文章的專屬圖片功能,在內建的編輯器就有設定專屬的特色圖片,也能設定語法將特色圖片設為各種尺寸用於不同用途。

WordPress 傳統編輯器下的精選圖片設定位置

WordPress 建構自訂精選圖片

WordPress 區塊編輯器下的精選圖片設定位置

WordPress 建構自訂精選圖片

自訂圖片尺寸

精選圖片設定後可以用於各種地方,像是 index.php、tag.php…等等位置,依照個人需求設定即可。

需要準備的頁面有:
functions.php

首先加入一段 if 判斷式,確認接下來的語法 add_theme_support() 是不是有被定義,這段不一定需要加上去,只是為了保險起見。

<?php 
if ( function_exists('add_theme_support') ) {
加入精選圖片語法
}
?>

然後在前述的判斷式內加入這段語法,確保之後引用的地方能夠使用精選圖片。

add_theme_support('post-thumbnails') 

接著依照需求加入精選圖片尺寸。

裁切後的精選圖片格式

thumbnail => 名稱
140=> 寬度固定
140=> 高度固定
true=> 裁切確認

add_image_size('thumbnail',140, 140,true);

依照寬度等比例縮放的精選圖片格式

thumbnail => 名稱
140=> 寬度
9999=> 高度無限

add_image_size('medium',360, 9999);

一些基本款的精選圖片尺寸完整語法:

<?php
if ( function_exists('add_theme_support') ) {
add_theme_support('post-thumbnails');
add_image_size('thumbnail',140, 140,true);
 //小
add_image_size('medium',360, 9999);
 //中
add_image_size('medium_large',465, 9999); //中大
add_image_size('large',728, 9999);
 //大
add_image_size('full',1200, 9999);
 //原始尺寸
}
?>

之後引用時只需要index.php、single.php…等等頁面上修改下面的「thumbnail(依照自己上述名稱設定修改)」:

<?php the_post_thumbnail('thumbnail');?>

喜歡這篇文章的話
請按個讚或者分享支持一下!

喜歡這篇文章的話
請按個讚或者分享支持一下!

最新的教學及情報資訊都在INMAG!

作者簡介

Jin
寫好每一篇文章讓各位都能學習到各種小知識,希望大家會喜歡!