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

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
提取码:

温馨提示: 此处内容需要 评论本文刷新本页 才能查看!

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

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

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

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