Heim > Datenbank > MySQL-Tutorial > Hauptteil

无需修改数据库为WordPress文章图片自动添加链接到原图

巴扎黑
Freigeben: 2016-11-07 10:56:10
Original
1911 Leute haben es durchsucht

WordPress日志中插入图片附件显示设置中有四种选择分别是:自定义URL、媒体文件、附件页面和无,一般我们选择第二种链接到媒体文件,只有这样一些图片暗箱放大特效才能启用,但很多童鞋对WP基本功能不是很熟习,插入图片时根本就不知道去选择显示方式,当发现无法启用图片暗箱放大特效后,为时已晚,重新编辑文章不仅工作量大而且很麻烦,这里提供一个补救的方法。

添加下面的JS代码到主题header.php模版文件中:

<script type="text/javascript"> 
$(function() { 
    $(&#39;.article-content img&#39;).each(function(i){ 
        if (!this.parentNode.href) { 
            $(this).wrap("<a href=&#39;"+this.src+"&#39; class=&#39;fancybox-buttons&#39; data-fancybox-group=&#39;button&#39;></a>"); 
        } 
    }); 
}); 
</script>
Nach dem Login kopieren

   

该脚本会检查文章中的图片是否包含了链接,如果没有,会自动为图片添加链接到原图。

修改其中的 .entry 为你主题正文的CSS类。

如果你的主题未加载jquery.js库文件,代码将无效,可以将这句代码加到上面:

1

   


Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!