Автоматическая вставка атрибута title в WordPress

Блог Владимира Шишкова

Как создать, раскрутить и зарабатывать на своем блоге

Работа с блогом

Автоматическая вставка атрибута title в WordPress

Автоматическая вставка атрибута title в WordPress
5 (100%) 40 голос[ов]

Автоматическая вставка атрибута title в WordPress

Автоматическая вставка атрибута title, дает возможность сократить время для оптимизации изображений при вставке их в статьи блога. Поэтому, лишний раз, не нужно будет заходить в редактирование изображения и добавлять атрибут title в ручную. Для этого нам нужно сделать некоторые действия и затем наслаждаться результатом.

Атрибут title

В одной из своих статей “Правильная вставка изображений в статьи блога“, мы касались момента, как правильно вставлять изображения в статьи блога. Так как, этого требует SEO-оптимизация.

Также мы вставляли различные атрибуты картинки в том числе и атрибут title. Для того, чтобы было более понятно, давайте разберем это на конкретном примере.

Сначала добавим новую запись к нашему блогу в консоли WordPress, войдем в нее и в панели инструментов нажмем кнопку “Добавить медиафайл” (Рис.1).

Добавление картинки

Добавить медиафайл

Рис. 1

Открывается новое окно.

Загрузить файлы

Рис. 2

Переходим на вкладку “Загрузить файлы” (Рис.2-п.1) и жмем на кнопку “Выберите файлы” (п.2).

Выбор картинки

Рис. 3

Открывается “Проводник”, в котором выбираем нашу картинку (Рис.3-п.1) и нажимаем на кнопку “Открыть” (п.2).

Параметры файла

Параметры файла

Рис. 4

В открывшемся окне нас интересуют “Параметры файла”, которые находятся с правой стороны (Рис.4-п.1). Далее заполняем “Заголовок” (п.2), “Атрибут alt” (п.3) и “Описание” (п.4). Также по желанию можно заполнить “Подпись”, которая выводит текст под самой картинкой.

Я “Подпись” не использую, так как ввожу ее под картинкой непосредственно в редакторе. Далее нажимаем на кнопку “Вставить в запись” (п.5).

Внимание ! Читайте статьи:
 Аналитика блога с помощью Яндекс.Метрики и Google Analytics
 Автоматическое сжатие картинок в Jpeg и Png на блоге
 Поиск ключевых слов с помощью сервиса Мутаген

 

Редактор картинки

Редактор картинки

Рис. 5

Теперь наша картинка вставлена в статью. Для того, чтобы добавить “Атрибут title”, нам нужно зайти в редактор изображения (Рис.5-п.1).

Параметры изображения

Параметры изображения

Рис. 6

В появившимся окне видим “Атрибут alt” (Рис.6-п.1), а ниже, как раз нужный нам “Атрибут title” (п.2), где его нужно вставить в ручном режиме и нажать кнопку “Обновить” (п.3).

Чтобы данный процесс ускорить и “Атрибут title” попадал в данное поле автоматически, нам нужно вставить небольшой код. Это даст возможность не делать лишних движений и не терять время.

Для этого нам нужно зайти в “Файловый менеджер” нашего хостинга или сервера. Здесь можно использовать разные файловые менеджеры: WinSCP, Total Commander, FileZilla и др.

Файловый менеджер

Файловый менеджер

Рис. 7

Запускаем файловый менеджер и заходим в папку своего блога (Рис.7-п.1). Там находим файл functions.php, в который мы и будем добавлять наш код.

Конечно файл functions.php можно отредактировать прямо здесь, нажав на нем правую кнопку мыши. Но я все же рекомендую сначала скопировать файл на свой компьютер и отредактировать его уже на нем.

Итак, открываем наш файл functions.php в редакторе например: NotePad++ и вставляем в самом низу такой код:

Код для вставки поля “Атрибут title”

Внимание ! // возвращаем title для img
function lcb_restore_image_title( $html, $id ) {
$attachment = get_post($id);
$mytitle = $attachment->post_title;
return str_replace(‘<img’, ‘<img title=”‘ . $mytitle . ‘” ‘ , $html);
}
add_filter( ‘media_send_to_editor’, ‘lcb_restore_image_title’, 15, 2 );

 

После чего, сохраняем файл и копируем его обратно на хостинг.

Прекрасно. Теперь наш “Атрибут title” будет вставляться автоматически и нам не понадобиться, его вставлять в ручную. Что сэкономит наше драгоценное время при написании статей.

После того, как мы вставляем картинку.

Готовая картинка с “Атрибут title”

Наша картинка

Рис. 8

Видим, что “Атрибут title” вставляется автоматически (Рис.8). Это видно при наведении курсора мыши на изображение, после чего появляется описание “Наша картинка” (п.1).

В последней версии WordPress, когда был изменен текстовый редактор “Атрибута title” нет и он там не работает, что очень печально. Так как “Атрибут title” используется для оптимизации блога и появления текста при наведении мышью на картинку.

Хотя новый редактор довольно интересен и напоминает мне Elementor. Хотя конечно к нему нужно привыкнуть.

Я же использую старый редактор, так как считаю, что новый еще сыроват. Для того, чтобы вернуться к старому редактору нужно просто установить плагин Classic Editor и работать в привычном редакторе. В котором данный код работает прекрасно.

Ну, а новым блочным редактором можно будет воспользоваться, когда его все же приведут в надлежащее состояние.

Прекрасно! Вот мы и познакомились с прекрасной возможностью автоматической вставки поля “Атрибут title”.

Пользуйтесь и экономьте свое время.

Буду рад Вашим вопросам и комментариям

Успехов Вам
С уважением Владимир Шишков

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Автоматическая вставка атрибута title в WordPress
5 (100%) 40 голос[ов]

Работа с блогом

Рекомендую статьи

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован.



Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: