Как открыть предпросмотр ссылок, не покидая страницы | hyperlink popup

Как открыть предпросмотр ссылок, не покидая страницы | hyperlink popup | n-wp.ru Плагины

Чтобы посетитель не покидал просматриваемый сайт, существует множество хитростей. Одной из них является предпросмотр ссылки. Однако многие плагины делаеют этот предпросмотр в виде всплывающего окошка, которое появляется при подведении курсора к ссылке. Мне такой подход не очень нравится — становится неудобно читать содержимое, содержимое ссылок постоянно выскакивает при неосторожном движении мышкой. Чтобы сделать предпросмотр ссылок, но не надоедать всплывающими окнами, можно воспользоваться плагином hyperlink popup.

Как открыть предпросмотр ссылок, не покидая страницы | hyperlink popup

После установки и настройки нужных ссылок они будут открываться по клику в всплывающем окне с минималистичным дизайном. Окно предпросмотра открывается прямо на текущей странице, посетитель ее не покидает. Чтобы ссылка стала работать таким образом, нужно в нее добавить специальную метку rel=»pop»:

текст ссылки

По сути этот плагин по сути является всего лишь набором скриптов и одного файла оформления, которые автоматически подключаются в блоге:

add_action('wp_head', 'addHeaderCode');
function addHeaderCode() {
	echo '' . "n";   
	echo '' . "n";
	echo ""."n";  
	echo '' . "n"; 
}

Вы сами можете подключить эти скрипты, добавив приведенный код в файл functions.php, либо скачав их, переписав в блог, и прописав в файле header.php эти четыре директивы.

Скачать hyperlink popup

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

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

  1. maxxannik

    Сильно сложно допилить этот плагин до требования: если ссылка внешняя то просто открыть, а если внутренняя то открыть попап?

    Ответить
    1. Нужно просто поставить фильтр: если ссылка внутренняя — добавлять к ней rel=»pop».

      Ответить
  2. russkiiyazyk

    Ищу вариант, как сделать предпросмотр ссылок на Вордпресс-сайте так, как это сейчас реализовано в Википедии. Не подскажите как это сделать?

    Ответить