Розділ біопосилань

Розділ «Біопосилання» дозволяє додавати колекцію посилань, кнопок та значків соціальних мереж безпосередньо на будь-яку сторінку вашого веб-сайту Pixpa. На відміну від окремої сторінки «Біопосилання» , цей розділ можна розмістити поруч з іншими елементами сторінки, що дає вам можливість демонструвати важливі посилання в контексті, чи то на головній сторінці, сторінці «Про нас» чи будь-якій іншій сторінці.

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

У цій статті:

Додати розділ біопосилань
Рекомендації щодо біопосилань
Додавання та редагування елементів списку
Послідовність елементів списку
Видалення елементів списку
Керування елементами
Зміна макету розділу
Варіанти стилю

Додати розділ біопосилань

До сторінки можна додати розділ. Ви можете або додати розділ до вже існуючої сторінки, або створити нову сторінку на вашому веб-сайті.
На вашій сторінці, натисніть на синій + значок додати а Новий розділ на свою сторінку.

Тепер ви побачите категорії розділів на лівій стороні.
Виберіть Профіль та біопосилання (1) категорію та натисніть на Біопосилання вкладка (2), де ви можете вибрати різні макети в Біопосилання (3) розділ.

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

Додавання та редагування елементів списку

Додати елемент списку

Після додавання розділу:

Натисніть на Редагувати список зображень (1), щоб відкрити панель елементів списку.

Натисніть на Додати товар (2) кнопку, щоб додати новий елемент списку.
Ви можете вибрати Dскопіювати або видалити (3) пункти списку.

Редагувати елемент списку

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

Звідси ви можете:

Завантажити/видалити основне та додаткове зображення (1)
Ви можете завантажити файл Вторинне зображення разом з Первинне зображення для кожного пункту списку. Коли користувач наводить вказівник на елемент, відображатиметься другорядне зображення, яке замінить основне зображення. Крім того, ви можете встановити Колір акценту зображення, який відображатиметься при наведенні зображення.
Додавати назва (2), Підзаголовок (3), і Опис (4) пункту списку.
Залежно від вибраного вами макета, ви можете не знайти параметр підзаголовка та опису в окремих елементах списку.
Перш ніж додавати опис, перевірте цю статтю.

5. Дія при натисканні

Ви можете налаштувати поведінку кліків окремих елементів у розділі «Профіль» . Нижче наведено доступні опції:

Перейдіть за посиланням
Вибір цієї опції відкриває Конструктор посилань, що дозволяє додати гіперпосилання до цього елемента. Посилання може спрямовувати користувачів на іншу сторінку вашого веб-сайту або зовнішню URL-адресу. Більше інформації Про бренд Конструктор посилань.
Відкрити в лайтбоксі
Цей параметр відображає елемент у збільшеному вигляді Lightbox переглянути при натисканні. У цьому режимі Субтитр та Опис пов’язані з елементом не відображатимуться у вигляді сітки, але будуть видимі в режимі Lightbox.
Дія відсутня
Виберіть цей параметр, щоб зробити елемент неактивним. Якщо об’єкт вибрано, натискання на нього не запускатиме жодних дій.

6. Відкрити посилання в новому вікні: Налаштуйте відкриття посилання в новій вкладці або в тій самій вкладці. Це буде видно лише тоді, коли в меню «Дія після кліку» вибрано опцію «Перейти до посилання».

7. Кнопки та значки: Додайте будь-який тип посилання до елемента списку. Ви можете додати посилання на кнопку/зображення/значок соціальної мережі/текстове посилання. Дізнайтеся більше.

8. Перевизначення стилю картки

Ви можете змінити глобальні налаштування стилю картки в розділі « Налаштування стилю» та налаштувати картку кожного елемента окремо в розділі «Профіль». Це дозволяє застосовувати унікальні стилі до різних елементів списку для кращого налаштування.

Дізнайтеся більше про опцію «Картки» в розділі «Динаміка».

9. Перевизначення стилю фігури

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

10. Зберегти: Після внесення налаштувань збережіть зміни.

Примітка:

включити Cards варіант від Налаштування стилю щоб перезаписувати та налаштовувати картки для окремих елементів.
включити Форма Маска варіант від Налаштування стилю стилізувати фігури окремо для кожного елемента.

Послідовність елементів списку

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

Перегляньте послідовність елементів списку зображень у дії:

Видалення елементів списку

Додавши елемент списку, ви можете редагувати та видаляти його.

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

Дивіться видалення елемента списку зображень у дії:

Примітка:

Видалені елементи списку не можна відновити.

Керування елементами

Розділ «Список біопосилань» містить вкладку «Елементи» , яка дозволяє легко керувати видимістю різних елементів у розділі. За допомогою простих перемикачів ви можете вмикати або вимикати певні елементи, не видаляючи чи змінюючи самі елементи.

Натисніть на Редагувати список зображень (1) кнопка.

Виберіть Елементи (2) вкладка.
Після внесення змін натисніть Зберегти (3) кнопка.

Параметри розділу

Показати заголовок: увімкніть або вимкніть видимість заголовка для розділу «Список зображень».
Показати кнопки: керування відображенням кнопок на рівні розділу.

Параметри елементів

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

Зміна макета розділу

Натисніть на Редагувати список зображень (1) кнопка.

Виберіть макет (2) вкладка.
Виберіть макет для вашого розділу та Зберегти (3) зміни.

Про Раду

Щоб створити розділ повної ширини / розділ списку з вкладками, виберіть будь-який макет у діапазоні від 25 до 29.

