零基础学做网站培训介绍

当前位置:

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

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

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

方法/步骤

  1. 打开自己正在使用的WordPress模板,找到functions.php函数文件;
  2. 使用DW软件打开functions.php函数文件。(如果你不会使用DW软件,可以学习一下Dreamweaver CS6视频教程
  3. 在模板函数文件的特别下方找到 ?> 这样的标记,在这个标记上面添加以下的函数代码:
    
    
    /*
      *代码来源:学做网站论坛 https://www.xuewangzhan.net/
      *自动添加图片 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 = "<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如何给已发布文章批量添加TAG 标签

DEDECMS如何实现定时发布文章

WordPress批量定时发布插件

发表评论

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

相关教程

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