欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」3个设置WordPress内容自动图片添加ALT和TITLE属性的脚本

作者 : 自学哈 本文共2773个字,预计阅读时间需要7分钟 2022-11-26 共101人阅读
也想出现在这里? 联系我们

从SEO角度考虑,我们的每篇文章中的图片需要加上ALT和TITLE属性。不过,有些时候我们编辑文章的时候忘记添加属性,那我们有没有办法可以批量自动添加呢?在这篇文章中,我们可以通过可选的办法来通过自动给没有设置ALT和TITLE属性的图片自动添加这篇文章的标题作为2个属性。

1、方法1

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\');

2、方法2

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\');

3、方法3

function wpface_image_alt_title($content) {
  global $post;
  $alt_title = $post->post_title;
  preg_match_all(\'/<img(.*?)src=(\'|\")(.*?).(bmp|gif|jpeg|jpg|png)(\'|\")(.*?)>/i\', $content, $matches);
  if($matches) {
    foreach($matches[0] as $val) {
      $place_content = $val;
      //先把空白 alt 和 title 属性清理掉
      $place_content = str_replace(\' alt \', \' \', $place_content);
      $place_content = str_replace(\' \', \'\', $place_content);
      $place_content = str_replace(\' title \', \' \', $place_content);
      $place_content = str_replace(\' title=\"\"\', \'\', $place_content);
      //如果想覆盖原来的 alt 或 title 属性,就把下面两句的注释取消
      //$place_content = preg_replace(\'/ alt=\"(.*?)\"/\', \'\', $place_content);
      //$place_content = preg_replace(\'/ title=\"(.*?)\"/\', \'\', $place_content);
      //判断如果没有 alt 或 title 属性就用文章标题添加
      if(strpos($place_content,\'alt=\')===false) {
        $place_content = str_replace(\"/>\", \"\", $place_content).\' alt=\"\'.$alt_title.\'\"/>\';
      }
      if(strpos($place_content,\'title=\')===false) {
        $place_content = str_replace(\"/>\", \"\", $place_content).\' title=\"\'.$alt_title.\'\"/>\';
      }
      //替换 img 标签
      $content = str_replace($val, $place_content, $content);
    }
  }
  return $content;
}
add_filter(\'the_content\',\'wpface_image_alt_title\');

以上方法我们选择一个即可。

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」3个设置WordPress内容自动图片添加ALT和TITLE属性的脚本
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号