Главная Блоги Блог админа

Как добавить альт к картинкам в записях блога

Опубликовано:
Редактировалось: 1 раз — 4 декабря 2019
Просмотров: 3987
+3↑
Голосов: 3
Добавляем альт в записи блога. Всем доброго дня еще раз. Итак в связи с некоторой работой по блогам, встала задача добавить к картинкам блога альт. Это было бы лучше для поисковика и продвижения материалов сайта написанных в блогах. Как это сделать? Помог в этом разобраться и решить вопрос очень хороший программист, но самое главное весьма хороший товарищ Pasha, который несмотря на Рождество успевал решить и домашние дела и показал как добавить альт. Задача была непростой а вот решение оказалось гораздо проще, чем казалось. Как говорится голова боится а ум делает - именно так можно сказать в данном случае.
Как добавить альт к картинкам в записях блога
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


Что надо сделать, чтобы альт картинки соответствовал названию записи в блоге. Заходим в includes, открываем файл bbcode.lib.php, в нём надо найти функцию function img_2html (обработчик тега ) которая отвечает за обработку картинок, и найти строку $attr = 'alt=""'; - добавляем к ней код, чтобы выглядело так

Код PHP:
  1. function img_2html($elem) {
  2.  if(cmsCore::getInstance()->component == 'blogs')
  3.    $attr = "alt='".$this->cleanAttrValue($_POST['title'])."'";
  4.        else
  5.         $attr = 'alt=""';

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

Здесь тоже есть решение, благодаря снова Паше. Добавляем в файл просмотра блога com_blog_view_post.tpl вашего шаблона следующий код

Код PHP:
  1. {literal}
  2. <script type="text/javascript">
  3. $('img').each(function(){$(this).attr('alt','{/literal}{$post.title}{literal}');});
  4. </script>
  5. {/literal}
Все, теперь у ваших записей будет альт.
Теги: шаблон, блоги
Комментарии (1)
Letsgo #
: 0
Небольшой бонус. Как растянуть картинку в блоге на всю ширину. В стиле находим
.forum_zoom

Добавляем к нему ширину 98% и добавляем в стиль

Код PHP:
  1. .forum_zoom img {
  2. width: 100% !important;
  3. height: auto;
  4. }
Всё готово)
Ответить
Добавить комментарий RSS-лента комментариев

Голосуем

Самый нужный компонент