March 27, 2024

Настройка сайта и способы его редактирования

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

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

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


Редактирование в админке

  1. открываем приложение сайт
  2. слева выбираем раздел дизайн
  3. посередине выбираем раздел оформление (проверяем что тема дизайна у нас выбрана правильно, она подписана как Vega (шаблон), редактировать нам нужно именно ее)
  4. выбираем "основные настройки" и раздел боковая панель с настройками темы
  5. в выпадающем списке выбираем "видна только администраторам" и не забываем сохранить изменения
сайт - дизайн - оформление - основные настройки - боковая панель видна только администраторам

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

Здесь можно отредактировать все данные на своем сайте

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


Визуальное редактирование

Для начала необходимо открыть свой новый сайт. Сделать это можно нажав на кнопку сайт в правом верхнем углу (см. скрин)

в правом верхнем углу нажимаем кнопку сайт

Наш сайт открывается в режиме редактирования (т.к мы являемся администратором и ранее уже залогинились). При наведении на каждый блок у нас появляется карандаш, если на него нажать то откроется боковая панель слева и мы сможем редактировать сайт в режиме онлайн (при нажатии на карандаш мы открываем редактор конкретно выбранного блока). Слева у нас также есть кнопка настроек, при нажатии на нее мы попадем в общие настройки сайта.

Редактируем визуально через кнопку настройки или карандаш

Весь сайт состоит из блоков. Какое количество будет на вашем сайте и какие именно блоки вы можете выбрать самостоятельно и отредактировать их под свои нужды, а также изменить порядок отображения (поочередность).

в настройках можем выбрать какие блоки будут отображаться и настроить их под себя

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

изучаем каждый блок и меняем информацию под себя

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

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


Поздравляю! На этом урок по редактированию завершен. Теперь ты можешь создать свой первый сайт самостоятельно за пару часов и продавать его своим клиентам. После полного редактирования своего сайта присылай получившийся результат в телеграм чат для оценки и получения обратки! А теперь переходи к следующему уроку.

В новом уроке мы рассмотрим как создавать дополнительные страницы и вносить в них изменения.

Возвращайся в оглавление и переходи к следующему уроку.