Добавление материала на страницу

Администратор может ставить на сайт материал в столбцы разной ширины(благодаря конструктору страниц). Изображение ниже показывает на примере столбцов как текст может быть добавлен на сайт.

Для того, чтобы вставить столбец, нажмите на Fusion Builder

click-fusion-builder

Конструктор имеет 4 основных секции.

builder_intro

A. Column Options (Настройки столбцов)

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

B. Builder Elements (Элементы конструктора)

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

C. Custom Templates (Пользовательские шаблоны)

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

D. Pre-Built Templates

This section holds all of our pre-built pages that we include with Avada. These are pages you see on our live demo. Simply click the one you want and choose to load the content. This is a great way to quickly setup pages.

Описание Настроек Столбцов

builder_column_options

A. Плюс/Минус иконка

Эти иконки позволяют изменить размер столбца. Нажми “+” для увеличения размера и “-” для уменьшения.

B. Размер столбца

Это информация о размере текущего столбца. Он будет меняться сразу, как только будете нажиматься иконку “+” или “-“.

C. Edit Icon

This is the icon you click to edit the column. When you click it, the edit window shows allowing you to change settings.

D. Clone Icon

This is the clone icon. When you click this icon, it will clone the entire column box and everything inside of it.

E. Trash Icon

This is the trash icon. When you click this icon, it will delete the entire column box and everything inside of it.

F. Column Elements

These are all the column elements you can use to build pages. Each one is its own block to drag & drop into place.

Изображение ниже объясняет основные секции конструктора.

builder_diagram

1. Добавление столбца или элемента конструктора

Перетаскивание из Панели элементов в Место для материала.
Один метод добавления столбцов или элементов конструктора в Место для материала – это перетащить из Панели элементов в Место для материала. Конструктор точен и поставит элемент именно в то место, в которое вы его перетащили. Наведите с помощью мыши на элемент, нажмите и держите кнопку мыши пока перетаскиваете элемент на желаемое место. Как только вы достигли этого места, отпустите кнопку мыши и элемент встанет на выбранное место. Место для материала будет подсвечено голубым цветом во время того как вы перетаскиваете элемент в Место для материала

builder_addition

2. Изменения места с помощью перемещения

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

Важная заметка – Убедитесь, что Место для материала подсвечено голубым цветом, перед тем как вы отпустите кнопку мыши. Если ваш ряд состоит из столбцов (1/3 + 1/3 + 1/3) и вам надо перетащить 3-ий столбец на место второго, нажмите на 3-ем столбце и перетащите его немного левее центра второго столбца. Это позволит поставить 3-ий столбец на место второго столбца.

builder_drag_large

Column Options или Настройки столбцов

1. Нажмите на Column Options и выберите Full Width Container.

select-column-options-select-full-width-container

После этого вы увидете, что у вас появился Full Width Container

Следующее изображение показывает возможные варианты колонок, которые можно добавить. 1/1 – на всю ширину, 1/2 – на половину, 1/3 на одну третью и так далее.

Чтобы использовать один из вариантов – нажмите на него и перетащите в Full Width Container.

Сумма колонок должна быть равна 1. То есть, если вы перетащили колонку 1/3, то у вас есть возможность ещё добавить одну колонку 2/3 или две колонки 1/3

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