用简单代码实现WordPress自动给图片添加alt和title属性

有网友在讨论,如何给网站中的图片自动添加图片的ALT和TITLE属性,因为在采集或者是编辑文章的时候确实图片太多的时候不会给图片添加这两个属性。如果我们采用的Wordpress肯定是有办法实现的,比如这里小编找到2个方法,可以实现自动在添加图片的时候加上属性。

1、方法A:添加ALT和TITLE

//文章图片自动添加alt和title属性(https://www.wenrr.com/整理)
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);

 

2、方法B:添加ALT

//文章图片自动添加alt和title属性(https://www.wenrr.com/整理)
function img_alt( $imgalt ){
global $post;
$title = $post->post_title;
$imgUrl = "<img\s[^>]*src=(\"??)([^\" >]*?)\\1[^>]*>";
if(preg_match_all("/$imgUrl/siU",$imgalt,$matches,PREG_SET_ORDER)){
if( !empty($matches) ){
for ($i=0; $i < count($matches); $i++){
$tag = $url = $matches[$i][0];
$judge = '/alt=/';
preg_match($judge,$tag,$match,PREG_OFFSET_CAPTURE);
if( count($match) < 1 )
$altURL = ' alt="'.$title.'" ';
$url = rtrim($url,'>');
$url .= $altURL.'>';
$imgalt = str_replace($tag,$url,$imgalt);
}
}
}
return $imgalt;
}

add_filter( 'the_content','img_alt');

这里将两处的代码选择其一,添加到当前主题的Functions.php文件中就可以实现。(路径举例:wp-content/themes/主题文件夹/functions.php)

关于用简单代码实现WordPress自动给图片添加alt和title属性的相关内容;如有侵权,请联系老文删除。

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
老文的头像老文
上一篇 2021年8月25日 上午12:52
下一篇 2021年8月27日 下午11:45

相关推荐

  • 如何提升WordPress网站打开前后台的速度

    给大家介绍如何提升WordPress打开前后台的速度,希望对需要的朋友有所帮助!装好WordPress之后,准备想访问自己的网站,或是登入后台的时候,却发现,这个速度不敢恭维,即使是本地话的程序,也是慢慢的。操作起来也要挺久。那下面我们来解决一下这个问题,提升WordPress的打开速度。 造成这个主要是谷歌被屏蔽的问题,其被屏蔽的主要原因,大家都懂的。 现…

    2022年2月12日 建站知识
    605
  • zblog博客站点安装的10款常用插件

    zblog是一款十分优秀的博客系统,但很多人都觉得zblog的功能不够强大,那可能是没将插件使用到位,今天文档网为大家分享一下,小编认为想要zblog博客站点强大的话就不得不安装的这10款常用插件。 1、sitemap sitemap插件可以生成xml网站地图,提交到百度站长平台后,更有利于网站内容的抓取。是博客必备插件之一。 2、html地图 html地图…

    2021年8月12日
    687
  • DUX大前端主题 菜单栏添加导航菜单字体图标方法

    很多朋友刚刚接触大前端Dux主题的时候,想要在短时间内折腾出一个漂亮大气的网站博客,也并不是那么容易,因为大前端Dux主题的功能真的很多很多,你自己都不知道从那里下手。今天老文跟小伙伴们说说大前端Dux主题如何添加导航菜单字体图标,Dux主题是默认加载font-awesome(字体图标),只要我们在菜单名称前添加字体图标的代码就可以了。 大前端Dux主题如何…

    2021年10月7日
    634
  • WordPress程序自动设置标签Tag自动内链无插件实现办法

    一直有使用WP keyword Link Plugin插件,但是发现这个插件已经好久没有更新,好像目前在平台中已经找不到。所以准备替换掉这个插件。类似的WordPress插件还是有很多的,比如Keywords to Links Converter、Auto Tag Links等都可以实现。 本着少用插件,能不用插件就不用的策略,所以准备还是无插件实现。 //…

    2021年8月18日
    742
  • 推荐三个方法来关闭 WordPress 自动更新

    推荐三个方法来关闭 WordPress 自动更新 # 方法一 推荐!编辑 WordPress 网站目录下的 wp-config.php 文件,添加如下代码: define( ‘AUTOMATIC_UPDATER_DISABLED’, true ); # 方法二 编辑当前主题的 functions.php 配置文件(仪表盘 – 外观 –…

    2023年8月22日
    372