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

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

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

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

Download WordPress Themes Free
Download WordPress Themes Free
Free Download WordPress Themes
Download Nulled WordPress Themes
udemy course download free
download coolpad firmware
Download WordPress Themes
udemy course download free

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

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

评论 抢沙发

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

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

支付宝扫一扫打赏

微信扫一扫打赏