也想出現在這里?聯系我們

用代碼代替wordpress插件實現wordpress圖片暗箱功能!

  • 文章介紹
  • 升級版本
  • 評價&建議

新主題上線,先備份一篇來自CREEKOO的用代碼代替wordpress插件實現wordpress圖片暗箱功能的文章吧,對于本站來說,這樣的功能是十分需要的,因為對于wordpress主題預覽的時候,如果放大圖的話,影響網站加載速度,現在有了這個功能后,即可在文章內容里插入縮略圖,用戶點擊后彈出最大的清晰圖片,是否很多朋友也在為wordpress自帶的圖片彈出效果十分差而煩惱嗎?

那么今天這篇文章將為您解決這個問題!

這里直接給出教程和FancyBox文件包!
20131204102027

首先在主題文件的header.phpl里添加以下調用代碼:

  1. <!--?加載?Fancybox?CSS文件?-->
  2. <link?rel="stylesheet"?type="text/css"?href="<?php?bloginfo('template_directory');??>/fancybox/fancybox.css"?/>
  3. <!--?加載?jQuery?JS文件(如果模版文件已經加載jQuery,無需加入此段代碼)?-->
  4. <script?type="text/javascript"?src="<?php?bloginfo('template_directory');??>/fancybox/jquery-1.9.0.min.js"></script>
  5. <!--?加載?Fancybox?JS文件?-->
  6. <script?type="text/javascript"?src="<?php?bloginfo('template_directory');??>/fancybox/fancybox.js"></script>
  7. <script?type="text/javascript">
  8. ????$(document).ready(function()?{
  9. ????????$(".fancybox").fancybox();
  10. ????});
  11. </script>

然后找到主題文件下的functions.php 文件,將以下內容添加至?>之前

  1. add_filter('the_content',?'fancybox');
  2. function?fancybox?($content)
  3. {?global?$post;
  4. $pattern?=?"/<a(.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>(.*?)<\/a>/i";
  5. $replacement?=?'<a$1href=$2$3.$4$5?rel="box"?class="fancybox"$6>$7</a>';
  6. $content?=?preg_replace($pattern,?$replacement,?$content);
  7. return?$content;
  8. }

最后下載FancyBox文件包解壓后放到主題文件的根目錄下后,全部保存。。。現在看看wordpress主題站點內的圖片彈出效果,腫么樣,是否十分絢麗呢?呵呵,效果達到!

有用8
  • 2013.08.21初次和大家見面了!

已擁有13人對該主題的建議

  1. 0樓
    亓元素:

    這個看著不錯哦 拿回來用用看

    2015-11-20 下午 12:58 [回復]
  2. 0樓
    Summer:

    文章上添加圖片可以放大,但是使用相冊就不能放大了,求大神幫助

    2015-07-20 下午 5:14 [回復]
  3. 你好,為什么有的主題不能使用fancybox 插件啊?我試了好幾個都不能,但是換一個主題卻又好了··

    2015-07-08 下午 10:50 [回復]
    • 瘋狂的大叔:

      跟JQ版本有關吧。。。

      2015-07-09 下午 4:05 [回復]
  4. 0樓
    Zhaoyue:

    ? 剛好需要這個功能,我轉載了哦。

    2014-10-02 下午 11:35 [回復]
  5. 有可能是js沖突造成的

    2014-04-18 下午 4:33 [回復]
  6. 0樓
    Youth.霖:

    已經用上了,感謝!

    2014-03-20 上午 11:23 [回復]
  7. 0樓
    小V:

    :mrgreen: 換主題了啊,比以前好看多了

    2013-08-21 下午 10:15 [回復]

發表評論

還能輸入240個字

Hi, 歡迎加入Wordpress技術交流群,帶你裝逼帶你飛!

我要入群
也想出現在這里?聯系我們
wordpress加速

我來推薦一個更牛逼的給你看看?

  • 猛戳我吧
夫妇野外交换HD高清版,免费A片在线观看,亚洲精品国产自在现线,中国老妇人60OLDMANTV