Как открыть все внешние ссылки в новом окне на конструкторе Mobirise.

В конструкторе сайтов Mobirise, можно в самой программе, настроить открытие ссылки в новом окне / в новой вкладке. Для этого, достаточно выбрать нужную кнопку или часть текста / слово и в появившемся меню, выбрать вариант «Ссылка» (скрин выше). В открывшемся окне, указываем нужную ссылку (1.) и передвигаем / активируем ползунок напротив «Открыть в новом окне» (2.) и сохраняем изменения (3.):

Однако, что делать, если вы создали сайт на несколько страниц с большим количеством внешних ссылок, которые хотите открыть в новых вкладках, а они у вас открываются в той же вкладке, что и сайт? 

99,9 % вебмастеров настраивают открытие внешние ссылки в новом окне. При этом, все внутренние ссылки, настраиваются на открытие в том же окне. Таким образом, пользователи щелкая по внешним ссылкам, не будут покидать основной сайт.

В частности, на Mobirise, вам придется в таком случае редактировать все ссылки в ручную. При этом, есть шанс пропустить где то ссылки. В таком случае, можно автоматизировать процесс. 

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

Конструктор сайтов Mobirise, использует для настройки ссылок на открытие в новом окне атрибут:

target="_blank"

Если вы, верстаете самостоятельно HTML сайт, вам придется в ручном режиме, править каждую ссылку, добавляя атрибут target="_blank" к каждой ссылке. Аналогично, если вы, хотите отредактировать html код сайта, созданного на конструкторе Mobirise, без использования самой программы. Тоесть, вам нужно отредактировать ссылки на хостинге или с компьютера, через Notepad++ или аналогичный редактор.

Для правки файлов, есть удобный редактор Visual Studio Code: https://code.visualstudio.c...
Есть русский язык: https://marketplace.visuals...

Как открыть все внешние ссылки в новом окне? Универсальный способ для Mobirise и HTML сайтов.

Для настройки автоматического открытия всех ссылок в новой вкладке, можно использовать jQuery библиотеку. Если у вас сайт на Mobirise, нет необходимости скачивать и подключать ее. Она уже используется в данном конструкторе.

Способ для HTML сайтов, где не подключена jQuery библиотека.

Скачайте jQuery библиотеку с официального сайта: https://jquery.com/

Создаём собственный файл *.js или добавляем в уже имеющийся вот такой код:

$('a[href^="https"], a[href^="ftp"]').not('a[href^="https://ваш_сайт"]').click(function(){
window.open(this.href, "");
return false;
});

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

Способ для сайтов, созданных в конструкторе сайтов Mobirise.

Открываем корень сайта или папку на устройстве, где мы сохранили сайт и переходим по пути:

assets/theme/js/script.js
Нам нужно открыть файл script.js, чтобы добавить следующий скрипт:

$('a[href^="https"], a[href^="ftp"]').not('a[href^="https://ваш_сайт"]').click(function(){
window.open(this.href, "");
return false;
});

Вот так, примерно, будет выглядеть у вас:

Как видим, в конец файла script.js, мы добавляем вышеприведенный код. После, сохраняем изменения.

Заключение.

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

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

Новые Старые