WordPress燈箱插件Modulobox（點擊圖片放大效果）
今天要介紹的Modulobox是一款Wordpress燈箱插件（Lightbox），可以實現點擊圖片后自動放大的效果。
我們可以直接從Wordpress自帶的插件商店里搜索到它，不過在線安裝的這個免費版是有功能限制的，不能解鎖全部功能。
這款插件的主要幾個優點：
- 能夠自動放大圖片展示更大尺寸和更高質量的圖片。
- 提高頁面訪問速度，默認以縮略圖顯示，點擊后則可以查看原圖。
- 提高交互體驗，使得搜索引擎更愿意收錄你的網站。
- 可以實現類似幻燈片的預覽效果，支持自動播放。
- 移動端自動適配，可以使用手指進行放大縮小。
下圖就是使用這款插件實現的點擊圖片自動放大效果，該插件還自帶了一個選項工具條，可以進行如關閉、全屏、下載、放大、自動播放幻燈片、分享到第三方平臺等功能。
我們在使用Wordpress發布文章的時候，圖片默認是無法實現點擊后自動放大顯示原圖效果的，如果想不借助任何第三方插件實現這樣的功能，需要手動修改圖片顯示的形式。
在每次發布圖片的時候修改圖片設置，改成鏈接到媒體文件才能實現，但這樣操作太過繁瑣，如果圖片多的話就非常不方便了。
這里就需要用到Modulobox來實現了，這款插件有很多參數可以靈活設置，由于我購買了完整版，這里直接展示下完整版后臺參數的設置情況：
插件是英文的，如果想對其進行漢化推薦使用Loco Translate，或者使用chrome瀏覽器的一鍵翻譯功能，可以臨時使用中文模式預覽。
使用Google瀏覽器翻譯功能后的效果：
插件裝完后默認是不能應用到所有歷史發布過的圖片上的，也就是說不能自動實現全部圖片點擊自動放大效果，需要我們進行一些修改才能應用到全部圖片。
首先在常規設置中的自定義查詢選擇器中插入幾個常見的圖片類：
|
1 |
.wp-block-image img,.size-full,.size-medium,.size-large |
然后在自定義選項中插入CSS代碼：
|
1 2 3 |
.wp-block-image img,.size-full,.size-medium,.size-large { cursor: zoom-in; } |
該代碼中還包含了鼠標移動到圖片上自動出現放大鏡的效果，以引導用戶點擊圖片，插入代碼后保存即可。
此時隨便打開一個頁面即可查看到效果，如下圖所示點擊圖片后圖片自動放大了。
如果想實現多張圖片翻頁預覽效果，是需要在上傳圖片時創建相冊的，將上傳的圖片放在同一個相冊里才能實現的，
大家可以點擊這個鏈接進行預覽：http://www.yinjiangjinrong.com/1832.html
下圖是官方的展示效果：
實現了基本的功能后，我們還可以對一些參數進行個性化設置，比如我們還可以把不需要的選項隱藏掉，比如前面提到的全屏、放大、下載、分享到第三方平臺等選項。
還可以對圖片、視頻比例進行調整：
最后我們可以把配置導出進行備份，需要的時候可以導入進行還原。
點擊EXPORT即可導出配置，配置文件是JSON格式的。
以上就是大致的配置教程，完整版附件已上傳至附件中，下載后直接將ZIP文件上傳到插件中即可，本站會員可以免費下載。
