Как в WordPress добавить ссылку к миниатюре

Wordpress cделать миниатюру ссылкой

Здравствуйте!

Структура главных страниц почти у всех блогов одинакова. Обычно, там отображается список n последних статей с их короткими анонсами и изображениями-миниатюрами (если таковые используются). При клике по заголовку статьи вы попадаете на страницу этой статьи с её полным содержанием. Достаточно удобно, когда клик по миниатюре тоже будет перенаправлять читателя на полную статью.

Дело в том, что не во всех шаблонах WordPress добавлена ссылка к миниатюре. Если вы тот самый “счастливчик” в шаблоне которого клик по изображению-миниатюре ничего не даёт и вы хотите добавить ссылку к миниатюре, то этот пост как раз для вас.

 

Как сделать миниатюру ссылкой

Вывод списка статей происходит в файле index.php вашего шаблона WordPress.

Откройте этот файл /wp-content/themes/название_шаблона/index.php.

Вот код, который отвечает за вывод списка анонсов постов:

Здесь идет проверка на наличие статей и цикл в котором выводятся анонсы.

Вот фрагмент кода, который отвечает именно за вывод миниатюры к анонсу статьи:

Собственно здесь и нужно внести коррективы.

Ссылка создается с помощью тегов <a></a>. И у ссылки есть атрибут href в котором указывается url-адрес на который ссылка должна перенаправить пользователя.

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

Давайте посмотрим каким образом получается url-поста для заголовка статьи.

Вот в строке 8 видите фрагмент <a href=”<?php the_permalink() ?>”

Аналогично поступим и с нашей миниатюрой – обрамим её тегами <a></a>, а атрибуту href значение будет задавать функция the_permalink().

Итак, вот, что у меня получилось:

Добавленный код расположен в строках 3 и 6. Соответственно – открывающий и закрывающий теги a.

Еще вы может заметить, что я изменил синтаксис конструкции if. Это два эквивалентных способа написания условий if:

Просто endif во втором способе более заметно, чем просто закрывающая фигурная скобка }. Поэтому, когда код php идет вперемешку с кодом html, я использую способ 2.

Это все. Миниатюра теперь расположена в ссылке, и все работает как надо. Проверяйте.

Подведем итог, чтобы сделать миниатюру ссылкой, нужно обрамить код, выводящий миниатюру, тегами <a></a> вот таким образом:

Есть вопросы – спрашивайте.

Успехов!

Понравилась статья? Не забудьте поделиться с друзьями и коллегами:

Вы можете пропустить чтение записи и оставить комментарий. Размещение ссылок запрещено.

4 комментария к записи “Как в WordPress добавить ссылку к миниатюре”

  1. Алексей Витковский

    Спасибо большое за статью! Попробовал сделать такой алгоритм к одному сайту – получилось! Интересно, это только в старых шаблонах имеется такой “дефект”? Просто в новых такого не наблюдал :)

    • Алексей Ершов

      Пожалуйста, если действительно пригодилась информация. Шаблоны не смотрел другие по этому поводу, но в моём не хватало такой ссылки. Вот описал способ решения.
      Алексей, поздравляю Вас! Вы автор первого комментария к статье. На блоге действует конкурс 15 WMR за первый комментарий. Если желаете получить приз, то Вам нужно еще выполнить репост статьи в любую из соцсетей и прислать мне номер Вашего WMR кошелька (мейл см. на странице О сайте).

      • Алексей Витковский

        Да, пожалуйста – plus.google.com/112356189190732779910/posts – ссылка, а WMR – R217783563730. И большое спасибо, очень интересный конкурс :)

        • Алексей Ершов

          Отправил приз. =) Заходите в гости почаще!

Оставить комментарий

Для размещения кода в комментарии используйте теги <pre> </pre>, например:


Подписаться, не комментируя