在之前老趙同學(xué)根據(jù)老蔣的建議和前端結(jié)構(gòu)基本完成主流市場上云存儲功能的WordPress靜態(tài)資源存儲,從使用效果看大部分網(wǎng)友還是較多使用阿里云OSS、騰訊云COS、七牛云存儲、又拍云這幾個。從這些插件配套使用過程中我們有發(fā)現(xiàn)網(wǎng)友在配合網(wǎng)上的WordPress水印插件時候有出現(xiàn)不兼容的問題,當然有可能是水印插件問題,也可能是我們靜態(tài)存儲插件的問題。
鑒于此老蔣和老趙商量是否我們自己也出一個水印插件,插件的功能上需要有一些創(chuàng)新。通過幾個月的張羅和調(diào)試,今天終于發(fā)布WPWaterMark輕水印插件。前端一貫的簡潔,且功能特點還是明顯的,比如我們常見可以設(shè)置九宮格固定水印位置,同時可以設(shè)置隨機位置,以及我們可以設(shè)置滿鋪水印效果三種模式。具體是什么樣子的效果,后面我們再依次介紹。

我們一起看看這個WPWaterMark輕水印插件到底有哪些特點。
第一、WPWaterMark水印插件界面
考慮到插件的輕便,老蔣并沒有內(nèi)置前端框架,直接在需要的位置用CSS樣式修飾,因為插件還是在于功能和簡單??紤]到網(wǎng)友的使用體驗,盡量減少插件參數(shù)的設(shè)置,而是采用可選項。

這我們可以設(shè)置水印類型,分別是文字 或者是圖片水印。字體考慮到插件的大小就內(nèi)置一個免費字體,我們可以根據(jù)需要上傳字體到插件對應(yīng)fonts目錄中,然后在字體選項中可以看到自己添加的字體??梢栽O(shè)置字體顏色、傾斜度、文本大小等參數(shù)。
圖片水印我們只需要將自己準備好的水印,建議是.PNG透明水印圖片,然后將URL地址放到文本中,這里不考慮直接上傳模式是考慮到安全性。自己準備一個圖片作為水印應(yīng)該不難,或者我們自己從媒體庫中上傳后拿到地址復(fù)制進來。

這個水印插件的特點就在于水印位置設(shè)置,我們采用很多水印插件都有的九宮格固定模式。但是這種效果容易被采集對象在用固定水印位置覆蓋,于是我們增加隨機水印位置,每次上傳圖片水印位置不同。
同時也有增加超強滿鋪水印效果。類似什么樣子的呢?

是不是很酷炫?我們可以通過預(yù)覽效果看看自己設(shè)置的水印,設(shè)置沒有問題之后再到管理員更新文章添加圖片就會自動設(shè)置效果水印。
第二、WPWaterMark水印插件安裝
如果我們看到上面的介紹覺得還不錯,那就一起試試吧。

搜索【W(wǎng)PWaterMark】然后可以看到插件直接在線激活安裝。如果我們是國內(nèi)服務(wù)器的話,可能目前無法直接安裝插件,我們可以下載到本地安裝或者老部落也備用GITHUB鏡像可以下載。
WordPress官方:https://wordpress.org/plugins/wpwatermark/
鏡像下載地址:https://download.laobuluo.com/wordpress/wpwatermark.zip
然后在左側(cè)菜單可以看到【輕水印插件設(shè)置】。
WPWaterMark 輕水印插件設(shè)置方法很簡單,上面圖示中已經(jīng)介紹到插件的功能,設(shè)置文本或者圖片水印,然后一些參數(shù)設(shè)置可以調(diào)試后用預(yù)覽刷新查看,直到設(shè)置具備自己滿意為止。
第三、WPWaterMark水印插件更新
2019年11月23日(1.1.2)
1. 完成WPWaterMark插件基本功能的前端設(shè)計和調(diào)整;
2. 完成水印基本功能且提交WordPress官方被退回要求修改不少函數(shù)問題;
3. 關(guān)于預(yù)覽刷新模式官方不支持原先做法,于是繼續(xù)尋找新的解決辦法,同行采用提交變動,我們覺得刷新效果比較好,所以不采用提交模式。
4. 終于通過WP官方審核,然后提交后再下載到我們本地安裝測試又發(fā)現(xiàn)小錯誤,大小寫不嚴謹導(dǎo)致的。所以重新修改后發(fā)布更新。