学做网站培训课程介绍

当前位置:

WordPress发布文章自动给图片加ALT和TITLE属性

使用Wordpress做网站时,后台发布文章插入图片是需要手动添加图片的ALT和TITLE属性的。如果我们每天发布大量的文章,手动添加这些属于明显很费力。

下面学做网站论坛介绍一个Wordpress发布文章时,程序自动给图片加ALT和TITLE属性的方法。

方法/步骤

  1. 打开自己正在使用的WordPress模板,找到functions.php函数文件;
  2. 使用DW软件打开functions.php函数文件。(如果你不会使用DW软件,可以学习一下Dreamweaver CS6视频教程
  3. 在模板函数文件的特别下方找到 ?> 这样的标记,在这个标记上面添加以下的函数代码:
    
    
    function image_alttitle( $imgalttitle ){
    global $post;
    $category = get_the_category();
    $flname=$category[0]->cat_name;
    $btitle = get_bloginfo();
    $imgtitle = $post->post_title;
    $imgUrl = "<img\s[^>]*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.'第'.$j.'张" title="'.$imgtitle.'第'.$j.'张-'.$btitle.'" ';
    $url = rtrim($url,'>');
    $url .= $altURL.'>';
    $imgalttitle = str_replace($tag,$url,$imgalttitle);
    }
    }
    }
    return $imgalttitle;
    }
    add_filter( 'the_content','image_alttitle');
  4. 这样我们在网站后台上传图片时,程序就会自动添加ALT和TITLE属性了。效果如下图:
    Wordpress自动给图片加ALT和TITLE属性

除了上面的代码方式之外,还可以通过插件的方式来实现自动加ALT和TITLE标签;

这个插件叫做 SEO Friendly Images.可以自动添加alt信息,方便好用。

使用方法:https://www.xuewangzhan.net/wpbbs/10010.html

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 漂亮的wordpress淘客模板 图文教程 (111440 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • 本节课程要点:本课程讲解一下wordpress如何发布文章。wordpress的文章发布有很多形式可以选择,所以对于第一次接触的您来说,是不是碰到问题了?
  • 近期,有一些学做网站论坛的学员反映,当他们在wordpress网站的后台发布文章后,点击编辑器的HTML模式,会发现在文章的下面出现了一段无名的代码。代
  • 经常更换wordpress主题,会有一个困扰,就是之前主题的内容区域宽度比较大,很多正文图片的尺寸可能是500px,而换了一个主题,内容区域的宽度比较小,
  • 在日常上网过程中,复制,粘贴是特别寻常不过的了,有时我们在某一网站复制后,粘贴到别的地方时,它会自己加上它网站的一个版权信息链接。比如:此文章转
  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • 什么是HTML属性每个HTML元素都可以给它添加一些属性,让它成为我们做网站时需要的样子。例如一段文字,我们可以给它添加属性,使这段文字变成红色,
  • 对于使用DEDECMS织梦建网站的同学们来说,网站优化时网站的图片ALT信息不可或缺。如果网站图片海量的话,手工的添加图片ALT信息费时费力。为