零基础建站培训教程介绍

当前位置:

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属性

发表评论

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

相关教程

学习建网站请选择学做网站论坛零基础建站课程