今天要介紹的Modulobox是一款Wordpress燈箱插件（Lightbox），可以實現(xiàn)點擊圖片后自動放大的效果。

我們可以直接從Wordpress自帶的插件商店里搜索到它，不過在線安裝的這個免費版是有功能限制的，不能解鎖全部功能。

這款插件的主要幾個優(yōu)點：

1. 能夠自動放大圖片展示更大尺寸和更高質(zhì)量的圖片。
2. 提高頁面訪問速度，默認(rèn)以縮略圖顯示，點擊后則可以查看原圖。
3. 提高交互體驗，使得搜索引擎更愿意收錄你的網(wǎng)站。
4. 可以實現(xiàn)類似幻燈片的預(yù)覽效果，支持自動播放。
5. 移動端自動適配，可以使用手指進(jìn)行放大縮小。

下圖就是使用這款插件實現(xiàn)的點擊圖片自動放大效果，該插件還自帶了一個選項工具條，可以進(jìn)行如關(guān)閉、全屏、下載、放大、自動播放幻燈片、分享到第三方平臺等功能。

我們在使用Wordpress發(fā)布文章的時候，圖片默認(rèn)是無法實現(xiàn)點擊后自動放大顯示原圖效果的，如果想不借助任何第三方插件實現(xiàn)這樣的功能，需要手動修改圖片顯示的形式。

在每次發(fā)布圖片的時候修改圖片設(shè)置，改成鏈接到媒體文件才能實現(xiàn)，但這樣操作太過繁瑣，如果圖片多的話就非常不方便了。

這里就需要用到Modulobox來實現(xiàn)了，這款插件有很多參數(shù)可以靈活設(shè)置，由于我購買了完整版，這里直接展示下完整版后臺參數(shù)的設(shè)置情況：

插件是英文的，如果想對其進(jìn)行漢化推薦使用Loco Translate，或者使用chrome瀏覽器的一鍵翻譯功能，可以臨時使用中文模式預(yù)覽。

使用Google瀏覽器翻譯功能后的效果：

插件裝完后默認(rèn)是不能應(yīng)用到所有歷史發(fā)布過的圖片上的，也就是說不能自動實現(xiàn)全部圖片點擊自動放大效果，需要我們進(jìn)行一些修改才能應(yīng)用到全部圖片。

首先在常規(guī)設(shè)置中的自定義查詢選擇器中插入幾個常見的圖片類：

然后在自定義選項中插入CSS代碼：

該代碼中還包含了鼠標(biāo)移動到圖片上自動出現(xiàn)放大鏡的效果，以引導(dǎo)用戶點擊圖片，插入代碼后保存即可。

此時隨便打開一個頁面即可查看到效果，如下圖所示點擊圖片后圖片自動放大了。

如果想實現(xiàn)多張圖片翻頁預(yù)覽效果，是需要在上傳圖片時創(chuàng)建相冊的，將上傳的圖片放在同一個相冊里才能實現(xiàn)的，

大家可以點擊這個鏈接進(jìn)行預(yù)覽：http://www.ryt8888.com/1832.html

下圖是官方的展示效果：

實現(xiàn)了基本的功能后，我們還可以對一些參數(shù)進(jìn)行個性化設(shè)置，比如我們還可以把不需要的選項隱藏掉，比如前面提到的全屏、放大、下載、分享到第三方平臺等選項。

還可以對圖片、視頻比例進(jìn)行調(diào)整：

最后我們可以把配置導(dǎo)出進(jìn)行備份，需要的時候可以導(dǎo)入進(jìn)行還原。

點擊EXPORT即可導(dǎo)出配置，配置文件是JSON格式的。

以上就是大致的配置教程，完整版附件已上傳至附件中，下載后直接將ZIP文件上傳到插件中即可，本站會員可以免費下載。