前言
寫文章的時候，經常會插入幾張圖檔，而wordpress自帶的相冊功能有些滿足不了我們對于美觀的需求，有不少wordpress插件能實作相冊的功能，在此小編推薦一款wordpress圖檔放大燈箱效果插件：auto-highslide優化版。
軟體介紹
這款wordpress相冊插件是由威嚴威語優化而來，直接啟用後，，不需要任何插件設定，隻需要在添加圖檔的時候，設定連結到原圖就可以了。可以直覺的顯示下一張、上一張、放大檢視、幻燈片放映等模式，而且要比原版的更加美觀大方。
使用方法
FTP上傳解壓或者直接背景安裝。用的時候在圖檔上面加個a 連結标簽就行。舉例：
<a href="你的圖檔位址">
<img alt="alt裡面的文字會顯示在圖檔底部" src="你的圖檔位址" title="你的圖檔标題" width="你的圖檔寬度" />
</a>
1
2
3
<ahref="你的圖檔位址" target="_blank" rel="external nofollow" >
<imgalt="alt裡面的文字會顯示在圖檔底部"src="你的圖檔位址"title="你的圖檔标題"width="你的圖檔寬度"/>
</a>
注意：原圖可以很大，但是要定義width的大小，這樣圖檔就會被壓縮到頁面合适的大小了，點選就能顯示大圖檔。
如果你在圖檔裡面定義了alt屬性，那麼當你點選圖檔顯示效果的時候，你會發現你的alt屬性裡面的文字會顯示在圖檔底部。
自定義遮罩背景顔色
此優化版插件預設的蒙罩層是白色的，如果你想換成黑色，可以修改插件裡面的highslide.css，将裡面最後的
.highslide-dimming{background:;}
1
.highslide-dimming{background:#fff;}
改為
.highslide-dimming{background:;}
1
.highslide-dimming{background:#000;}
當然你也可以設定成任意你喜歡的顔色。
可能遇到的問題
安裝好插件之後，如果點選圖檔一直顯示“正在加載”，就是不能顯示展開效果的話，看看你使用的主題是否加載了jQuery，此插件是需要jQuery支援的。而且該插件會自動在WordPress主題的 wp_head() 鈎子輸出 js，是以請確定你的主題的 header.php 有 這行代碼。
自動添加連結到原圖的方法
如果你以前釋出的文章圖檔沒有添加連結到原圖，或者你不想每次都手動添加連結，那你可以在主題的 header.php 或者 footer.php 中添加下面的js代碼：
<script type="text/javascript">
$(function() {
$('.entry img').each(function(i){
if (! this.parentNode.href) {
$(this).wrap("<a href='"+this.src+"' class='highslide-image' οnclick='return hs.expand(this);'></a>");
}
});
});
</script>
1
2
3
4
5
6
7
8
9
<scripttype="text/javascript">
$(function(){
$('.entry img').each(function(i){
if(!this.parentNode.href){
$(this).wrap("<a href='"+this.src+"' class='highslide-image' οnclick='return hs.expand(this);'></a>");
}
});
});
</script>
該腳本會檢查文章中的圖檔是否包含了連結，如果沒有，就會自動為圖檔添加連結到原圖。這樣，即使你以前的文章圖檔沒有連結，那也不用愁了，現在直接就可以用燈箱效果了。
注意：請根據自己的實際，修改第 3 行的 .entry 為你主題内容的CSS類。