全百科精品资源分享
免费优质资源下载平台

WPDUX主题添加文章图片点击弹窗预览特效方法

播放按钮
全百科网免费发布推广信息
WP主题添加文章图片点击弹窗预览特效(适用DUX)

WP主题添加文章图片点击弹窗预览特效(适用DUX)效果展示

具体方法如下:

1、首先打开DUX主题js文件夹的main.js

查找以下代码

 <div class="modal-dialog" style="margin-top:200px;width:340px;">

将其修改为

 <div class="modal-dialog" style="margin-top:50px;width:1080px;">

2、打开DUX的functions-theme.php文件

找到合适的位置添加以下代码

 function auto_post_link($content) {
 global $post;
 $content = preg_replace('/<\s*img\s+[^>]*?src\s*=\s*(\'|\")(.*?)\\1[^>]*?\/?\s*>/i', "<a class=\"sns-wechat\" href=\"javascript:;\" title=\"".$post->post_title."\" data-src=\"$2\" alt=\"".$post->post_title."\" /><img src=\"$2\" alt=\"".$post->post_title."\" /></a>", $content);
 return $content;
}
add_filter ('the_content', 'auto_post_link',0);

dux是一定可以实现的,其他主题可以鉴借以上的教程自行修改
不会修改可以直接下载本站修改好的js文件

附件下载地址链接:https://pan.baidu.com/s/1esrAVAHvhQi9GuGa80xBPQ
提取码:

温馨提示: 此处内容需要 评论本文刷新本页 才能查看!
注意:请绿色评论,回复无意义内容将永久拉黑IP!

如果下载链接失效可以联系全百科更换下载链接哦

Download WordPress Themes Free
Download Nulled WordPress Themes
Free Download WordPress Themes
Download WordPress Themes
udemy free download
download redmi firmware
Download Best WordPress Themes Free Download
online free course

搜一下 获取更多

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0)
全百科网 » WPDUX主题添加文章图片点击弹窗预览特效方法
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-499

    还是没有变化

    ggaagrgqa54 8个月前 (05-28) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  2. #-498

    试试看,不知道行不行

    hfliqui 2个月前 (12-04) 来自天朝的朋友 Safari浏览器 Mac OS X Lion 10_15_7 回复