Ведущий российский конструктор сайтов и интернет-магазинов
пн-пт, 10:00 до 19:00
Создание сайта
Редактирование пустого сайта
Изменение фона
Управление страницами
Работа с текстом
Работа с контентом
Редактирование элементов
Настройки компонента
Изменение размера компонента
Поворот элемента
Изменение порядка наложения компонентов
Замена картинок в шаблоне
Работа с кнопками, ссылками и меню
Просмотр перед публикацией
Сохранение сайта
Публикация сайта
Переход на Премиум
Для создания сайт с чистого листа, перейдите в раздел «Создать сайт» и кликните на ссылку «С чистого листа:
После этого вы будете перемещены в редактор.
Вы всегда можете создать сайт, взяв за основу профессиональный шаблон. О том, как это сделать написано в отдельной статье.
Перед вами пустая рабочая область редактора. Вы можете добавить на нее свои фотографии, картинки, файлы и воспользоваться базой А5, содержащей свыше 10 000 различных компонентов.
Важно вносить все изменения и размещать новые элементы так, чтобы они не выходили за границу шаблона т.к. иначе они окажутся за пределами видимости на вашем сайте. Граница, за которую нельзя выходить очерчивается красной линией:
В редакторе вы увидите визуальное разделение рабочей области (контейнера) от заднего фона:
Вы можете менять цвет заднего фона. Для этого нажмите в верхнем меню на «Файл» >>> «Настройки»:
В открывшемся окне выберете необходимый цвет:
Цвет заднего фона изменится автоматически:
Теперь о том, как редактировать основной фон сайт. У нас есть коллекция фоновых изображений, которой можно смело пользоваться. Она находится в левом меню «Страница» >>> «Фоны»:
У вас откроется панель, где вы увидите более 1000 различных фоновых изображений. Слева, для вашего удобства, есть рубрикатор по категориям:
Просто нажмите на понравившуюся картинку, и фон применится автоматически к текущей страницы сайта:
Разумеется, вы можете сделать в качестве фона собственную картинку, для этого в уже известном вам окне нажмите на желтую кнопку «С компьютера»:
Затем выберете свою картинку и нажмите кнопку «Открыть»:
Фон применится автоматически:
Вы также можете сделать фоновым изображением любую картинку. Нажмите один раз левой кнопкой мышки на нужное изображение и снизу кликните на «Сделать фоном»:
Фон применится автоматически:
Справа в редакторе находится панель управления страницами. Для перехода на другую страницу кликните на скриншот нужной страницы. Для добавления нажмите на "Добавить страницу":
Перетаскивая левой кнопкой мышки одну страницу на другую, вы можете поменять порядок их отображения.
Нажатие на стрелочку вниз откроет меню, в котором можно также поменять местами страницы, переименовать их, дублировать (копировать), удалить:
Наиболее детально описывается в видео-уроке:
В контентном меню слева вы найдете свыше 10 000 компонентов. Для того, чтобы перетащить нужный элемент на рабочую область, зайдем в какой-нибудь раздел, например, «Фигуры»:
Перед вами откроется окно с доступными фигурами. Для того, чтобы поставить конкретную фигуру на рабочую область просто перетащите ее левой кнопкой мышки:
Вы можете загрузить картинку с компьютера или сфотографировать себя с веб-камеры (уже писалось выше).
После того как вы выбрали элемент в меню Медиа или Виджеты и он появился на вашем сайте, кликните на него и сможете редактировать его, как вам захочется.
Клик на элементе активизирует панель редактирования элемента. Также вы сможете изменять размер, поворачивать и перемещать элемент по сайту.
Нажмите на нужный компонент, для того, чтобы сделать его активным, затем кликните на «Настройки» в нижнем меню:
После этого откроется панель, в которой вы сможете выставлять вручную размеры компонента, выставлять угол поворота, применять эффект прозрачности:
Изменять размеры компонента удобнее всего при помощи маркеров – квадратиков, находящихся на границах компонента.
Потяните маркер в нужную сторону, чтобы изменить размер:
Для поворота компонента воспользуйтесь стрелочкой сверху справа над самим компонентом:
Здесь речь пойдет о том, как сделать, чтобы одна картинка была над другой или наоборот. Порядок наложения компонентов друг на друга регулируется при помощи контекстного меню:
Иконки слева направо означают:
· Понизить приоритет показа на один пункт
· Повысить приоритет показа на один пункт
· Убрать компонент на задний план
· Поставить компонент на передний план
Так, если мы нажмем у контекстного меню желтого круга «убрать на задний план», то увидим, что квадрат стал показывать поверх круга:
Замена картинки позволяет добавить новое изображение на то же месте и в тех же размерах, что картинку, которую вы заменяете.
Для замены кликните на ненужную картинку и в нижем меню нажмите на кнопку «Заменить»:
После этого выберете новую картинку и нажмите кнопку «Открыть».
В качестве перехода между страницами можно использовать три вещи – текстовые ссылки, кнопки и меню.
Как сделать текстовую ссылку уже отмечалось выше, теперь о том как поставить кнопки и меню.
Все кнопки А5 хранятся в данном разделе:
После того, как кнопка находится на рабочей области, вы можете менять текст внутри, дважды по нему кликнув левой кнопкой мышки. В нижнем меню откроется режим редактирования, с помощью которого можно изменять внешний вид текста внутри кнопки:
Чтобы установить ссылку с кнопки, один раз нажмите на нее и перейдите по значку глобуса в нижнем меню:
После этого откроется окно, в котором нужно выбрать страницу, на которую будет установлена ссылка:
Доступна возможность ссылки, ни только на страницу, но и на внешний сайт или на конкретный файл.
Для того, что установить внешнюю ссылку, перейдите по соответствующей вкладке:
Далее выберете тип ссылки и вписываем адрес:
Компонент меню подразумевает автоматическую настройку ссылок на все существующие страницы сайта.
Перетащите понравившееся меню на рабочую область редактора:
В панели снизу можно переключить вертикальное расположение меню на горизонтальное:
Для того, что исключить ненужную страницу из меню кликните на «Редактировать меню»:
В открывшемся окне снимите галочки там, где это нужно:
Чтобы просмотреть свою работу, кликните на Просмотр в верхнем меню редактора:
После этого вы увидите свой сайт ровно также, как увидят его посетители уже после публикации:
Не забывайте периодически сохранять свою работу в редакторе:
После того, как вы закончили работу над сайтом опубликуйте свой сайт в Интернете.
Важно: вы всегда сможете в последствие редактировать свой сайт, кнопки «опубликовать» в редакторе больше не будет, это нормально.
Нажмите на кнопку «Опубликовать»:
Вы переместитесь на страницу, где предстоит определиться с названием своего сайта.
Если вы хотите уйти от поддомена, то всегда можете прикрепить собственное название (домен) или вовсе получить его бесплатно (при годовой подписке на тарифные планы «Премиум» или «Бизнес»).
После того, как вы определились с адресом сайта, нажмите на кнопку «Опубликовать».
Все, ваш сайт опубликован:
С помощью тарифных планов «Премиум » или «Бизнес » вы сможете уйти от названия с концовкой “a5.ru”, прикрутив свое собственное название (домен). На A5.ru действует постоянная акция – при оплате тарифа «Премиум » или «Бизнес» на год или 10 лет мы бесплатно вам предоставим собственный домен.
Более продвинутые тарифы позволяют значительно увеличить объем дисковой квоты на сайте, так, что вы сможете загружать неограниченное количество фотографий, файлов. С «Премиум » тарифом вы сможете создать бесконечно много страниц на своем сайте.
Для смены тарифа кликните на «Подключить».
После этого вы переместитесь на странице описания наших тарифов.
Наиболее популярной и оптимальной опцией является «Премиум », именно ее уже выбрали более 10 000 человек.
После этого у вас откроется страницами с тарифными планами:
Нажмите у нужного тарифа кнопку «Подключиться» и определитесь со сроком подписки (при годовой подписке мы предоставим домен в подарок!):
В случае наличия денежных средств, произойдет смена тарифного плана.
Способы пополнения личного счета описаны в отдельной разделе.