Дизайн #1806
1. Как изменить шапку сайта?
Верхняя часть шаблона состоит из названия сайта и пунктов меню.
Название вашего сайта — текст, который будет отображаться в переменной $SITE_NAME$. Чтобы изменить его требуется перейти в Панель управления → Настройки → Общие настройки и изменить поле “Название вашего сайта” на необходимое.
Если же вместо текста нужно изображение тогда перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта найдите 5 строку кода:
<a href="$HOME_PAGE_LINK$"><!-- <logo> -->$SITE_NAME$<!-- </logo> --></a>
и вместо $SITE_NAME$ пропишите:
<img src="ссылка на логотип">
где "ссылка на логотип" – пропишите ссылку, которую вы можете получить, осуществляя:
1) Логотип загружается в файловый менеджер сайта (Панель управления → Инструменты.)
2) После загрузки изображения, просто кликните на название изображение и вы получите заветную ссылку.
2. Как изменить промо-блок?
Для редактирования промо-страницы нужно перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → PROMO.
Данная страница состоит из 3 так называемых блоков, изменение которых рассмотрим далее.
Обратите внимание, на то, что каждое изменяемое изображение вам необходимо предварительно загрузить в Файловый менеджер сайта.
1)
В первом блоке можно изменить фоновое изображение и текст в строках 1-12:
<img src="/.s/t/1806/main.jpg" alt="photo">
вместо /.s/t/1806/main.jpg укажите свою ссылку на свое изображение.
<div class="text-block"> <p>Accusamus aliquam</p> <h1>Lorem ipsum dolor</h1> </div>
2)
Второй блок содержит заголовок и краткое описание, изменить их можно в строках 14-18:
<h3 class="title">About us</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mattis vel sem posuere imperdiet. Fusce varius nunc lectus, eget auctor metus maximus ac. Nullam lobortis enim eget quam iaculis, in malesuada diam convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam nulla sem, scelerisque in bibendum ac, sollicitudin ac diam. Maecenas in pharetra lectus, ut ultrices lacus. Pellentesque in sem nunc. Vestibulum gravida nunc bibendum leo aliquam, ac dignissim orci vehicula. Aenean posuere euismod tellus, ut tempus orci cursus at. Nullam magna neque, feugiat ut ipsum eget, convallis posuere quam.</p>
3)
Данный блок содержит в себе галерею изображения, для его изменения перейдите к строкам 20-65:
<figure> <img src="/.s/t/1806/1.jpg" alt="img"> <figcaption><a href="#"><span>Lorem ipsum</span></a></figcaption> </figure>
где вместо /.s/t/1806/1.jpg укажите ссылку на свое изображение, Lorem ipsum – вы можете изменить на любой свой текст, а вместо # укажите ссылку для перехода.
3. Как изменить фон шаблона?
Изменить фон сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 29 строке кода:
body.base{background:#fff}
#fff – фон сайта. Его можно изменить на любой другой html-цвет.
4. Как изменить цвет блоков?
Блоки не имеют изображений или каких-то других особенностей. Цвет блоков зависит от фона сайта.
5. Как изменить контент нижней часть сайта?
Для изменения нижней части перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → Нижняя часть сайта.
Она состоит из дополнительной информации о сайте и контактов. Для того чтобы изменить информацию о сайте перейдите к строкам 3-21 и замените информацию и ссылки на свои:
<div class="about-wrap"> <h6>About</h6> <p>Integer euismod lobortis lectus sed suscipit. Donec commodo et velit at tristique. Cras vitae nunc porttitor nibh varius pellentesque nec in urna. Proin a neque non purus tincidunt hendrerit. Sed magna mi, dapibus ultrices ultricies ut, accumsan in ante. Suspendisse a dui vel felis fringilla porta. Mauris vulputate auctor enim vitae accumsan.</p> </div> <div class="links-wrap"> <h6>Quick links</h6> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> <a href="#">Link 4</a> <a href="#">Link 5</a> </div>
Для изменения второй части - контактной информации перейдите к строкам строки 22-44 и аналогичным образом измените контактную информацию:
<div class="address-wrap"> <h6>Adress</h6> <p>Donec imperdiet urna sem, ac interdum lorem tristique convallis.</p> </div> <div class="phones-wrap"> <h6>Phones</h6> <a href="#">+1 (234) 567-8901</a> <a href="#">+1 (234) 567-8901</a> </div> <div class="soc-wrap"> <h6>Follow us</h6> <div class="soc-block"> <span><a href="https://vk.com" target="_blank" class="fa fa-vk"></a></span> <span><a href="https://twitter.com" target="_blank" class="fa fa-twitter"></a></span> <span><a href="https://facebook.com" target="_blank" class="fa fa-facebook"></a></span> <span><a href="https://instagram.com" target="_blank" class="fa fa-instagram"></a></span> <span><a href="https://plus.google.com" target="_blank" class="fa fa-google-plus"></a></span> <span><a href="https://ok.ru/" target="_blank" class="fa fa-odnoklassniki"></a></span> </div> </div>
6. Как изменить фон нижней части сайта?
Нижняя часть сайта не имеют изображений или каких-то других особенностей. Цвет зависит от фона сайта.
7. Какой цвет основных элементов сайта?
Цветом основных элементов сайта является #e4d9c6.
Если требуется сменить цветовую гамму, то воспользуйтесь заменой #e4d9c6 на любой свой html-цвет, используя замену внутри шаблона Таблица стилей CSS.