


Блог IT-шника
Блог IT-шника
Привіт:) У цьому пості покажу, як автоматично проставити атрибут 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-коді буде наступне: