Быстрая замена Шапки/Футера на сайте

December 11, 2023

Поиск и апробация сочетания тесно связаны с творческим процессом настройки лендинга. Одним из ключевых аспектов, который часто подвергается изменениям на лендинге, является его верхняя и нижняя части.

Примерный план изменений и их оперативной реализации представлен ниже, позволяя вам внести необходимые изменения на веб-странице, не обладая высоким уровнем технической экспертизы.

1. Определите и найдите веб-сайт-донор, с которого вы хотите взять верхнюю и нижнюю части (шапку и подвал).
2. Создайте скриншоты версии веб-сайта для персональных компьютеров и мобильных устройств, охватывая как шапку, так и подвал.
3. Удалите текущие элементы шапки и подвала с вашего лендинга.
4. Вместо удаленных элементов вставьте скриншоты шапки и подвала с выбранного веб-сайта-донора.

Устанавливаем вместо старой шапки:

<img src="headerpc.png" class="desktop-image">

<img src="headermb.png" class="mobile-image">

Устанавливаем вместо старого футера:

 <img src="footerpc.png" class="desktop-image">

 <img src="footermb.png" class="mobile-image">

(Стили для сайта находятся ниже в статье)

5. При необходимости превратите изображения в кликабельные ссылки, обернув их в тег <a>.

Этот простой процесс позволит вам быстро и эффективно обновить визуальные элементы вашего лендинга, не требуя при этом специфических навыков в области веб-разработки.

Эти 4 фото вставить после 2 пункта:

Стили:

<style>

img {max-width: 100%;

height: auto;}

@media (min-width: 768px) {

.mobile-image {display: none;

}.desktop-image {

display: inline-block;

}}

@media (max-width: 767px) {

.desktop-image {

display: none;

}.mobile-image {display: inline-block;

}}

</style>