примітки

Ви можете легко додати до своєї сторінки макет списку з вкладками.
У вас є можливість вибору макета з горизонтальними та вертикальними вкладками.
Це допомагає створити розділ на основі порівняння.

Варіанти стилю

Натисніть Редагувати список зображень (1) .

Виберіть Стиль (2) .
Змініть стиль для елементів розділу та Зберегти (3) ваші зміни.

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

Параметри відображення
Мобільний дисплей
Вирівнювання
Розмір шрифту
Відстань
Заголовок розділу
Параметри зображень
Форма Маска
Параметри наведення зображення
Границя зображення
Параметри карт
Параметри тіні
Кнопки та посилання

дисплей

Виберіть Показати елементи in рядки та стовпці or карусель
- Якщо ви вибрали рядки та стовпці пункти списку будуть упорядковані в рядки та стовпці. У цьому випадку потрібно вказати кількість рядків і стовпців.
- Якщо ви вибрали карусель пункти списку будуть представлені у вигляді слайд-шоу. Більше інформації.
Встановіть Кількість стовпців для списку зображень. Ви можете вибрати від 1 до 10 стовпців.
Вкажіть Відстань між колонками елементів списку.
Вкажіть Відстань між рядами елементів списку.

Якщо на кроці 1 вибрано параметр «Карусель», ви побачите такі додаткові параметри:

Увімкніть плавне прокручування: дозволяє безперервно прокручувати елементи в каруселі для бездоганного та візуально привабливого досвіду.
Авто слайд: автоматично обертається між слайдами без участі користувача.
Показати прогрес автовідтворення: для кращої видимості відображає індикатор прогресу, коли активовано автовідтворення.
Затримка автовідтворення: встановлює інтервал часу між кожним переходом слайдів, коли ввімкнено автоматичне відтворення.
Петля каруселі: вмикає безперервне повторення слайдів, тому карусель плавно перезапускається після останнього слайда.
Елементи керування каруселі: Виберіть Елементи керування навігацією. Ви можете вибирати між елементами керування, стрілками – унизу по центру/вгорі праворуч/внизу праворуч, шевроном, крапками та горизонтальним прокручуванням.
Вицвілі краї: Застосуйте легкий ефект вицвітання до країв каруселі. Це покращує взаємодію з користувачем, м’яко змішуючи зображення, коли вони входять або виходять з перегляду.

Мобільний дисплей

Встановіть кількість Стовпці сітки для мобільних пристроїв. Ви можете встановити максимум 3 стовпці.
Визначте Відстань між сітками (у пікселях).

Макет стовпців для певного пристрою на основі налаштувань Studio:

Вирівнювання

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

Розмір шрифту

Натисніть на Змінити стиль тексту кнопку, щоб відвідати Дизайн розділ і керуйте розмірами та стилями шрифтів.
Встановіть назва стиль шрифту для елементів списку розділу.
Встановіть Субтитр стиль шрифту для елементів списку розділу.
Встановити за замовчуванням Опис стиль шрифту для елементів списку розділу.
Увімкніть цю опцію, щоб анімувати будь-які числа присутні в назва та Субтитр поля. Після ввімкнення числові значення відображатимуться з динамічною анімацією підрахунку, що зробить їх візуально привабливішими.

Відстань

Вкажіть Зображення ширини для елементів списку.
Вкажіть Ширина вмісту для елементів списку.
Вкажіть Пробіл під заголовком розділу в px.
Вкажіть Місце під зображеннями пунктів списку (у %).
Вкажіть Пробіл під заголовками пунктів списку (у %).
Вкажіть Пробіл під субтитрами пунктів списку (у %).

Заголовок розділу

Горизонтальне вирівнювання текст заголовка розділу. Ви можете встановити його вліво, по центру та праворуч.
Увімкнути/вимкнути дільник між заголовком розділу та вмістом розділу.
Встановіть товщина розділювача (у пікселях).
Вкажіть Колір розділювача із засобу вибору кольорів.
Вибрати Стиль роздільника з випадаючого.
Встановіть Ширина заголовка щоб визначити ширину відображення заголовка розділу, починаючи щонайменше з 50%.

зображень

Виберіть Iмаг Кроп для елементів списку. Ви можете встановити зображення як квадрат, коло, горизонталь, портрет і оригінальне.
Виберіть загальний радіус кута або інший радіус кута для кожної сторони елементів списку та встановіть число (у пікселях) для Cкутовий радіус зображень елементів списку. Більше інформації.

Чайові

Використовуючи поле радіуса кута , ви можете створювати зображення елементів списку різних форм. Якщо вказати тут 500 пікселів, зображення відображатимуться у формі кола.

Якщо ви вибрали розділені кути, ви можете встановити різний радіус кута для кожного кута.

Форма Маска

Форма маски: Увімкніть цей перемикач, щоб застосувати маску форми до зображень у розділі «Список зображень». Після ввімкнення вибрана фігура візуально закріпить зображення в цій формі.
Виберіть форму: Вибирайте з різноманітних попередньо визначених форм для застосування до своїх зображень. Це дозволяє творчо стилізувати ваш вміст, відображаючи зображення в унікальних формах, як-от закруглені, ромбові, краплі тощо.
Розтягувати: Увімкніть цей параметр, щоб розтягнути вибрану форму, щоб краще відповідати контейнеру зображення. Це гарантує, що форма пропорційно заповнює доступний простір, покращуючи візуальне вирівнювання на різних розмірах екрана.