Як користуватися конструктором макетів заголовків, колонтитулів і колонок Avada

Наш власний конструктор сторінок, Avada Builder, тепер доступний у двох інтерфейсах: Avada Builder, який є нашим конструктором серверних каркасних сторінок, та Avada Live, який є нашим інтерфейс-конструктором, який був нещодавно представлений з Avada 6.0 .

Використовуючи нашу просту систему контейнерів, стовпців та елементів, обидві версії Avada Builder дозволяють легко створювати красиві макети сторінок для вашого веб -сайту. Avada Builder - це чудовий інструмент для сучасних веб -дизайнерів та власників сайтів, оскільки дає їм повний контроль над усіма аспектами вмісту сторінки та макета. Обидві версії Avada Builder також генерують однаковий код. Вони повністю взаємозамінні, дозволяючи вам мати найкраще з обох світів за допомогою Avada Builder, який зараз доступний.

На сторінці "Конструктор макетів" ви знайдете всі свої макети та будь -які умовні макети, які ви, можливо, захочете створити на додаток до глобального макета, створеного за замовчуванням. Тут також розташована область, де ви призначаєте Розділи макетів своїм макетам і вказуєте Умови, щоб ваші умовні макети набули чинності.

Доступ до Конструктора макетів можна отримати з інформаційної панелі Avada, вибравши Макети> Конструктор макетів у спадному меню. Одним із найпростіших способів опису макетів є сказати, що вони є контейнерами, у яких розміщено чотири розділи макета сторінки - розділ заголовка, розділ рядка заголовка сторінки, розділ вмісту та нижній колонтитул. Ви можете дізнатися більше про відмінності між Розділами макету та Макетами, прочитавши цей документ: Розуміння макетів та Розділів макетів (PDF). Продовжуйте читати, щоб дізнатися більше про те, що ви можете зробити на цій сторінці.

Дві частини розташовані у верхній частині сторінки «Конструктор макетів». Техніка заповнення розділів макета в глобальному макеті або створення умовних макетів описана у першому розділі (підказка: ви можете закрити це за допомогою X), а в правій частині екрана-область, з якої можна безпосередньо створювати нові макети (див. нижче). Введіть ім'я для вашого нового макета, а потім натисніть кнопку Створити новий макет, щоб завершити процес. При використанні цього методу створюється порожній макет; не вказано Розділи чи умови.

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

У кожному макеті можна побачити чотири розділи макета, призначені для певного макета, по одному для кожного з чотирьох макетів. У кожному розділі макета ви побачите піктограму +, яка дозволить вам призначати розділ макета цьому розділу макета, коли ви наводите на нього курсор миші. У вас є можливість призначити цьому розділу існуючий розділ макета або створити абсолютно новий розділ з нуля.

Використання макета розділу

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

Макет нижнього колонтитула - це Розділ макета, доданий до Макета. Для екс amp ля, призначений для користувача Footer вимагає Footer Layout розділ, який може бути доданий або до глобального або призначеному для користувача макету. У наступному розділі ми розглянемо побудову Розділу користувацького колонтитула, але спочатку розглянемо Введення макетів Avada.

На бічній панелі WordPress або на інформаційній панелі Avada виберіть Avada> Макети. Макети та розділи макета Avada створюються та управляються тут. Як показано нижче, глобальний макет спочатку порожній, без пов’язаних розділів макета.

Налаштування макета

Цей розділ можна додати до Глобального макету або умовного макета, відображаючи лише на певних спеціальних видах публікацій або окремих сторінках. Глобальний макет уже існує, але нам потрібно спочатку розробити умовний макет.

На сторінці «Макети» додайте назву та натисніть «Створити новий макет», як показано нижче.

Створіть Розділ макета нижнього колонтитула, якщо хочете додати його до існуючого або глобального макета.

На екрані Конструктор розділів макета виберіть тип Розділу макета, введіть назву (у цьому amp , Нижній колонтитул, можливо, Глобальний нижній колонтитул) і натисніть Створити новий розділ макета, як показано нижче.

Наступне зображення показує, як створити розділ макета безпосередньо з макета. Розділи макета вашого сайту потрібно додати до макета. Спочатку існує просто глобальний макет. Отже, щоб створити глобальний спеціальний колонтитул, додайте його до цього макета. Розділ користувацького макета нижнього колонтитула, а потім додайте умови до розділу Спеціальний макет нижнього колонтитула, щоб макет відображався відповідно до критеріїв.

У цьому немає нічого поганого, але важливо розглянути ситуацію. Якщо макет зараз активний (тобто має умови або є глобальним макетом), будь -які нові розділи макета будуть активними негайно та порожніми. Більш розумно спочатку додати користувацький колонтитул до глобального макета на сторінці Конструктор розділів макета, а потім додати його до глобального макета.

Крім того, ми можемо додати нижній колонтитул, верхній колонтитул або Розділ макета стовпця до умовного макета, а потім створити його. Умови не використовуються, поки не додаються умови. Як показано нижче, ми можемо змінити розділ макета нижнього колонтитула, навевши на нього курсор і натиснувши значок редагування.

Додавання розділу макета нижнього колонтитула до умовного макету

Редагування користувацького макета

Редактор WordPress за замовчуванням з’являється під час редагування нового розділу макета; тут можна використовувати Avada Builder або Avada Live. Тут створюються розділи власного макета. Додаткову інформацію див. У розділі Створення вмісту розділу макета, але коротше кажучи, тут можна створити будь -що.

