Удалите бесплатный нижний колонтитул Weebly и добавьте собственные ссылки

<

div itemprop=”articleBody”>

На бесплатных сайтах, созданных с помощью Weebly, на каждой странице отображается сообщение «Создайте бесплатный веб-сайт с помощью Weebly» или «Сайт работает на Weebly». Хотя Weebly заявляет, что в бесплатной учетной записи нет принудительной рекламы, эти сообщения в нижнем колонтитуле являются их собственной рекламой, и вы можете удалить этот нижний колонтитул, только обновившись до начальной, профессиональной учетной записи или бизнес-плана. Переход на платный план обходится дорого для пользователя, которому нужно всего несколько онлайн-страниц с блогом. Хорошая часть заключается в том, что с доступом для редактирования исходного HTML-кода даже для бесплатных пользователей, все же можно скрыть этот нижний колонтитул на своем сайте и добавить свой собственный контент и ссылки в область нижнего колонтитула.

Сообщение Weebly Free Footer

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

Если вы обновляете Weebly из-за этого нижнего колонтитула, подумайте о переносе своего сайта Weebly на WordPress, чтобы иметь полный контроль. Чтобы удалить рекламу в нижнем колонтитуле, у вас должен быть план Weebly Starter стоимостью 8 долларов в месяц. Вместо этого вы можете потратить около 12 долларов в месяц и купить дешевый тарифный план для новых сайтов. Все популярные хостинговые компании, такие как Bluehost, SiteGround и HostGator, предлагают конструктор сайтов Weebly в облаке. Например, вы можете купить план SiteGround Startup за 3,95 доллара в месяц или план Bluehost менее чем за 3 доллара и обновить план Weebly Starter, чтобы удалить объявление в нижнем колонтитуле. Преимущество здесь в том, что вы можете иметь WordPress, Drupal, PHP, Joomla или любой другой тип веб-сайтов вместе с вашим сайтом Weebly. Также вы получите бесплатные планы хостинга домена и электронной почты, за которые нужно платить отдельно на Weebly.

Удалить бесплатное сообщение в нижнем колонтитуле Weebly

Войдите в свою учетную запись Weebly и выберите «Редактировать” напротив сайта, нижний колонтитул которого вы хотите удалить. В редакторе Weebly выберите «Редактировать HTML / CSS » под “Тема”Таб.

Редактирование исходного HTML и CSS в Weebly

Редактирование исходного HTML и CSS в Weebly

Выберите один из типов заголовка (в этом примере мы изменяем «no-header.html») и выполните поиск раздела нижнего колонтитула. Поскольку код нижнего колонтитула может различаться в зависимости от темы, которую вы используете для своего сайта, найдите что-то вроде кода ниже. Во всех макетах страниц Weebly должен быть тег {footer} и найти этот тег.

<!-- footer-wrap -->
<div id="footer-wrap" class="content-wrap">{footer}</div>
<!-- end footer-wrap -->

ИЛИ ЖЕ

<div id="footer-wrap">
                                <div id="footer">
                                                {footer}
<div></div>

ИЛИ ЖЕ

<div id="footer">{footer}</div>
Тип заголовка активирован согласно вашему настройка страницы под “Страницы”Таб. В нашем случае страница настроена как стандартная страница (без изображения заголовка), поэтому приведенный выше код нижнего колонтитула должен быть расположен в макете страницы «no-header.html ».

Не знаете, какой макет выбрать? Это очень просто, внесите изменения в один макет страницы и скопируйте и вставьте его во все макеты страниц. Это необходимо сделать, если на вашем сайте есть страницы с разными типами заголовков, такими как header.html, no-header.html и splash.html. В противном случае на некоторых страницах будет отображаться нижний колонтитул Weebly, а на некоторых – нет, также при переключении макета страницы нижний колонтитул Weebly будет отображаться снова.

Теперь первый шаг – скрыть нижний колонтитул, добавив приведенный ниже код в

id “нижний колонтитул” или же “нижний колонтитул«.

style="visibility:hidden"

После того, как вы это сделаете, он должен выглядеть так:

<div id="footer" style="visibility:hidden">{footer}</div>
Скрытие бесплатного нижнего колонтитула Weebly

Скрытие бесплатного нижнего колонтитула Weebly

Если вы включили «Автоматический просмотр”, То вы можете увидеть, что нижний колонтитул исчез в разделе предварительного просмотра.

Для недавнего обновления Weebly за октябрь 2017 г.

