热门标签

, , , , ,

Vieu四代商业主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

唯爱原创WP主题添加文章图片点击弹窗预览特效(适用DUX)
PS:本教程100%适用于大前端DUX主题,其他主题可以鉴借

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

查找以下代码

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

将其修改为

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

打开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水平有限无法再做修改了,其他主题可以鉴借以上的教程自行修改
不会修改可以直接下载本站修改好的js文件

附件:main.js

未经允许不得转载:作者:唯爱网络, 转载或复制请以 超链接形式 并注明出处 唯爱资源网
原文地址:《唯爱原创WP主题添加文章图片点击弹窗预览特效(适用DUX)》 发布于2017-06-11

分享到:
赞(0)

评论 3

2 + 1 =
  1. #1

    朋友,交换链接吗?

    h1p3年前 (2017-06-12)回复
    • 你好,有链你可以去连接专贴回复一下,本站会在第一时间查验并添加

      管理员终身会员 admin3年前 (2017-06-14)回复
  2. #2

    好几年没用过博客了,支持下!

    直销3年前 (2017-06-13)回复

长按图片转发给朋友

Vieu4.5主题
WordPress全站响应式布局自适应模板。新增商品展示在线商城微信支付宝支付,支持文章海报、独立下载。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册