WordPress 自訂媒體庫,使用函數限制文章特色圖片最小寬度及高度

WordPress 自訂媒體庫 有很多種形式,在本篇教學中所要分享的是使用函數來限制上傳圖片大小,目的是為了讓網站中顯示的圖片具有同樣的尺寸比例,統一圖片顯示樣式,尤其是網站具有不同的內容編輯人員時,指定媒體庫中上傳圖片的長寬限制,能有效避免非網站技術人員隨意上傳不符合標準的圖片,當然同樣也是給編輯們的提示,必須要合乎圖片尺寸規範,才能完成上傳圖片的動作。

在以下內容中鵠學苑將提供兩組 function ,只需要修改圖片長寬數值並加入到主題編輯器中,就能完成限制媒體庫上傳圖片尺寸的動作,過程非常簡單,希望能幫助到有需要的朋友。

PHP Arrays 陣列定義
https://www.php.net/manual/en/language.types.array.php
if , elseif 條件式
https://www.php.net/manual/en/control-structures.if.php

functions 函數說明與媒體庫限制圖片尺寸功能測試

第一步:下方的 functions 分為兩個部分,在 limit_upload_small_images 中定義篩選出管理員權限,並在所有身份登入時觸發限制條件,目的是只保留網站管理員具有上傳任何尺寸圖片的能力,而其他權限(編輯、寫手等…)將受到限制。

第二部分 limit_upload 則是使用 if 條件式來做命令執行確認,首先在上傳檔案動作發生時,必須先確認檔案是否為圖片格式,如果是的話將回傳 $file 為 img ,並提取 img 尺寸的值,做為下方 $minimum 陣列中所定義的寬度與高度數值的相對比較,最後再以 if 條件是來設置當寬度與高度小於 array 設定的數值時,將返回 error 錯誤訊息,並顯示之前提取 img 的長寬值。

第二步:開啟外觀中的主題編輯器,切換到子主題後找到 functions.php 檔案,將提供的函數貼入至結尾處,請記得將 width 及 height 的值替換成你想要限制的數字,單位是以 px 計算,另外警告訊息中文字的部分也可以做修改,盡量在文字編輯器中修改完成後再貼到主題編輯器中,因為在 functions.php 中直接輸入中文容易在更新時發生錯誤,完成後點選更新檔案。

第三步:筆者新增一個權限為編輯的角色作為測試。

第四步:上傳寬度小於 640px 的圖片,將會顯示如下圖標示的錯誤訊息。

結語:

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

WordPress PHP 自訂網站 相關教學文章:

WordPress shortcode 函式教學 – 建立自定義短碼顯示文字及圖片

WordPress 禁用 Gutenberg 編輯器的兩種方法(外掛與函數)

WordPress 小工具 ( Widget ) 增加自定義模組區塊( OceanWP)

WordPress 自訂欄位,網站後台公佈欄自訂資訊內容,PHP語法應用

使用 Google 自訂搜尋引擎取代WordPress站內搜尋步驟教學

關閉WordPress圖片自動縮圖 – 提升整體網站速度及載入網頁速度

網站架設知識推薦閱讀:

Chrome 移除蓋版廣告?Google 12 項廣告體驗規範簡易說明

Google One 介紹 – 全新雲端硬碟方案,擴充更多儲存空間!

無障礙網站介紹-規範說明、檢測工具與操作影片

Share
Published by
鵠學苑