Редактировать с помощью Fusion Builder в теме Avada WordPress

ОБНОВЛЕНИЕ Ноябрь 2016 : ThemeFusion обновил Avada до версии 5.0. Это обновление отделяет конструктор Fusion от отдельного плагина, вместо того, чтобы быть включенным в плагин Fusion Core. Fusion Builder был полностью переработан и сильно отличается от предыдущих версий.

Когда вас просят обновить Avada BACKUP весь ваш сайт, включая ранний плагин Fusion Core, и будьте готовы потратить некоторое время на реорганизацию своих страниц, поскольку они не перемещаются плавно.

Если вы уже выполнили обновление Avada 5.0 и ваши страницы не работают, попробуйте более раннюю версию Avada. Используя FTP, перейдите в папку wp-content / themes и сделайте резервную копию новой версии. Затем переименуйте его и FTP в более раннюю версию. Вы должны вернуть более аккуратную версию своих страниц.

Это сообщение для версии 2.0.3 или более ранней.

Использование темы Avada

Если у вас есть тема Avada в вашей установке WordPress, вы можете использовать Fusion Builder для создания ваших сообщений и страниц, что сильно отличается от стандартного обновления страницы.

Fusion Builder - это плагин, разработанный ThemeFusion, разработчиками Avada, который обеспечивает адаптивный макет в теме.

Это может немного сбить с толку новичков.

Я написал несколько инструкций, которые помогут вам редактировать страницы или сообщения с помощью Fusion Builder в теме Avada WordPress.

Всегда делайте резервную копию перед внесением изменений

Никогда не обновляйте ядро ​​WordPress, темы или плагины без предварительного создания полной резервной копии плагинов, тем, загрузок и базы данных.

Обновления могут привести к поломке чего-то еще, и вам нужно иметь возможность легко вернуться назад или отладить. Я бы рекомендовал делать основные обновления на сайте разработки, чтобы вы могли сначала протестировать его.

Активируйте Fusion Builder от Avada

Сначала активируйте Fusion Builder на странице или в публикации, используя синюю кнопку над областью редактирования содержимого.

Если ваш веб-дизайнер уже настроил страницы, возможно, он уже нажал кнопку. Это изменит внешний вид вашего редактора контента, как показано ниже.

Используя Avada Fusion Builder, вы можете создавать адаптивные веб-страницы.

Как редактировать страницы с помощью Fusion Builder

Войдите в свой сервер WordPress.

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

Поле Fusion Builder должно находиться в верхней части экрана редактирования страницы. Кнопки вверху помечены как «Параметры столбца», «Элементы конструктора», «Пользовательские шаблоны» и «Готовые шаблоны».

В этом посте мы проигнорируем пользовательские шаблоны и шаблоны предварительной сборки.

Начать

Параметры столбца Fusion Builder

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

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

Если вы добавили столбец 5 x 6 слева, единственный другой вариант, который подойдет справа, - 1 x 6.

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

Нажатие кнопки «минус» на любом из вариантов столбца уменьшает количество столбцов, которое займет элемент. Кнопка плюса - полная противоположность.

Элементы Fusion Builder

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

В Avada есть множество вариантов Builder Element. Начнем с текста. После того, как вы добавили свои столбцы, как указано выше, вы можете добавить текстовый блок в столбец.

Просто нажмите кнопку Builder Element, найдите ТЕКСТ, а затем щелкните и перетащите его в свой столбец.

Наведите указатель мыши на элемент, затем щелкните значок кисти в правом верхнем углу, чтобы добавить или отредактировать текст.

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

Измените текст или носитель в элементе, затем нажмите СОХРАНИТЬ, поле закроется.

Когда это окно закроется, нажмите синюю кнопку ОБНОВИТЬ, чтобы сохранить изменения.

Редактирование полей содержимого в Avada

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

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

На главном экране Content Box изменяются параметры для всех дочерних блоков, если у «дочернего» нет собственного стиля.

Перейдите на экран редактирования вашего Content Box, используя значок кисти.

Параметры в Content Box следующие:

Родительские / дочерние настройки
Параметры «Родительский уровень» будут управлять всеми стилями боксов вместе. Настройки «Детского уровня» будут управлять каждым стилем коробки индивидуально.

Макет окна содержимого
Выберите макет для поля содержимого

Число столбцов
Установите количество столбцов в строке.

Выравнивание контента
Работает с вариантами макета «Классический значок с заголовком» и «Классический значок сбоку».

Размер заголовка
Управляет размером заголовка. Оставьте поле пустым для выбора варианта темы. В пикселях, например: 18 пикселей.

Цвет шрифта заголовка
Управляет цветом шрифта заголовка. Оставьте поле пустым для выбора варианта темы. пример: # 000

Цвет шрифта основного текста
Управляет цветом основного шрифта. Оставьте поле пустым для выбора варианта темы. пример: # 000

Цвет фона окна содержимого
Оставьте поле пустым для выбора варианта темы.

Фон значка
Выберите отображение фона за значком. Выберите значение по умолчанию для выбора варианта темы.

Радиус фона значка
Выберите радиус границы фона значка. Оставьте поле пустым для выбора варианта темы. В пикселях (px), например: 1px или «круглый».

Цвет значка
Оставьте поле пустым для выбора варианта темы.

Цвет фона значка
Оставьте поле пустым для выбора варианта темы.

Цвет значка фона внутренней границы
Оставьте поле пустым для выбора варианта темы.

Размер внутренней границы значка фона
Оставьте поле пустым для выбора варианта темы.

Цвет значка фона внешней границы
Оставьте поле пустым для выбора варианта темы.

Размер внешней границы фона значка
Оставьте поле пустым для выбора варианта темы.

Размер значка
Управляет размером значка. Оставьте поле пустым для выбора варианта темы. В пикселях, например: 18 пикселей.

Тип анимации наведения значка
Выберите тип анимации для значка при наведении курсора. Выберите значение по умолчанию для выбора варианта темы.

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

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

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

Ссылка Цель
_self = открыть в том же окне
_blank = открыть в новом окне. Выберите значение по умолчанию для выбора варианта темы.

Задержка анимации
Управляет задержкой анимации между каждым элементом в наборе. В миллисекундах 1000 = 1 секунда.

Смещение анимации
Выберите, когда должна начаться анимация.

Тип анимации
Выберите тип анимации для использования в шорткоде

Направление анимации
Выберите входящее направление для анимации

Скорость анимации
Введите скорость анимации в секундах (0,1 - 1).

Верхняя маржа
В пикселях (px), например: 1px.

Нижняя граница
В пикселях (px), например: 1px.

CSS-класс
Добавьте класс в оборачивающий HTML-элемент.

CSS ID
Добавьте идентификатор в оборачивающий HTML-элемент.

Редактирование дочернего блока содержимого

Щелкните значок кисти, чтобы редактировать поле содержимого.

Прокрутите вниз, чтобы найти «Добавить новый блок содержимого» или, возможно, «Элемент блока содержимого 1+», если в блоке содержимого уже есть элемент.

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

Теперь нажмите синюю кнопку СОХРАНИТЬ. Поле редактирования закроется.

Не забудьте нажать кнопку ОБНОВИТЬ справа, чтобы сохранить страницу.

Полезные ссылки

Информация об обновлении Avada