十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这是没有链接的图片显示代码
创新互联公司专业为企业提供稷山网站建设、稷山做网站、稷山网站设计、稷山网站制作等企业网站建设、网页设计与制作、稷山企业网站模板建站服务,10多年稷山做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
img src="" alt="" width="1920" height="450" class="alignnone size-full wp-image-262" /
这是有链接的图片显示代码
a href=""img src="" alt="" width="224" height="225" class="alignnone size-full wp-image-289" //a
可以用js在前端给图片加上a标签。
$('img').wrap('a href="' + $('img').attr('src') + '"/a');
第一步:向function.php文件添加以下代码:
function autoicon($text) {
$return = str_replace('a href=', 'a class="external" href=', $text);
$return = str_replace('a class="external" href="你的网址', 'a href="你的网址', $return);
$return = str_replace('a class="external" href="#', 'a href="#', $return);
return $return;
}
add_filter('the_content', 'autoicon'); //应用于文章区域
add_filter('comment_text', 'autoicon'); //应用于评论区域
第二步:将左边的小图标上传到空间获取链接。然后向style.css文件添加以下代码:
.external {
padding-right: 11px;
background: url('图片的链接地址') no-repeat right top;
}
代码的作用:
添加到function.php的代码给所有的外部链接加上了一个external类,接着添加到style.css文件中的代码给所有external类的链接添加背景图片,就是那个小图标。这样,就实现了免插件,给外链添加小图标的目的。
看的首页图片是调用内页的图片,还是直接就是给图片加超链接。要是调用内页的图片,可以直接用缩略图的代码进行进行调用图片,自然就会有超链接,点击就会到底站点内页。
要是直接给图片添加:a href=''链接地址''img src=''地址''/a