Простое скрытие нижнего колонтитула больше не работает, поскольку Weebly обновил серверную часть, чтобы динамически получать стили нижнего колонтитула, чтобы сделать его снова видимым. Чтобы скрыть свободный нижний колонтитул, выполните следующие действия:

  • Щелкните правой кнопкой мыши нижний колонтитул «Powered by Weebly» и выберите «Проверить элемент» или «Проверить».
Просмотр исходного кода CSS бесплатного нижнего колонтитула Weebly

Просмотр исходного кода CSS бесплатного нижнего колонтитула Weebly

  • Это покажет вам CSS-код нижнего колонтитула вашего сайта, как показано ниже. Если вам нужна дополнительная информация, ознакомьтесь с этими статьями о том, как просматривать исходный CSS в Chrome, Safari и Firefox.
Скопируйте HTML-код контейнера регистрации нижнего колонтитула Weebly

Скопируйте HTML-код контейнера регистрации нижнего колонтитула Weebly

  • Вы можете видеть, что реклама в нижнем колонтитуле исходит от идентификатора «weebly-footer-signup-container». Помните, что это имя может отличаться в зависимости от вашей темы, но в основном это должен быть контейнер для регистрации в нижнем колонтитуле. Как видите, «видимость» сделана как «видимая! Важно»; в каждом элементе под блоком контейнера подписки нижнего колонтитула. По этой причине нижний колонтитул не будет скрывать, даже если вы скроете нижний колонтитул или оболочку нижнего колонтитула в исходном HTML.
  • Теперь, когда есть много способов скопировать полный блок кода контейнера регистрации нижнего колонтитула Weebly. Щелкните элемент правой кнопкой мыши и выберите «Редактировать как HTML», затем скопируйте блок кода. Или щелкните правой кнопкой мыши и выберите «Копировать> Копировать OuterHTML», чтобы скопировать код.
Копирование кода нижнего колонтитула

Копирование кода нижнего колонтитула

  • Вставьте скопированный код в текстовый редактор, например Notepad ++ или в скобки. Код должен выглядеть примерно так:
<div id="weebly-footer-signup-container" class="light" style="display:block !important; visibility:visible !important;height: 62px !important;">
<div class="signup-container-header trigger-signup" style="display:block !important; visibility:visible !important;">
<button class="start-free" style="display:block !important; visibility:visible !important;">Create a free website</button>
<div class="powered-by" style="display:block !important; visibility:visible !important;">
Powered by <span class="link weebly-icon" style="display:block !important; visibility:visible !important;display:inline-block !important; visibility:visible !important;"></span>
</div>
</div>
</div>
  • Заменить все слова «visibility: visible! Important;» на «видимость:скрытый !важный;”. Обычно вы можете найти слово «видимый» и заменить его на «скрытый». Наконец, модифицированный код должен выглядеть следующим образом:
<div id="weebly-footer-signup-container" class="light" style="display:block !important; visibility:hidden !important;height: 62px !important;">
<div class="signup-container-header trigger-signup" style="display:block !important; visibility:hidden !important;">
<button class="start-free" style="display:block !important; visibility:hidden !important;">Create a free website</button>
<div class="powered-by" style="display:block !important; visibility:hidden !important;">
Powered by <span class="link weebly-icon" style="display:block !important; visibility:hidden !important;display:inline-block !important; visibility:hidden !important;"></span>
</div>
</div>
</div>
  • Вставьте этот код в раздел «Настройки> SEO> Код заголовка» вашего сайта в редакторе Weebly.
Добавление кода в раздел кода заголовка

Добавление кода в раздел кода заголовка

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

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

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

  1. Вставьте код в раздел «Настройки> SEO> Код нижнего колонтитула» на уровне сайта.
  2. Попробуйте вставить код в раздел кода нижнего / верхнего колонтитула на каждой странице вашего сайта в разделе «Страницы> Выберите страницу> Настройки SEO> Код верхнего / нижнего колонтитула».
  3. Используйте встроенный элемент кода и вставьте код в область содержимого каждой страницы.
  4. Вставьте код в файл «main.less» в редакторе кода. К основному файлу CSS можно получить доступ в разделе «Тема> Редактировать HTML / CSS> Стили».
  5. Вставьте код в исходные файлы HTML в редакторе кода. Доступ к исходным HTML-файлам можно получить в разделе «Тема> Изменить HTML / CSS> Тип заголовка». Как правило, в вашу тему Weebly входят HTML-файлы трех типов: header.html, no-header.html и splash.html. Вставьте код прямо над скриптами, как показано ниже, во все файлы.
Вставить код в исходные HTML-файлы Weebly

Вставить код в исходные HTML-файлы Weebly

Создание собственного нижнего колонтитула Weebly

