WordPress给文章图片自动添加链接的方法
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>本文实例讲述了WordPress给文章图片自动添加链接的方法。分享给大家供大家参考。具体分析如下:</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
我们会看到有很多的网站我们点击图片就会进入当前文件连接了,下面我来给使用wordpress博客的同学也来介绍此种方法,图片自动链接到文章,添加标题和ALT属性.</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
直接将下面的代码添加到主题的 functions.php 文件即可:</p>
<blockquote>
<ol>
<li>
<span style="font-size:14px;"><span><span>function</span><span> auto_post_link($content) { </span></span></span>
</li>
<li>
<span style="font-size:14px;"><span>global $post; </span></span>
</li>
<li>
<span style="font-size:14px;"><span>$content = preg_replace(<span>'/<s*imgs+[^>]*?srcs*=s*('</span><span>|</span><span>")(.*?)[^>]*?/?s*>/i', "</span><span><a href=</span><span>""</span><span>.get_permalink().</span><span>""</span><span> title=</span><span>""</span><span>.$post->post_title.</span><span>""</span><span> ><img src=</span><span>"$2"</span><span> alt=</span><span>""</span><span>.$post->post_title.</span><span>""</span><span> /></a>", $content); </span></span></span>
</li>
<li>
<span style="font-size:14px;"><span><span>return</span><span> $content; </span></span></span>
</li>
<li>
<span style="font-size:14px;"><span>} </span></span>
</li>
<li>
<span style="font-size:14px;"><span>add_filter (<span>'the_content'</span><span>, </span><span>'auto_post_link'</span><span>,0); </span></span></span>
</li>
</ol>
</blockquote>
<p>
<span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>最终的输出结果如下:</span></p>
<blockquote>
<ol>
<li>
<span style="font-size:14px;"><span><span><a href=</span><span>"wordpress-view-history.html"</span><span> title=</span><span>"WordPress 添加文章浏览历史功能"</span><span> > </span></span></span>
</li>
<li>
<span style="font-size:14px;"><span><img src=<span>"201303521.png"</span><span> alt=</span><span>"WordPress 添加文章浏览历史功能"</span><span> /> </span></span></span>
</li>
<li>
<span style="font-size:14px;"><span></a> </span></span>
</li>
</ol>
</blockquote>
<p>
<br><br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><strong style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>关键词自动添加链接</strong></p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
还可以再添加一个功能,将文章标签作为关键词,将文章内的关键词自动加上链接,有利于SEO,别人复制的时候,就会留下链接了,在上面的函数里继续添加一段代码即可:<br>
</p>
<div style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>
<div style="margin: 0px; padding: 0px; outline: none; float: right; line-height: 25.2px; font-size: 14px;">
<span style="line-height: 25.2px; cursor: pointer;"><u>复制代码</u></span>
</div>
代码如下:</div>
<div id="phpcode5" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
function auto_post_link($content) { <br>
global $post; <br>
$content = preg_replace('/<s*imgs+[^>]*?srcs*=s*('|")(.*?)[^>]*?/?s*>/i', "<a href="".get_permalink()."" title="".$post->post_title."" ><img src="$2" alt="".$post->post_title."" /></a>", $content); <br><br>
$posttags = get_the_tags(); <br>
if ($posttags) { <br>
foreach($posttags as $tag) { <br>
$link = get_tag_link($tag->term_id); <br>
$keyword = $tag->name; <br>
$content = preg_replace(''(?!((<.*?)|(<a.*?)))('. $keyword . ')(?!(([^<>]*?)>)|([^>]*?</a>))'s','<a href="'.$link.'" title="'.$keyword.'">'.$keyword.'</a>',$content,2);//最多替换2个重复的词,避免过度SEO <br>
} <br>
} <br>
return $content; <br>
} <br>
add_filter ('the_content', 'auto_post_link',0);</div>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
希望本文所述对大家的WordPress建站有所帮助。</p>
頁:
[1]