Додавання елемента посилань на соцмережі.

Вивчення DXPR BuilderСтворення сторінокДодавання вмістуМаркетинг

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

Елемент посилань на соцмережі зі значками LinkedIn, GitHub і Drupal у стилі кола з фірмовими кольорами

Відкрийте свою сторінку, увійшовши до сайта: елементи керування конструктором з’являються, коли ви наводите вказівник на область вмісту. Основи показує сторінка Ваша перша сторінка.

  1. Наведіть вказівник на стовпець і натисніть + на його панелі керування або натисніть Додати елементи на порожній сторінці. Відкрийте вкладку Вміст і натисніть Посилання на соцмережі. Воно з’явиться вгорі стовпця, і відкриється діалог його налаштувань.
  2. У розділі Посилання на соцмережі замініть два рядки-зразки своїми обліковими записами. Натисніть Додати посилання для кожного додаткового облікового запису. Почніть вводити бренд, виберіть його з підказок і введіть URL-адресу, наприклад https://github.com/dxpr.
  3. Виберіть Стиль для форми значка. Це поле вгорі діалогу, а не панель Стиль нижче. Тут це Коло.
  4. Виберіть Розмір для значків. Тут це 3x.
  5. Натисніть заголовок Кольори значків, щоб розгорнути його, і задайте для параметра Колір тла значення Колір бренду.
  6. У розділі Колір виберіть зразок із палітри. Палітра показується, бо для параметра Колір стандартно задано Власний. Тут це майже білий.
  7. Натисніть Зберегти у діалозі. Потім натисніть Зберегти на панелі інструментів угорі області вмісту, щоб зберегти сторінку.

Що ви бачите

Додані вами облікові записи з’являються як рядок значків, і кожен значок відкриває свій профіль. У відео LinkedIn, GitHub і Drupal показано як великі кола у фірмових кольорах із білими логотипами. Відвідувачі побачать їх, коли ви збережете сторінку й її буде опубліковано.

Наведіть вказівник на елемент і відкрийте Більше > Налаштування на його панелі керування. Параметри:

  • Посилання на соцмережі: один рядок на значок із назвою бренду та URL-адресою профілю. Натисніть Додати посилання для наступного рядка й скористайтеся стрілками, щоб змінити порядок.
  • Макет: «У рядок» розміщує значки в ряд, «У стовпець» розміщує кожен значок на власному рядку.
  • Стиль: форма значка: Немає, Заокруглена, Коло або Квадрат.
  • Розмір: Малий, Великий або від 2x до 5x.
  • Ефекти наведення CSS3: Немає, Диск або Пульсація. Будь-який ефект перетворює значок на коло.
  • Колір: колір логотипа: Колір бренду, Власний або Успадкований. Власний показує палітру, а успадкований використовує колір навколишнього тексту.
  • Колір тла: заливка фігури з тими самими трьома варіантами.

Колір і Колір тла містяться під заголовком Кольори значків. Натисніть його, щоб відкрити їх.

Якщо ви їх не бачите

  • Посилань на соцмережі немає на вкладці «Вміст». Ваш профіль користувача їх приховує. Попросіть адміністратора увімкнути їх у розділі Профілі користувачів.
  • Вони зникли після перезавантаження. Сторінку не було збережено. Додайте їх знову й натисніть Зберегти на панелі інструментів угорі області вмісту.
  • Бракує значка. У його рядку немає бренду або URL-адреси, тож елемент його пропускає. Заповніть обидва поля цього рядка.
  • Фігура показується без логотипа. Назва бренду не має відповідного значка, і в рядку сказано «Не знайдено відповідного значка бренду». Вибирайте бренд із підказок під час введення.
  • Значок відкриває неправильну сторінку. URL-адреса в цьому рядку неправильна або неповна. Наведіть вказівник на елемент і відкрийте Більше > Налаштування, потім перевірте, що кожна URL-адреса починається з https://.

Що далі?

Вкладка «Стиль», щоб змінити відступи й тло своїх посилань на соцмережі.