兰心婷质 發表於 2023-11-28 00:00:00

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>'/&lt;s*imgs+[^&gt;]*?srcs*=s*('</span><span>|</span><span>")(.*?)[^&gt;]*?/?s*&gt;/i', "</span><span>&lt;a href=</span><span>""</span><span>.get_permalink().</span><span>""</span><span> title=</span><span>""</span><span>.$post-&gt;post_title.</span><span>""</span><span> &gt;&lt;img src=</span><span>"$2"</span><span> alt=</span><span>""</span><span>.$post-&gt;post_title.</span><span>""</span><span> /&gt;&lt;/a&gt;", $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>&lt;a href=</span><span>"wordpress-view-history.html"</span><span> title=</span><span>"WordPress 添加文章浏览历史功能"</span><span> &gt;  </span></span></span>
</li>
<li>
<span style="font-size:14px;"><span>&lt;img src=<span>"201303521.png"</span><span> alt=</span><span>"WordPress 添加文章浏览历史功能"</span><span> /&gt;  </span></span></span>
</li>
<li>
<span style="font-size:14px;"><span>&lt;/a&gt; </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('/&lt;s*imgs+[^&gt;]*?srcs*=s*('|")(.*?)[^&gt;]*?/?s*&gt;/i', "&lt;a href="".get_permalink()."" title="".$post-&gt;post_title."" &gt;&lt;img src="$2" alt="".$post-&gt;post_title."" /&gt;&lt;/a&gt;", $content); <br><br>
$posttags = get_the_tags(); <br>
if ($posttags) { <br>
foreach($posttags as $tag) { <br>
$link = get_tag_link($tag-&gt;term_id); <br>
$keyword = $tag-&gt;name; <br>
$content = preg_replace(''(?!((&lt;.*?)|(&lt;a.*?)))('. $keyword . ')(?!(([^&lt;&gt;]*?)&gt;)|([^&gt;]*?&lt;/a&gt;))'s','&lt;a href="'.$link.'" title="'.$keyword.'"&gt;'.$keyword.'&lt;/a&gt;',$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]
查看完整版本: WordPress给文章图片自动添加链接的方法