WordPress中自动为文章内容的图片添加文章标题作为alt属性

2024-12-10 20 0

要在WordPress中自动为文章内容的图片添加文章标题作为alt属性,可以通过以下方法实现:

可以将以下PHP代码添加到你的主题的functions.php文件中,这段代码会检查文章内容中的<img>标签,如果这些标签没有alt属性或者alt属性为空,它会为这些标签添加alttitle属性,属性的值是文章的标题加上图片的序号。

//添加文章标题作为alt属性
function add_image_alt_title_tags($content) {
global $post;
$post_title = $post->post_title;
$pattern = '/<img(.*?)\/>/i';
preg_match_all($pattern, $content, $matches);
$image_count = count($matches[0]);
foreach ($matches[0] as $index => $img_tag) {
if (strpos($img_tag, ' alt=') === false || preg_match('/ alt=["\']\s*["\']/', $img_tag)) {
if ($image_count === 1) {
// 如果只有一张图片,不添加序号
$replacement = preg_replace('/<img/', '<img alt="' . $post_title . '" title="' . $post_title . '"', $img_tag);
} else {
// 如果有多张图片,添加序号
$replacement = preg_replace('/<img/', '<img alt="' . $post_title . '-' . ($index + 1) . '" title="' . $post_title . '-' . ($index + 1) . '"', $img_tag);
}
$content = str_replace($img_tag, $replacement, $content);
}
}
return $content;
}
add_filter('the_content', 'add_image_alt_title_tags');

 

自动为WordPress文章中的图片添加alt属性,提高网站的SEO友好性和无障碍访问性。

相关文章

WordPress 代码高亮,Pure Highlightjs for Mac一键复制插件
纯代码实现WordPress文章中的外链图片自动下载到本地
为WordPress添加自定义设置上传头像功能
纯代码实现wordpress站点地图(sitemap)自动生成
WordPress自定义默认资料头像,禁用发布文章自动保存
WordPress关闭自动更新、禁用古腾堡编辑器、固定连接伪静态设置

发布评论