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

WordPress 自訂媒體庫 使用函數限制上傳圖片大小:

1. 使用函數限制文章特色圖片最小寬度及高度

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 中直接輸入中文容易在更新時發生錯誤,完成後點選更新檔案。

WordPress 自訂媒體庫

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

WordPress 自訂媒體庫

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

WordPress 自訂媒體庫

 

結語:

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

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

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

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

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

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

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

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

網站架設知識推薦閱讀:

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

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

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

鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top