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

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

Панель управления в редакторе

Как только вы откроете редактор своего сайта, вы увидите сверху панель инструментов, на которой собраны элементы навигации по редактору вашего сайта:


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

(2) Страницы вашего сайта. Через эту кнопку вы можете открыть список страниц вашего сайта, чтобы переключиться на редактирование другой страницы, перейти к настройкам страниц или добавить новые страницы.

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

(3) Навигатор. Через Навигатор вы можете просматривать список блоков, которые добавлены на страницу, изменять их порядок и быстро переходить к нужному блоку или его настройкам.

(4) Стили сайта. В данном разделе вы можете управлять палитрой сайта, дизайном кнопок и шрифтами.

(5) Настройки сайта - говорят сами за себя: пункты этого списка перенесут вас из редактора в секцию регулировки выбранного раздела текущего сайта. Обратите внимание, что в этом выпадающем списке будут только основные пункты настроек, если вы перейдете к любому пункту из списка, вы увидите, что есть еще дополнительные разделы.

(6) Поддержка. Мы всегда на расстоянии одного клика от вас, чтобы помочь вам в создании вашего сайта. Нажмите на этот раскрывающийся список, чтобы перейти в наш Справочный центр, ознакомиться с полезными советами, или, если хотите, заказать наши услуги по созданию нового или улучшению уже существующего вашего сайта профессионалами нашей Дизайн-студии.

(7) Переключатель между версиями сайта. Через него вы можете переключаться между различными версиями вашего сайта - а именно мобильной, планшетной и десктопной - для их просмотра и редактирования.

(8) Ссылка на приобретение подписки. Это ссылка для быстрого доступа из редактора на страницу обновления вашего сайта с бесплатной / пробной версии до полнофункциональной платной версии, или для приобретения пакета подписок.

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

(10) Поделитесь ссылкой на ваш сайт с коллегами или родственниками, чтобы получить обратный отклик и более глубокое представление о вашем сайте.

(11) Опубликуйте свой сайт, чтобы он выглядел для его посетителей именно так, как вы его видите в редакторе в данный момент.

(12) Кнопки «Отменить» и «Вернуть ». С их помощью вы в один клик можете отменить (и при необходимости вернуть назад) последние действия редактирования. Это возможно только во время текущего сеанса в редакторе, если вы не перезагружали страницу или переходили к другим страницам. Для отмены других модификаций сайта и для восстановления предыдущих версий сайта, рекомендуем пользоваться историей сайта (см. далее).

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

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

(15) В Инструментах вы можете включить или выключить дополнительные функции для Flex-блока, а именно Притягивание элементов к другим объектам и показ Расстояний между элементами.

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

Работа с блоками

Сайты на Weblium построены из готовых блоков — сгруппированных наборов элементов, которые размещены на всю ширину экрана и легко адаптивны к различным его разрешениям. Они собраны в галерее блоков и отсортированы по различной тематике - услуги, галерея, обратный отсчёт и т. д.
Чтобы поместить новый блок на страницу, обратитесь к статье Добавление блоков.

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

Просмотрев это видео, вы поймете основные принципы работы с блоками:

Общие настройки блока

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

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

Работа с элементами в блоке

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

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

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

Особые типы блоков

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

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

Работа с текстом

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

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

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

Посмотрите нашу короткую видео-инструкцию о том, как работать с текстом в редакторе:

Работа с изображениями

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

Помимо этого, наша публикация Редактирование изображений поможет вам узнать об инструментах, доступных в редакторе, которые помогут вам вписать картинки в общий дизайн сайта — например, добавить фильтр или наложение цвета, а также изменить размер контейнера для каждой картинки.

Ознакомьтесь с видео ниже, чтобы узнать, как добавлять и редактировать картинки на сайте:



Подсказка: детальнее, основные шаги для запуска вашего сайта описаны в статье Редактирование готового шаблона.

Последнее изменение: 16/10/2024