搬码资源网广告位 搬码资源网广告位

纯代码实现WordPress图片自动添加alt属性和title属性

下面是搬码源码网 abnma.com 通过网络收集整理的代码片段。搬码源码网小编现在分享给大家,也给大家做个参考。

我们的博客网站中的每一篇文章或多或少都会有一些图片,而关于图片的 alt 和 title 特点,我想大部分博主站长应该都不会陌生。alt 和 title 标签属性能给访客用户更好的浏览体验,同时对 SEO 也很有利,一般的 wordpress 主题都不具备自动添加标签的功能,我们都知道图片的 alt 和 title 特点非常重要,但是在增加图片的时候总是不能坚持,或偶然漏掉 alt 或 title,或 alt 和 title 特点都漏掉,如果网站图片比较多的情况下,要想让图片更符合 SEO 排名,就需要手动的给每一张图片添加 ALT 属性,图片的 alt 属性对于网站的收录及流量来源有多重要不用你给我说大家一定都知道。但是每次添加图片都要手动添加会非常麻烦,尤其是图片多的时候。今日就创客云跟大家说一说怎么让 wordpress 站点的图片自动添加 alt 属性和 title 属性。

方法一

在你主题目录下的函数文件 functions.PHP 中添加以下代码:

//文章图片自动添加alt和title属性

function image_alt_tag($content){

global $post;preg_match_all(‘/<img (.*?)/>/’,$content,$images);

if(!is_null($images)) {foreach($images[1] as $index => $value)

{$new_img = str_replace(‘<img’,'<img alt=”‘.get_the_title().’-‘.get_bloginfo(‘name’).'” title=”‘.get_the_title().’-‘.get_bloginfo(‘name’).'”‘,$images[0][$index]);

$content = str_replace($images[0][$index],$new_img,$content);}}

return $content;

}

add_filter(‘the_content’,’image_alt_tag’,99999);

如果文章没有这两个标签将自动获取文章标题添加,如果有安装缓存插件和使用 CDN 的站长刷新缓存就可以看到了。

方法二

此方法来源于 boke112 导航,wordpress 是强大的,而且网络上的资源也挺多的,经过本站修改测试,发现只需要将以下代码添加到我们所使用主题的 functions.PHP 文件最后一个?>之前,即可实现自动为 wordpress 站点图片添加 alt 和 title 属性

/**

  *自动添加图片 alt 和 title 属性

*/

function image_alttitle( $imgalttitle ){

global $post;

$category = get_the_category();

$flname=$category[0]->cat_name;

$btitle = get_bloginfo();

$imgtitle = $post->post_title;

$imgUrl = “<imgs[^>]*src=(“??)([^” >]*?)\1[^>]*>”;

if(preg_match_all(“/$imgUrl/siU”,$imgalttitle,$matches,PREG_SET_ORDER)){

if( !empty($matches) ){

for ($i=0; $i < count($matches); $i++){

$tag = $url = $matches[$i][0];

$j=$i+1;

$judge = ‘/title=/’;

preg_match($judge,$tag,$match,PREG_OFFSET_CAPTURE);

if( count($match) < 1 )

$altURL = ‘ alt=”‘.$imgtitle.’ ‘.$flname.’ 第’.$j.’张” title=”‘.$imgtitle.’ ‘.$flname.’ 第’.$j.’张-‘.$btitle.'” ‘;

$url = rtrim($url,’>’);

$url .= $altURL.’>’;

$imgalttitle = str_replace($tag,$url,$imgalttitle);

}

}

}

return $imgalttitle;

}

add_filter( ‘the_content’,’image_alttitle’);

以上代码默认的 alt 属性为“文章标题 分类名称 第几张”,title 属性为“文章标题 分类名称 第几张-站点名称”。

特别说明:

1、以上代码只针对没有 alt 或 title 属性的图片,如果该图片已经有 alt 或 title 属性,那么它们的值为空也是无效的。比如某张图片的 alt=””,那么对这个 alt 属性也是失效的。

2、以上代码会智能判断,如果都没有 alt 和 title 属性,那么就会自动给该图片添加上 alt 和 title 属性;如果都没有 alt 属性,那么就会自动给该图片添加上 alt 属性;如果都没有 title 属性,那么就会自动给该图片添加上 title 属性。大家慢慢体会吧。

3、本想在 alt 属性中加上文章的关键字(Tag 标签)的,可惜折腾了很久都没有成功,后来改为文章分类了。期待高手出现把以上代码完善。

以上是搬码源码网(abnma.com)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得搬码源码网网站内容还不错,欢迎将搬码源码网网站推荐给程序员好友。

声明:
本站发布的文章及附件仅限用于学习和研究目的;不得将上述内容用于商业或非法用途,否则后果请用户自负。
本站资源来自网络收集,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。
如果您喜欢该程序,请支持正版软件,得到更好的正版服务。
本文链接:https://www.abnma.com/11074.html,转载请注明出处。
如有侵权,请邮件联系我们删除处理。

0
搬码资源网广告位

评论0

请先

没有账号? 注册  忘记密码?