Теперь, когда вы скрыли нижний колонтитул, следующим шагом будет создание собственных ссылок нижнего колонтитула. Для этого замените существующий код нижнего колонтитула следующим кодом:

<div align="center"> &copy; 2015 "My Site"</div> 
<div id="footer" style="visibility:hidden">{footer}</div>

Обязательно замените «Мой сайт» названием своего сайта. Теперь нижний колонтитул по умолчанию скрыт, и ваш собственный текст будет отображаться в области нижнего колонтитула.

Добавление ссылок в пользовательский нижний колонтитул Weebly

Если вы хотите добавить ссылку на «Мой сайт», вставьте приведенный ниже код вместо приведенного выше и замените «URL-ссылку» своей собственной ссылкой.

<br><br>
<div align="center"> &copy; 2015 <a href="http://mysite.weebly.com "> My Site </a></div> 
<div id="footer"style="visibility:hidden">{footer}</div>

Атрибуты разрыва строки
и align = ”center” используются для размещения ссылок в середине нижнего колонтитула.

Добавление пользовательских ссылок в нижний колонтитул Weebly

Добавление пользовательских ссылок в нижний колонтитул Weebly

Вы можете вставить несколько ссылок, чтобы показать ссылки на такие страницы, как «Контакты», «Конфиденциальность», «Карта сайта» и т. Д. После того, как вы закончите все, полный код должен выглядеть следующим образом:

<br><br>
<div align="center"> &copy; 2015 
<a href="http://mysite.weebly.com "> My Site </a> | 
<a href="http://mysite.weebly.com/contact.html"> Contact </a> | 
<a href="http://mysite.weebly.com/privacy.html"> Privacy </a> | 
<a href="http://mysite.weebly.com/sitemap.html"> Sitemap </a> 
</div> 
<div id="footer" style="visibility:hidden">{footer} </div>

Ваш предварительный просмотр покажет что-то вроде изображения ниже. Вы можете ссылаться на страницы своего собственного сайта или внешнего URL-адреса в соответствии с вашими потребностями.

Пользовательский предварительный просмотр нижнего колонтитула в Weebly

Пользовательский предварительный просмотр нижнего колонтитула в Weebly

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

Проверьте ссылки в нижнем колонтитуле на опубликованном сайте Weebly

Проверьте ссылки в нижнем колонтитуле на опубликованном сайте Weebly

Для обновления Weebly за март 2019 г.

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

Вы можете добавить один из кодов в раздел «Настройки> SEO> Код нижнего колонтитула» вашего сайта Weebly.

$(document).ready(function() {
document.getElementsByClassName("footer-published-ab-powered-by")[0].remove();
});
document.addEventListener('DOMContentLoaded', function() {
var element = document.getElementById("weebly-footer-signup-container-v3");
element.parentNode.removeChild(element);
}, false);

Альтернативный метод

Скрытие нижнего колонтитула иногда приводит к появлению дополнительного пустого пространства в области нижнего колонтитула, которое невозможно удалить. Чтобы решить проблему высоты нижнего колонтитула, вместо того, чтобы скрывать его, вы можете удалить его, используя “дисплей: нет”Стиль, как показано ниже:

<br><br>
<div align="center"> &copy; 2015 
<a href="http://mysite.weebly.com "> My Site </a> | 
<a href="http://mysite.weebly.com/contact.html"> Contact </a> | 
<a href="http://mysite.weebly.com/privacy.html"> Privacy </a> | 
<a href="http://mysite.weebly.com/sitemap.html"> Sitemap </a> 
</div><br><br> 
<div id="footer" style="display:none">{footer}</div>

Вы также можете посмотреть пошаговую демонстрацию в этом YouTube видео.

Свободный нижний колонтитул также должен быть скрыт на мобильных устройствах с помощью описанного выше метода для всех адаптивных тем. В противном случае вам может потребоваться скрыть его с помощью отдельного CSS или изменить тему на одну из последних адаптивных тем.

Заключение

Основное внимание Weebly смещено в сторону интернет-магазина, особенно после приобретения Weebly компанией Square. Если вы сосредоточены на содержании сайта, то создавать сайт с помощью Weebly не имеет смысла. Даже описанный выше метод работает, Weebly всегда меняет серверную часть, чтобы разместить рекламу в нижнем колонтитуле. Во всех сценариях мы настоятельно рекомендуем выбрать премиальный хостинг с Bluehost, SiteGround или HostGator. Вы объединяете мощь WordPress и Weebly в одном месте вместе с бесплатными решениями для домена и электронной почты.

Похожие записи

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *