Плагін Hide Links - приховування зовнішніх посилань

  1. Опис плагіна Hide Links
  2. Як працює Hide Links
  3. Використання шоткода [link]
  4. Закриття посилань в коментарях, віджети і в HTML коді
  5. Перевірка роботи HideLinks
  6. перше
  7. Друге
  8. установка плагіна
  9. Завантажити Hide Links

Наші постійні відвідувачі пам'ятають статтю Володимира про закриття посилань з покроковим керівництвом установки скрипта і написання коду посилань. І ще кілька про те, як таким-же способом закрити посилання коментаторів і чому небезпечно користуватися одним вельми популярним плагіном .

Саме ці статті і обговорення в коментарях стали величезним поштовхом до написання готового до роботи інструменту - плагіна Hide Links. Його встановлення та налаштування під силу навіть новачкові і займе не більше 5 хвилин. Детальніше про можливості плагіна Hide Links і посилання на його скачування - далі в статті.

Опис плагіна Hide Links

Плагін дає можливість закрити зовнішні посилання від індексації пошуковими системами:

  • Додає спеціальний шоткод [link] [/ link], за допомогою якого можна приховати зовнішнє посилання в тексті статті, в текстовому віджеті або в тексті коментаря.
  • Приховує адреси сайтів всіх коментаторів в стрічці коментарів (в тексті коментаря зовнішні посилання не будуть ховатись).

Закриття зовнішніх посилань від індексації здійснюється методом з використанням спеціального jQuery скрипта. Більш детальну інформацію про суть цього методу можна знайти в статті про закритті зовнішніх посилань від Володимира (в плагіні використовується скрипт з другим способом).

Плагін орієнтований на синтаксис офіційно рекомендованого HTML5.

Але користуватися плагіном можна навіть якщо сайт на HTML 4.1. Працездатність повністю зберігається з єдиним недоліком - наявність невалидность для HTML 4.1 атрибутів data- *. Помилка не критична і не перешкоджає правильній побудові і відображенню документа.

до змісту ↑

Як працює Hide Links

Механізм заснований на маскировании посилань під звичайний текстовий тег:

  1. Плагін записує закриту посилання в вихідному коді як тег <span> зі спеціальними значеннями:
    • з атрибутами data- *, в яких зберігаються дані для майбутньої посилання (адреса і значення для target і rel);
    • з класом link, за яким скрипт пізнає «приховане посилання».
  2. Після повного завантаження сторінки сайту, включається скрипт на jQuery, який перезаписує всі теги <span> c класом link в звичайне посилання.
  3. При підміні текстового тега на посилання, зберігаються атрибути class, id, style. А також - весь html-код, що знаходиться всередині тега (це дозволяє закривати посилання з картинками замість анкора - банерами).

У вихідному коді посилання буде виглядати так:

<Span data-link = "http://site.com" data-target = "_ blank" title = "Тайтл" class = "link"> анкор посилання </ span>

Після роботи скрипта посилання прийме стандартний вид в коді:

<a href="http://site.com" target="_blank" title="Тайтл"> анкор посилання </a> до змісту ↑

Використання шоткода [link]

1. У тексті статті додайте шоткод з текстом майбутньої посилання: [link] анкор посилання [/ link]

2. Виділіть текст посилання (в прикладі - анкор посилання) і натисніть кнопку Вставити / змінити посилання (в візуальному редакторі).

3. Налаштуйте параметри посилання, як робите це зазвичай і натисніть ОК.

4. Перевірте, щоб посилання встановилася тільки для тексту і не зачіпала відкриває і закриває шоткод.

до змісту ↑

Закриття посилань в коментарях, віджети і в HTML коді

Для закриття посилання в текстовому віджеті і в тексті коментаря шоткод потрібно ставити навколо стандартного html-коду гіперпосилання:

[Link] <a href="http://site.com" target="_blank" title="Тайтл"> анкор або картинка </a> [/ link]

А в коді сайту з використанням спеціальної конструкції з тегом span:

<Span data-link = "http://site.com" class = "link" data-target = "_ blank" title = "Тайтл"> анкор посилання </ span>

де, http://site.com - адреса посилання (обов'язково),
class = "link" - розпізнавальний клас прихованої посилання для скрипта (обов'язково),
анкор посилання - текст і / або html-код зображення (обов'язково),
data-target = "_ blank" - стандартний атрибут target,
а також title і id.

до змісту ↑

Перевірка роботи HideLinks

Посилання коментаторів і посилання, закриті шоткодом [link] зовні нічим не відрізняються від звичайних. При перегляді вихідного коду через контекстне меню «Перегляд коду елемента«, ви так само побачите звичайне посилання (бо скрипт вже виконав підміну).

Єдино вірний спосіб перевірки - перегляд вихідного коду:

  1. Заходимо в вихідний код, натиснувши на клавіатурі Ctl + U або через контекстне меню браузера (для Chrome - Переглянути джерело сторінки, для Opera - Переглянути вихідний код, для Firefox - Вихідний код сторінки).
  2. У вихідному коді шукаємо (Ctrl + F на клавіатурі) головний атрибут прихованої посилання data-link або просто текстовий анкор.
  3. Перевіряємо код навколо першого результату - всі атрибути і текст посилання будуть укладені в тег <span>. А серед атрибутів обов'язково буде class = "link".

А серед атрибутів обов'язково буде class = link

Таким-же способом можна перевірити закриття посилань авторів коментарів.

UPD 15.02.2015Може виникнути ситуація, коли плагін не спрацює для посилань коментаторів.

Це відбувається, якщо в використовуваної темі WordPress html-код посилання прописується безпосередньо, без виклику спеціальних функцій get_comment_author_link або get_comment_author_url_link.

В такому випадку є два рішення.

перше

У файлі comments.php шукаємо виклик функції wp_list_comments () і в параметрах (всередині круглих дужок) прибираємо callback. Це дозволить використовувати для виведення стандартний шаблон коментарів WordPress і заміна посилання через плагін спрацює.

Нижче показано два варіанти, як може виглядати код до і після видалення цього параметра:

Нижче показано два варіанти, як може виглядати код до і після видалення цього параметра:

Друге

Якщо важливо зберегти для користувача формат виведення коментарів, то будемо редагувати функцію, зазначену для параметра callback (в прикладі вище вона має назву - avd_custom_html5_comment, текст після знаку =). Потрібно або додати в неї виклик get_comment_author_link () або змінити html-код посилання на спеціальний код з тегом <span>, який використовує плагін .

Визначення призначеної для користувача функції може перебувати як в functions.php, так і в будь-якому іншому файлі (особливо, якщо це преміум-тема). Доведеться пошукати в усіх файлах по імені функції.

Нижче показано, як може виглядати посилання в призначеній для користувача функції - в рядку, підкресленою червоним, плагін не спрацює. Щоб вирішити проблему, потрібно або перезаписати цей код в тег <span> (як це зроблено в наступному рядку, підкресленою зеленим). У передостанньому рядку на зображенні для виведення посилання використовується функція get_comment_author_link () і плагін спрацює:

до змісту ↑

установка плагіна

Автоматична установка зі сховищ WordPress:

  1. В консолі перейдіть в меню Модулі -> Додати новий.
  2. В поле пошуку (справа вгорі) вводите назву - Hide Links і натисніть Enter на клавіатурі.
  3. У результатах пошуку в блоці плагіна Hide Links натисніть кнопку Встановити.
  4. По завершенню установки виберіть Активувати плагін.

Ручна установка з архіву:

  1. Скачайте і розпакуйте архів hidelinks.zip.
  2. Завантажте розпакований каталог в / wp-content / plugins / на хостинг через FTP або файловий менеджер на хостингу.
  3. Активуйте плагін в меню Модулі консолі WordPress.

Автоматична установка з архіву:

  1. З консолі перейдіть в меню МодуліДодати новий.
  2. Виберіть пункт Завантажити та натисніть кнопку Виберіть файл.
  3. Вкажіть розташування архіву hidelinks.zip і натисніть Встановити.
  4. Після завершення установки, виберіть Активувати плагін.
до змісту ↑

Завантажити Hide Links

Плагін розповсюджується абсолютно безкоштовно. Завантажити його можна прямо з вашої консолі WordPress або архівом з офіційної сторінки в каталозі плагінів WordPress (дотримуйтесь інструкцій по установці вище).

У моїх планах активна доробка цього плагіна по функціоналу, так що підписуйтесь на оновлення блогу, щоб бути в курсі новин.

Поширення Hide Links за матеріальну винагороду заборонено.

Будь-які питання про проблеми з роботою плагіна пишіть в коментарях - це найбільш швидкий спосіб отримати допомогу з питання. Побажання і пропозиції також залишайте в коментарях.