External Media without Import可以將一個(gè)外鏈圖片添加進(jìn)WordPress媒體庫(kù)中,但只是往WordPress數(shù)據(jù)庫(kù)里插入一條鏈接數(shù)據(jù),并不會(huì)將圖片文件傳到WordPress站點(diǎn)所在的服務(wù)器上。
使用WordPress建站的人可能大都知道,在沒(méi)有插件支持的情況下,要將一張圖片添加進(jìn)WordPress媒體庫(kù)中,就必須要將圖片文件上傳到WordPress所在的服務(wù)器。但是有的用戶可能希望將圖片存儲(chǔ)在另一臺(tái)服務(wù)器另一個(gè)域名上以節(jié)省WordPress主站的空間和流量,與此同時(shí)仍然想將這些圖片添加進(jìn)WordPress媒體庫(kù),以便使用WordPress媒體相關(guān)的功能和插件——比如相冊(cè)等。
External Media without Import就是用來(lái)滿足這個(gè)需求的插件。它可以將一個(gè)外鏈圖片添加進(jìn)WordPress媒體庫(kù)中,但只是往WordPress數(shù)據(jù)庫(kù)里插入一條鏈接數(shù)據(jù),并不會(huì)將圖片文件傳到WordPress站點(diǎn)所在的服務(wù)器上。當(dāng)然,一條數(shù)據(jù)庫(kù)記錄也會(huì)占用服務(wù)器空間,但比起動(dòng)輒幾十KB乃至幾個(gè)MB的圖片文件來(lái)說(shuō),還是微不足道的。
該插件在WordPress管理頁(yè)面的媒體添加上傳面板中增加了一個(gè)Add External Media without Import按鈕:

點(diǎn)擊它就會(huì)出現(xiàn)一個(gè)輸入圖像URL的面板。輸入圖像URL后點(diǎn)擊“添加”按鈕,就會(huì)將外鏈圖片插入至媒體庫(kù)中。就是這么簡(jiǎn)單易用:

因?yàn)榻缑嫔蠑U(kuò)展的是媒體庫(kù)的上傳面板,所以用戶在編輯文章和頁(yè)面的過(guò)程中也可以隨時(shí)使用該插件添加外鏈圖片到媒體庫(kù)中。
另外,你也可以點(diǎn)擊管理頁(yè)面左側(cè)菜單的“多媒體”->“Add External Media without Import”子菜單直接進(jìn)入U(xiǎn)RL的輸入面板。
做這個(gè)插件的最初動(dòng)機(jī)是來(lái)源于我博客的作品集頁(yè)面的排版。那時(shí)我的作品集頁(yè)面使用了一個(gè)支持外鏈圖片但只支持Grid排版的相冊(cè):Responsive Grid Gallery with Custom Links。然而頁(yè)面中的各個(gè)圖片寬度高度都不相等,這就造成了頁(yè)面中有的圖片上下或左右空隙很大,使排版很是難看:

因此我打算改用瀑布流排版(Masonry Layout)。支持瀑布流排版的相冊(cè)插件倒是不少,但并不是隨便挑一個(gè)都能用。這是因?yàn)榻^大部分相冊(cè)插件要么只接受媒體庫(kù)里的圖片,要么需要用戶上傳本地圖片,也就是說(shuō)相冊(cè)中的圖片仍然要存儲(chǔ)在WordPress站點(diǎn)上。而我為了節(jié)省博客站點(diǎn)自身的空間和流量,將所有圖片都放在了Photobucket上。因此我需要一個(gè)既支持外鏈圖片又支持瀑布流排版的相冊(cè)插件。
然而支持外鏈圖片的相冊(cè)插件本身就很少,支持外鏈圖片的瀑布流相冊(cè)插件更是一直沒(méi)找到。于是我想到了讓W(xué)ordPress媒體庫(kù)支持外鏈圖片的插件,那樣很多相冊(cè)插件就能用上了。于是就誕生了這個(gè)External Media without Import插件。
接著我又使用BNE Gallery Extended和WP Gallery Custom Links這兩個(gè)插件擴(kuò)展了WordPress的自帶相冊(cè)——前者讓相冊(cè)支持瀑布流排版,后者讓相冊(cè)中的每張圖片支持自定義的點(diǎn)擊鏈接。最終用這兩個(gè)插件再加上我自己做的External Media without Import,三管齊下實(shí)現(xiàn)了作品集頁(yè)面的外鏈圖片的瀑布流相冊(cè)。從下圖右側(cè)的頁(yè)面源代碼中選中的元素可見(jiàn)圖片是從Photobucket上取的,并沒(méi)有存儲(chǔ)在WordPress站點(diǎn)上:

想不到我的第一個(gè)正式發(fā)布的個(gè)人項(xiàng)目是個(gè)Web項(xiàng)目,用到的技術(shù)是我在現(xiàn)在工作的互聯(lián)網(wǎng)創(chuàng)業(yè)公司學(xué)到的Web技術(shù)。原本想主打的游戲開(kāi)發(fā)技術(shù)到現(xiàn)在一毛錢(qián)都還沒(méi)用上。