Як автоматично заповнити Alt у зображеннях WordPress

Привіт:) У цьому пості покажу, як автоматично проставити атрибут alt="" у зображеннях, які виводяться у користувацькій частині сайту.

В одному із матеріалів я показував як автоматично заповнювати поля Alt, Caption та Description при завантаженні файлів у WordPress. Нагадаю, що цей метод передбачає заповнення вказаних атрибутів у вмісті самого файлу та спрацьовує лише у разі його завантаження через Медіабібліотеку.

Іноді потрібно, щоб атрибут Alt підставлявся автоматично (на ходу). Причин цьому може бути декілька. Наприклад, на сайті завантажено 100 чи більше картинок, у яких не заповнений цей атрибут, але SEO-шники вимагають це зробити. Друга причина — багатомовність сайту. Не завжди є можливість перекласти та вивести Alt відповідною мовою.

Спосіб автоматичного заповнення alt="" передбачає, що при відкритті користувачем сторінки (або запису) на сайті, для всіх її зображень на ходу будуть проставлені значення цього атрибуту, які відповідають назві цієї сторінки.

Просто додайте код у свій файл functions.php.

if ( ! function_exists( 'mp_add_alt_tag' ) ) {
	function mp_add_alt_tag( $content ) {
		global $post;
		if ( is_single() || is_page() ) {
			$pattern = array( ' alt=""', ' alt=\'\'' );
			$replacement = array( ' alt="' . esc_attr( $post->post_title ) . '"', ' alt=\'' . esc_attr( $post->post_title ) . '\'' );
			$content = str_replace( $pattern, $replacement, $content );	
			return $content;
		} else { 
			return $content;
		}	
	}
}
add_filter( 'the_content', 'mp_add_alt_tag', 99999 );

В результаті у HTML-коді буде наступне:

Михайло Петров
Михайло Петров

Мене звати Михайло. Я — WordPress-розробник. Створюю візитки, корпоративні сайти, блоги на WordPress.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *