Як відкрити посилання в новому вікні (Веб-майстер)

За замовчуванням в WordPress всі посилання відкриваються в тому ж вікні браузера, яке і було відкрито. Але часто, буває необхідно відкрити посилання в новому вікні або відкрити посилання в новій вкладці.

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

зміст:

Як відкрити посилання в новому вікні
Плагін Target Blank In Posts And Comments
Відкриття посилання з коментарів в новому вікні
Використання атрибуту rel = "external nofollow"
висновки статті

Для чого це може знадобитися? Відвідувач в даний момент знаходитися на вашому сайті, а в статті або на сторінці сайту є зовнішнє посилання. Якщо ця посилання чимось зацікавила відвідувача, то він після натискання на таку зовнішню посилання потрапить на інший сайт.

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

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

Найпростіший спосіб відкриття посилання в новому вікні або вкладці - це натиснути на посилання коліщатком (середньою кнопкою) миші, після цього посилання буде відкрита в новому вікні.

Відкрити посилання в новій вкладці браузера можна вручну вставляючи в кожну таку посилання атрибут "target" зі значенням "_blank" тега. В HTML це буде виглядати таким чином - target = "_ blank". Але таких посилань може бути дуже багато, і не завжди запам'ятаєш, в які зовнішні посилання ще не був вставлений цей атрибут.

При додаванні нових посилань і зображень в статті, в адмін-панелі WordPress, в текстовому редакторі, є відповідні пункти, активація яких дозволяє відкривати додані посилання і зображення в новому вікні.

Є кілька способів зробити так, щоб посилання відкривалися в новому вікні. У цій статті я опишу тільки ті способи, які працювали на моєму сайті.

Деякі способи некоректно працювали на моєму сайті, в попередньому шаблоні, тому про них я не буду розповідати. Зокрема некоректно відображалася головна сторінка в способі, який вимагає підключення бібліотеки JavaScript - jQuery. Крім того, цей спосіб не працював би при відключенні JavaScript.

Як відкрити посилання в новому вікні

Для того, щоб відкривати на сайті абсолютно всі посилання в нових вікнах або вкладках, потрібно вставити спеціальний код в файл "Тема (header.php)".

Для вставки цього коду потрібно увійти в "Адмін WordPress" => "Зовнішній вигляд" => "Редактор" => "Заголовок (header.php)".

У файлі "Тема (header.php)" між тегами і необхідно вставити прямо перед закриває тегом ось такий код:

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

Мені така настройка відкриття сторінок в новому вікні або у вкладці видається не дуже зручною, тому що при цьому відкривається безліч вікон або вкладок в браузері. Але, я знаю, що деяким, навпаки, буде зручно мати можливість відкривати таким способом зовнішні і внутрішні посилання на своєму сайті.

Плагін Target Blank In Posts And Comments

Плагін Target Blank In Posts And Comments допомагає відкривати посилання в коментарях і в постах в новому вікні, не зачіпаючи при цьому інші внутрішні посилання на сайті.

Завантажити плагін Target Blank In Posts And Comments можна звідси.

Цей плагін довго не оновлювався, але він добре працює на останній версії движка WordPress, і прекрасно справляється зі своїми обов'язками. Він деякий час працював і на моєму сайті.

Для установки плагіна Target Blank In Posts And Comments потрібно увійти в "Адмін WordPress" => "Додатки" => "Додати новий" => "Встановити плагіни" => "Завантажити". Після завантаження плагін потрібно встановити і активувати.

Плагін Target Blank In Posts And Comments не вимагає ніяких налаштувань і починає працювати відразу після своєї активації.

Використання цього плагіна дозволить вам повернути відвідувачів на ваш сайт, які перейшли по зовнішньому посиланню з вашого сайту. Адже часто буває так, що відвідувач довго шукав потрібну інформацію, а потім раптом здійснив перехід по зацікавила його посиланням з коментаря або зі статті, потім перейшов кудись ще, і таким чином відвідувач часто не може знайти той сайт, з якого він спочатку переходив.

Плагін Target Blank In Posts And Comments добре справляється зі своїми функціями, він дозволяє затримувати і повертати відвідувачів на ваш сайт.

Відкриття посилання з коментарів в новому вікні

Якщо вам необхідно відкривати посилання з коментарями без допомоги плагіна, то це можна зробити після зміни відповідного коду. Зміни потрібно буде зробити в коді файлу "comment-template.php", який знаходиться в папці "wp-includes".

