Здравствуйте !
Сегодня я покажу вам два способа – как сделать атрибут title, для фотографии, и для текстовой ссылки. Для чего нужен атрибут title ? он нужен для обозначения того или иного элемента на вашем сайте. В данном атрибуте можно указать какие-либо напутствующие слова или объясняющие, которые отображаются в виде всплывающей подсказки.
Пример:
Так же атрибут title помогает поисковым роботам лучше понять ваш сайт, его тематику, направление, что хорошо влияет на ранжирование вашего сайта в поисковой выдаче.
Атрибут title для фотографии
Итак, а теперь давайте приступим непосредственно к созданию атрибута, начнём с фотографии. Для изображения атрибут title делается очень просто и быстро. Откройте для редактирования запись или страницу на вашем сайте, загрузите туда любую фотографию. Выделите фотографию, нажав на неё курсором мыши, и нажмите на вкладку Изменить, в виде значка карандашика. 
(смотри фото)
Далее, у вас откроется окно с параметрами изображения, здесь вам нужно, в дополнительных настройках, указать атрибут title, и нажать на кнопку – Обновить.
Теперь для данной фотографии будет показываться атрибут title в виде всплывающей подсказки. Можете проверить, наведя курсор мыши на фото.
Текстовый атрибут title
А теперь я покажу вам, как добавить атрибут не через визуальный редактор, а через HTML код, на wordpress это вкладка – Текст.
1. Обычная текстовая ссылка, то есть без всяких добавлений:
<a title=”Текстовый атрибут” href=”http://info-effect.ru”>Как сделать атрибут титле ?</a>
2. Текстовая ссылка с добавлением: цвет, расположение по центру, жирный текст, подчёркнутый:
<p style=”text-align: center;”><span style=”color: #0000ff;”><strong><span style=”text-decoration: underline;”><a style=”color: #0000ff; text-decoration: underline;” title=”Текстовый атрибут” href=”http://info-effect.ru”>Как сделать атрибут титле ?</a></span></strong></span></p>
3. HTML код фотографии с атрибутом title: (фото выставлено по центру)
<img class=”aligncenter wp-image-3229 size-full” title=”Титле для фото” src=”http://info-effect.ru/wp-content/uploads/2015/07/16-07-2015-19-00-06.jpg” alt=”виджеты vk” width=”314″ height=”200″ />
Как видите во всех случаях, атрибут титле указывается перед URL адресом, либо ссылки, либо фотографии, после всех дополнений. Учитывайте этот момент, когда будете сами делать атрибут.
Кстати, если вам интересно – Как сделать более продвинутую всплывающую подсказку, то я рассказывал об этом – Здесь.
На этом всё, надеюсь статья оказалась для вас полезной, до новых встреч ! У вас остались вопросы ? пишите мне в Обратную связь, либо оставьте комментарий к данной записи. Я всем отвечу !