用简单代码实现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设置自定义静态首页?

    首先我们设置一个php文件,文件名和代码都可以自定义,如show.php及下方代码为例: 代码语言:javascript 复制 <!DOCTYPE HTML> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8…

    2024年7月31日
    304
  • WordPress网站标题的分隔符-被转义为&#8211的解决办法

    最近不少用户给我反馈在使用WordPress主题时,在SEO设置中的分隔符自定义成英文特殊字符横杠”-“后,会被转义成HTML字符&amp;#8211 原因是这一切都是WordPress想的太过周到的锅,默认情况下,它会调用函数wptexturize来执行这个转换。 解决办法1:停止使用wptexturize转义任何字符 ad…

    2021年11月7日
    786
  • 腾讯轻量服务器挂载云硬盘的方法

    操作步骤 使用控制台挂载云硬盘 登录 云硬盘控制台。 在云硬盘列表页,您可以通过以下方法挂载云硬盘: 挂载单个云硬盘:选择状态为“待挂载”的云硬盘所在行右侧的更多 > 挂载。 批量挂载云硬盘:勾选状态为“待挂载”的云硬盘,单击云硬盘列表上方的挂载进行批量挂载。 弹出“挂载到实例”窗口,进入“挂载到实例”步骤。如下图所示: 选择需挂载的实例,并参考以下信…

    2022年11月27日
    205
  • WordPress不可忽视的面包屑导航SEO优化技巧

    什么是网站面包屑导航?面包屑导航意在告知用户所处的当前网页的位置,方便用户可以通过该导航快速返回上一级网页。面包屑导航一般都在导航的下面,形式一般为 首页 > 一级目录名称 > 二级目录名称 > 目前位置,尽量要把面包屑导航的层次控制在四层以内,这样也有利与搜索引擎蜘蛛一层层往下爬,到了四层以下就很难爬到了。 面包屑导航的作用 让用户了解目…

    2021年9月4日
    654
  • 小皮面板和宝塔哪个好?对比云服务器可视化网站面板工具

    目前,我们的Linux服务器配置网站环境都用到可视化面板。以前有用过WDCP,但是由于软件开发跟不上,逐渐被淘汰,后来我们开始用宝塔面板和原来的PhpStudy重构后的小皮面板。那这两个面板到底哪个好呢? 这不前几天有网友询问到,小皮面板和宝塔面板哪个好用一些。对于这个问题,老文笔记简单的梳理这两款面板的一些功能和选择建议。 1、小皮面板和宝塔面板的安装 小…

    2023年9月18日
    611