当前位置：煜阳网站建设 > 公司网站制作 > cms系统 > WordPress

自动链接到原图的方法

2024-01-20 13:43 小编

如果你以前发布的图片没有添加链接到原图，或者你不想每次都手动添加链接，那你可以在主题的 header.php 中添加下面的js代码：

<script type="text/javascript">$(function() { $('.entry img').each(function(i){if (! this.parentNode.href) { $(this).wrap("<a href='"+this.src+"' onclick='return hs.expand(this);'></a>");}});});</script>

该脚本会检查文章中的图片是否包含了链接，如果没有，就会自动为图片添加链接到原图。这样，即使你以前的文章图片没有链接，那也不用愁了，现在直接就可以用灯箱效果了。

注意：请根据自己的实际，修改第 3 行的 .entry 为你主题内容的CSS类。

Tag：方法

返回首页上一篇：自定义遮罩颜色下一篇：WordPress 电子书制作插件：Anthologize

联络方式：

13363039260

微信二维码

您感兴趣的内容

13363039260

自动链接到原图的方法

猜你喜欢

热门话题：

联络方式：

13363039260

配送方式列表标签

模板制作好后，放到模板对应的文件夹，生成模板却找不到生成的aspx页面？

index.css：一般用于首页建立样式 head.css：头部样式，当多个页面头部设计风格相同时使用。 base.css：共用样式。 style.css：独立页面所使用的样式文件 global.css：页面样式基础，全局公用

在邯郸找一家专业的医院网站建设方面的公司

已废弃的标签和属性

客服QQ

自动链接到原图的方法

猜你喜欢

热门话题：

联络方式：

13363039260

配送方式列表标签

模板制作好后，放到模板对应的文件夹，生成模板却找不到生成的aspx页面？

index.css： 一般用于首页建立样式 head.css： 头部样式，当多个页面头部设计风格相同时使用。 base.css： 共用样式。 style.css：独立页面所使用的样式文件 global.css：页面样式基础，全局公用

在邯郸找一家专业的医院网站建设方面的公司

已废弃的标签和属性

客服QQ

index.css：一般用于首页建立样式 head.css：头部样式，当多个页面头部设计风格相同时使用。 base.css：共用样式。 style.css：独立页面所使用的样式文件 global.css：页面样式基础，全局公用