建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

悦然建站分享:图片添加Alt和Title属性脚本(Code Snippets)(WordPress在发布文章时该如何自动给图片添加title及Alt属性呢?)

GG网络技术分享 2025-03-18 16:13 2


悦然建站分享:图片添加Alt和Title属性脚本(Code Snippets)

作者:悦然wordpress建站(悦然建站)


(此处已添加小程序,请到今日头条客户端查看)


图片添加Alt和Title属性脚本

这个脚本可以给wordpress站点的所有文章图片添加alt和title属性,不用我们再手动添加了,非常方便。

这里给大家分享了两个版本,一个是所有图片显示一样,一个会依次显示第几张,大家自己测试吧。

脚本使用方法

进入wordpress建站后台,然后在依次点开Snippets(需先安装启用Code Snippets插件)-Import。

然后点【选择文件】,选择网盘下载的脚本文件即可,导入后记得启用一下。

WordPress在发布文章时该如何自动给图片添加title及Alt属性呢?

使用Wordpress做网站时,后台发布文章插入图片是需要手动添加图片的ALT和TITLE属性的。如果我们每天发布大量的文章,手动添加这些属于明显很费力。那么WordPress在发布文章时该如何自动给图片添加title及Alt属性呢?

下面小编为大家介绍一个Wordpress发布文章时,程序自动给图片加ALT和TITLE属性的方法。

方法/步骤:

1.打开自己正在使用的Wordpress模板,找到functions.php函数文件;

2.使用DW软件打开functions.php函数文件。

3.在模板函数文件的最下方找到 ?> 这样的标记,在这个标记上面添加以下的函数代码:

/*

*自动添加图片 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\');

这样我们在网站后台上传图片时,程序就会自动添加ALT和TITLE属性了。效果如下图:

WordPress在发布文章时该如何自动给图片添加title及Alt属性呢? (https://www.wpmee.com/) WordPress开发教程 第1张

标签: 小程序

提交需求或反馈

Demand feedback