Как добавить атрибуты alt и title к картинкам товаров WooCommerce
Добавление атрибутов alt
и title
к изображениям товаров в WooCommerce может улучшить SEO вашего сайта и сделать его более доступным для пользователей. В этой статье мы рассмотрим, как это сделать с помощью небольшого фрагмента кода.
Шаг 1: Создание функции для добавления атрибутов
Первый шаг — создать функцию, которая добавит атрибуты alt
и title
к изображениям товаров. Мы будем использовать хуки WooCommerce для этого.
function add_custom_image_attributes($attr, $attachment, $size) {
// Получаем объект товара
global $post;
if (is_product()) {
// Получаем название товара
$product_title = get_the_title($post->ID);
// Устанавливаем атрибуты alt и title
$attr['alt'] = $product_title;
$attr['title'] = $product_title;
}
return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'add_custom_image_attributes', 10, 3);
Шаг 2: Вставка кода в файл functions.php
Теперь, когда у нас есть функция, нужно вставить её в файл functions.php
вашей темы. Этот файл находится в папке вашей активной темы (например, wp-content/themes/your-theme/functions.php
).
Откройте файл functions.php
и добавьте в него следующий код:
function add_custom_image_attributes($attr, $attachment, $size) {
// Получаем объект товара
global $post;
if (is_product()) {
// Получаем название товара
$product_title = get_the_title($post->ID);
// Устанавливаем атрибуты alt и title
$attr['alt'] = $product_title;
$attr['title'] = $product_title;
}
return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'add_custom_image_attributes', 10, 3);
Шаг 3: Проверка изменений
После того как вы добавили код в functions.php
, сохраните файл и загрузите его обратно на сервер, если вы редактировали его локально. Затем откройте страницу любого товара на вашем сайте и проверьте исходный код страницы, чтобы убедиться, что атрибуты alt
и title
были добавлены к изображениям товаров.
Заключение
Добавление атрибутов alt
и title
к изображениям товаров в WooCommerce — это простой способ улучшить SEO и доступность вашего сайта. С помощью приведённого выше кода вы можете легко добавить эти атрибуты к изображениям товаров на вашем сайте.
Внимание: При внесении изменений в файл functions.php
всегда создавайте резервную копию файла, чтобы избежать потери данных в случае ошибки.