Настраиваем предпросмотр ссылок в виде скриншота в WordPress

Вы когда-нибудь видели сайты, которые отображают превью ссылок при наведении курсора мыши на эти самые ссылки? Такой эффект достигается путем использования всплывающего окна jQuery, который выводит скриншот страниц по ссылке, когда пользователи наводят на нее курсор. В этой статье мы покажем вам как отображать превью ссылок в WordPress.

live-preview-link-example[1]

Первым делом вам необходимо установить и активировать плагин WP Live Preview Links. После активации в административной панели WordPress появится новый элемент меню под названием Live Preview Links. Клик по нему переместит вас на страницу настроек плагина.

live-preview-links-settings[1]

Используя этот плагин, вы можете настроить предпросмотр для внешних, внутренних или же для всех ссылок. В зависимости от поставленной задачи, многие сайты используют «живой» предпросмотр внешних ссылок. Некоторые eCommerce-сайты используют предпросмотр ссылок для отображения страницы товара. Однако, стоит помнить о том, что слишком большое количество таких предпросмотров могут раздражать пользователей.

Среди других настроек вы можете выбрать размер всплывающего окна предпросмотра ссылки, его расположение и вид сайта (мобильная, десктоп версии). Настройки по-умолчанию должны подойти для большинства сайтов. Просто кликните на кнопку сохранения изменений для того, чтобы правки внеслись в базу данных.

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

Мы надеемся, что эта статья помогла вам научиться настроить предпросмотр ссылок в WordPress. Также вам может быть интересна наша статья о том, как исправить битые ссылки в WordPress с помощью Broken Link Checker.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
  • Дарья

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

    • ADv

      Нужно добавить поддержку Open Graph. С этим поможет плагин SEO by Yoast, например

Scroll To Top