використання Кнопка та посилання, ви можете додати будь-який тип посилання (1) до розділу. Ви можете додати кнопку/текстове посилання/посилання на зображення/піктограму/роздільник.
Ти можеш дублювати (2) Редагувати (3), або видаляти (4) існуюча кнопка/посилання.
У цій статті:
Додати кнопки/посилання
- Щоб додати будь-який тип посилання до розділу, натисніть на + Додати кнопку варіант.
Команда + Додати кнопку опція пропонує чотири способи додавання посилання. Окрім цього, ви також можете додати Роздільники щоб додати пробіл між кнопками/посиланнями. Нижче наведено варіанти:
Button
Додати кнопку до елемента списку.
Ви зможете оновити:
- Етикетка кнопки – Вкажіть видимий текст на вашій кнопці. Це те, що користувачі побачать і на що натиснуть.
- Посилання на кнопку – Вкажіть URL-адреса або дія кнопка повинна спрацьовувати при натисканні.
- Цільове вікно – Виберіть, чи має посилання відкриватися в та сама вкладка або Нова вкладка.
- Стиль кнопки – Виберіть стиль кнопки за замовчуванням (встановлюється в Кнопки та посилання розділу «Дизайн»), «Суціль», «Контур» або текстове посилання.
-
- За умовчанням: Відповідає налаштуванням теми вашого сайту.
- Суцільний: Жирна, заповнена кнопка.
- Outline: Прозорий фон з рамкою.
- Текстове посилання: Простий, чистий текстовий стиль (без блоку кнопок).
- Форма кнопки – Встановити a індивідуальна форма для кожної окремої кнопки у розділі. Це дозволяє вам змінити глобальну форму кнопки, визначену в Налаштування дизайну, що дає вам більше контролю над тим, як виглядає кожна кнопка. Доступні форми: квадратна, закруглена та таблеткоподібна.
- Кнопка Колір – Налаштуйте колірну схему кнопки:
-
- За умовчанням: Успадковує налаштування теми.
- Інвертувати: Змінює кольори тексту/фону кнопки на протилежні.
- Митниця: Дозволяє вибрати певні кольори тексту та фону.
- Текст кнопки - Якщо використовується Колір кнопки на замовлення, ви можете встановити колір тексту (мітки) звідси.
- Фон кнопки – Також доступно в розділі «Налаштування», це встановлює колір фону кнопки. Поєднайте це з кольором тексту для максимальної читабельності та стилю.
- Кнопка значок – Додайте значок поруч із підписом кнопки. Ви можете вибрати один із різних варіантів значків.
- макет – Керуйте розміщенням значка відносно підпису. Доступні варіанти макета:
-
- Мітка + значок: Спочатку з’являється текст, а потім значок.
- Значок + Мітка: Спочатку з'являється значок, потім текст.
- Мітка + значок (широкий формат): Текст та значок розташовані з більшим відступом, що підходить для ширших кнопок.
- Значок + Мітка (широкий): Спочатку значок, ширше відступи.
- Колір значка – Виберіть колір значка кнопки. Ви можете встановити його таким, що Текст кнопки колір або Марка колір
Налаштування стилю кнопок
Ви знайдете ці налаштування в розділі Вкладка «Стиль» розділів. Ці налаштування дозволяють вам точно налаштувати зовнішній вигляд, інтервал та розташування кнопок на вашому сайті Pixpa для кращого контролю дизайну та адаптивності:
- Розмір кнопки – Виберіть розмір кнопки (наприклад, Маленька, Середня, Велика). Це налаштовує відступи та розмір шрифту відповідно до вашого дизайну.
- Простір між кнопками – Керує горизонтальним інтервалом між кількома кнопками. Ви можете використовувати одиниці вимірювання vw (ширина області перегляду) для адаптивного інтервалу.
- Простір над кнопками – Додає вертикальний інтервал над кнопкою(ами). Це допомагає відокремити їх від вмісту вище, вимірюється у відсотках.
- Текстове посилання – Налаштовує розмір шрифту для текстових посилань кнопок (особливо корисно, якщо замість традиційної кнопки використовується стиль «Текстове посилання»).
- Зображення як кнопка (розмір) – Якщо ви використовуєте зображення замість традиційної кнопки, цей параметр визначає розмір відображення зображення (у пікселях).
- Ширина кнопки – Виберіть ширину кнопки:
-
- За умовчанням: Стандартна ширина залежить від вмісту кнопки
- Великий / Дуже великий: Ширші кнопки для більшої акцентованості
- Повна ширина: Кнопка розтягується по всій ширині контейнера
Текстове посилання
Додавати текстове посилання до пункту списку.
Ви зможете оновити:
- Встановіть текстовий ярлик.
- Вкажіть текстове посилання.
- Цільове вікно – Виберіть відкриття сторінки в тому ж або новому вікні.
зображення
Додайте зображення та зв’яжіть його з будь-якою сторінкою.
- Щойно ви завантажили зображення, воно відображається таким чином. Натисніть на посилання, щоб відредагувати його.
- Звідси ви можете:
- Завантажити/Змінити зображення.
- Посилання на кнопку – Вкажіть посилання.
- Цільове вікно – Виберіть відкриття сторінки в тому ж або новому вікні.
Заголовок сайту використовуватиметься як альтернативний текст для зображення кнопки, щоб покращити пошук.
Соціальна ікона
- Додайте піктограму соціальної мережі до елемента списку.
Ви можете керувати:
- Значок соціальної мережі, який потрібно зв’язати.
- Укажіть відповідний шлях до профілю в соціальній мережі.
- Цільове вікно – Виберіть відкриття сторінки в тому ж або новому вікні.
сепаратор
Команда сепаратор дозволяє вставляти пробіли між кнопками або посиланнями.
Це корисно для створення візуального розділення між кнопками, розташованими поруч. Ви можете додати роздільник з Кнопка та посилання панель так само, як ви додаєте інші кнопки.
- Простір між кнопками контролюється Відступ – верхній налаштування в роздільнику. Налаштування цього значення збільшує або зменшує вертикальний інтервал між кнопками, розташованими близько одна до одної.
- Роздільник нікуди не з'єднує — він просто створює вертикальний простір.
- Ви можете переміщувати його вгору або вниз, щоб налаштувати відстань між елементами за потреби.
Параметри стилю для кнопок і посилань
Команда варіанти стилю буде присутній під стиль під час керування розділом.
Ви матимете кілька варіантів стилю для кнопки та посилань, як описано нижче.
Кнопка та посилання
- Вкажіть Пробіл між кнопками/посиланнями які були додані.
- Вкажіть Пробіл над кнопкою/посиланнями.
- Виберіть Наведіть ефект для кнопки/посилань.
- Виберіть розмір звичайної кнопки які ви додали в Кнопка/посилання.
- Вкажіть висота кнопки зображення якщо ви додали посилання на зображення в Кнопка/посилання.
- Вкажіть розмір кнопки значка якщо ви додали піктограму соціальної мережі в Кнопка/посилання.
Якщо ви додали піктограму соціальної мережі в Кнопка/посилання вище, тоді:
- Виберіть Тип значка соціальної мережі/Форма.
- Виберіть Стиль кольору значка соціальних мереж. Якщо ви вибрали Колір бренду, то фірмовий колір значка буде успадковано.
Якщо ви вибрали Вибраний колір варіант вище, тоді:
-
- Вкажіть Соціальний колір значка.
- Вкажіть Соціальний колір тла значка.
Приклад
Припустімо, ви додали соціальне посилання Amazon у Кнопка/посилання, і вказав колір значка – червоний і зелений колір тла значка, тоді піктограма відобразиться, як показано нижче:
