一些主題因?yàn)榭紤]不周，沒(méi)有畫廊功能，點(diǎn)擊圖片后就到圖片地址去了，這樣的話，看圖片就不方便，那么這次的wordpress開(kāi)發(fā)教程就教大家如何給wordpress主題添加fancybox畫廊支持，方便訪客查看網(wǎng)站圖片
有一些主題因?yàn)榭紤]不周，沒(méi)有畫廊功能，點(diǎn)擊圖片后就到圖片地址去了，這樣的話，看圖片就不方便，那么這次的wordpress開(kāi)發(fā)教程就教大家如何給wordpress主題添加fancybox畫廊支持，方便訪客查看網(wǎng)站圖片。
- 代碼來(lái)源：詳情
在footer.php文件的</body>前添加以下代碼：
<script src=”https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js”></script>
<link href=”https://cdn.bootcss.com/fancybox/3.5.7/jquery.fancybox.css” rel=”stylesheet”>
<script src=”https://cdn.bootcss.com/fancybox/3.5.7/jquery.fancybox.js”></script>
<script>
var siteTitle = $(“title”).html();//獲取標(biāo)題
$(“.entry-content img”).each(function () {//選取正文的圖片
var alt = this.alt;
var src = this.src;
if (!alt) {
$(this).attr(“alt”, siteTitle);
}
//結(jié)構(gòu)重寫
$(this).wrap(“<a href='” + src + “‘ class=’fancybox-buttons’ data-fancybox-group=’button’ title='” + alt + “‘></a>”);
});
//fancybox開(kāi)始 參數(shù)參考 http://fancyapps.com/fancybox/3/
$(‘.fancybox-buttons’).fancybox();
</script>這里只是給一個(gè)參考，入門的作用，還有更多精彩的wordpress開(kāi)發(fā)操作需要各位開(kāi)發(fā)者自己去發(fā)現(xiàn)，關(guān)于Fancybox可以看看這篇介紹：