Ваш спеціальний колонтитул може містити все, що ви можете створити в Avada Builder. Ви можете мати численні колонки, фотографії тощо; Це забезпечує величезну гнучкість. Розділ Макет - це місце, де буде відображатися матеріал нижнього колонтитула. Матеріал надходить від Builder, і ваша творчість - єдине обмеження.

Дивіться оригінальний нижній колонтитул, створений для демонстрації таксі нижче; Це було зроблено шляхом зміни параметрів теми та віджетів нижнього колонтитула.

Таксі Demo> Основна Footer »SRC =" https://lh3.googleusercontent.com/_xzRCQdf_jBPoJv6eaW9Wx3rdXORc7Ni1945ud13b9kALKA4WdmZpeSSCTnLx-4hcwPKXGF1dl3E0qragaIr_eJ6AiBxO4AMKlY2tuxFbek-S0Z1PY3oQTE2UmjI4QzZydYbWqscpkwNbIpjTQ=s0 "> Подивіться на користувацький глобальний колонтитул Avada Layouts.

Версія цього користувацького заголовка для робочого столу показана тут, але, щоб правильно зрозуміти сферу застосування цього спеціального заголовка, потрібно відвідати веб -сайт, доступ до якого можна отримати тут.

Дизайн умовного планування

Жодних умов у глобальному макеті. Додавання до нього розділів макета буде використовуватися на кожній сторінці, оскільки воно глобальне. Якщо вам потрібен спеціальний нижній колонтитул на деяких сторінках вашого сайту, як -от окремі статті в блозі, вам доведеться використовувати умовний макет.

Умовний макет може містити лише існуючі розділи макета. Потім на вкладці Вибрати нижній колонтитул макета прокрутіть до пункту Наявні, де можна додати Розділ макета, як показано нижче.

Призначення розділу користувацького макета

Ви повинні встановити умови для будь -якого умовного макета. Макет стає активним, як тільки визначаються умови; тому, якщо ви зробите це до створення Розділу макета, сторінки, які відповідають умовам, будуть порожніми.

Щоб додати умову, виберіть Додати умову в нижньому меню Макета. З'явиться діалогове вікно, як показано нижче. Для отримання додаткової інформації про умовні макетах см Розуміння умовних розкладок, але для цього екс amp ля, ми б вибрати всі повідомлення на вкладці Повідомлення умови, як показано нижче.

Додавання стовпців із конструктора макет Avada

Елемент стовпця, як і елемент контейнера, є важливим структурним компонентом при розробці сайту Avada.

Додати стовпці відносно легко за допомогою Avada Layout Builder.

  • Натисніть кнопку « + Контейнер », щоб додати контейнер на сторінку. Під час вставки контейнера вам буде запропоновано вибрати стовпець або макет стовпця. Ви можете створити порожній контейнер, але зазвичай ви додаєте стовпці на цьому кроці.
  • Щоб додати нові стовпці до наявного контейнера, наведіть курсор на контейнер і натисніть кнопку « + Стовпець ». Щоб додати новий стовпець, натисніть тут.
  • У верхньому лівому куті стовпця натисніть значок «Змінити розмір стовпця». Тепер він буде такого ж розміру, як і ваш стовпець. Наприклад , стовпець 1/4 відображатиметься як amp 1/4 » під параметром «Змінити розмір стовпця».
  • Перетягніть стовпці, щоб їх змінити. Ви також можете перетягувати стовпці в контейнери.

Стовпець можна розмістити лише всередині елемента контейнера з тією ж шириною; Зазвичай це ширина сайту, яку ви встановлюєте для сайту. Таким чином, якщо ви встановите ширину сайту 1200 пікселів, 1/2 стовпця матиме ширину 600 пікселів. Встановлені розміри стовпців відображаються нижче, коли вони додаються на сторінку.

В Avada ви можете встановлювати ширину стовпців (і більше) окремо для великих, середніх і крихітних макетів. Як встановити порядок відображення та розмір стовпців у адаптивних макетах пояснюється, як використовувати цю чудову нову функцію зі стовпцями.

Спеціальні ширини знаходяться в розділі Стовпці > Дизайн > Ширина . Як показано нижче, використання відсоткового числа дозволяє вказати спеціальну ширину. Таким чином, позиціонування є необмеженим

Авто - це новий варіант ширини. Замість фіксованої ширини стовпець займе простір найважливішого елемента всередині нього. Тому він працює лише в деяких випадках. Ви можете змінити батьківський стовпець на автоматичний, і розмір стовпця буде змінено на ширину елемента.

Avada також додає набори адаптивних опцій для контейнерів і колон. У внутрішній частині Конструктора ви можете побачити чуйні значки на будь-яких стовпцях, як показано на зображенні нижче. Інтерфейсний конструктор показує відповідні значки щодо параметрів.

Тільки нові контейнери Flex показують набори адаптивних опцій. Колонки у застарілих контейнерах недоступні.

Висновок

Завдяки макетам Avada можливість створення власного колонтитула, заголовка та додавання стовпців стала реальністю і практично безмежним варіантом. Ви не тільки можете використовувати силу Avada Builder для побудови практично будь -якого нижнього колонтитула або заголовка, який ви можете собі уявити, але ви також можете використати можливості умовних макетів, щоб показати або приховати їх на будь -якій сторінці, категорії, користувацькому типі публікації або будь -якій комбінації критерії, які можна придумати за допомогою Avada Builder.

Що стосується макетів WordPress, Avada Layouts змінює ігри в прямому сенсі. Той факт, що він забезпечує таку свободу проектування та гнучкість розгортання, означає, що процес створення нижнього колонтитула ніколи не буде однаковим.

Залиште коментар

Ваша електронна адреса не буде опублікована. Обов'язкові поля позначені *