Для цього потрібно буде підключитися до свого сайту по FTP з'єднання за допомогою таких програм, як FileZilla або Total Commander. Це також можна зробити за допомогою файлового менеджера, який знаходиться в Панелі управління хостингом.

Файл "comment-template.php" розташований приблизно таким шляхом - domains / назва вашого сайту / public_htlm / wp-includes / comment-template.php.

Увага! Перед зміною в файлі "comment-template.php" обов'язково необхідно зробити його копію. У разі неполадок, після зміни в коді файлу, ваш сайт може перестати працювати в штатному режимі. В цьому випадку вам доведеться замінити змінений вами файл, на збережену оригінальну копію цього файлу.

Зі мною стався подібний випадок, і мені довелося робити відкат сайту до працездатного стану за допомогою технічної підтримки мого хостингу. Я не зберіг копію оригінального файлу, вніс неправильні зміни в код файлу, і після цього мій сайт на деякий час перестав відображатися в Інтернеті.

Цього б не сталося, якби я зробив копію файлу перед його зміною, тому що я б відразу замінив неробочий на працездатний файл.

Вам потрібно буде скопіювати файл "comment-template.php" до себе на комп'ютер і зберегти його. З збереженого файлу необхідно зробити копію і в ній провести зміни в коді файлу, відкривши його за допомогою текстового редактора Notepad ++. Відкрити файл можна і в блокноті, але в блокноті буде дуже важко знайти потрібні рядки коду для його зміни.

Далі слід доповнити рядок, що починає з $ return = "<, выражением target=”_blank” (на изображении это выражение уже вставлено в код). У меня в файле comment-template.php этот участок кода со вставленным выражением выглядит таким образом:

function get_comment_author_link ($ comment_ID = 0) / ** @todo Only call these functions when they are needed. Include in if ... else blocks * / $ url = get_comment_author_url ($ comment_ID); $ Author = get_comment_author ($ comment_ID); if (empty ($ url) || 'http: //' == $ url) $ return = $ author; else $ return = "" $ author "; return apply_filters ( 'get_comment_author_link', $ return);

При внесенні змін до цього код, слід уважно дивитися на лапки (одинарні або подвійні), від цього може залежати працездатність вашого сайту. Далі слід замінити файл "comment-template.php" в папці "wp-includes".

Після цього вам потрібно буде перевірити свій сайт на працездатність. Якщо сторінка сайту в цей час була відкрита, то тоді слід оновити відкриту сторінку.

Тепер посилання з коментарів будуть відкриватися в новому вікні до оновлення версії WordPress. Справа в тому, що при оновленні версії CMS WordPress, відбувається заміна зміненого файлу comment-template.php, на новий файл comment-template.php.

Тому, після оновлення версії WordPress, потрібно буде знову вставляти target = "_ blank" в файл comment-template.php в папці wp-includes.

Використання атрибуту rel = "external nofollow"

Атрибут rel = "external" виконує, точно таку ж функцію як атрибут target = "_ blank", який є не дійсним, згідно специфікації в XHTML. Зараз відбулося об'єднання атрибута rel = "external" і атрибута rel = "nofollow", який закриває посилання від передачі ваги, в один об'єднаний атрибут rel = "external nofollow". Як можна помітити вище, в наведеному коді, rel = "external nofollow" вже входить до складу файлу WordPress.

Для того, щоб посилання з коментаторів сайту відкривалися в новому вікні одного атрибута rel = "external nofollow" буде недостатньо. Ще знадобитися вставити код JavaScript в файл теми, встановленої на сайті, інакше, посилання будуть продовжувати відкриватися в цьому вікні.

Цей код JavaScript потрібно буде вставити в файл header.php (Тема) перед тегом:

 function externalLinks () var doc = document; if (! doc.getElementsByTagName) return; var links = doc.getElementsByTagName ( "a"); for (var i = 0; i = 0) link.target = "_blank"; link.title = "Відкриється в новому вікні" window.onload = externalLinks;

Після поновлення файлу, посилання з коментаторів вашого сайту будуть відкриватися в новому вікні або вкладці браузера. Цей спосіб дозволяє не вносити зміни в файли движка WordPress і не залежати від поновлення CMS.

висновки статті

За допомогою описаних в статті способів ви можете зробити зміни на своєму сайті для того, щоб посилання з коментатора вашого сайту відкривалася в новому вікні.

Схожі публікації: