Додавання елемента HTML.

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

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

Картка статті CNN із написом "Happy 100th Birthday, David Attenborough" і фотопортретом, відображена на сторінці через елемент HTML

Додавання елемента HTML

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

  1. Наведіть вказівник на стовпець і натисніть + на його панелі керування або натисніть Додати елементи на порожній сторінці. Відкрийте вкладку Вміст і натисніть HTML. Він з’явиться вгорі стовпця, і відкриється діалог його налаштувань.
  2. Скопіюйте код для вбудовування з параметра «Вбудувати» або «Поділитися» цього сервісу. Вставте його в редактор Вихідний HTML.
  3. Натисніть Зберегти у діалозі. Потім натисніть Зберегти на панелі інструментів угорі області вмісту, щоб зберегти сторінку.

Що ви бачите

Ваше вбудовування працює в редакторі, щойно ви натискаєте Зберегти в діалозі, бо конструктор виконує його скрипт і там. У відео календар Google зі святами США показується, щойно діалог закривається. Відвідувачі побачать його, коли ви збережете сторінку й її буде опубліковано.

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

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

  • Вихідний HTML: редактор коду для ваших HTML, CSS або JavaScript. Скрипти виконуються в редакторі й на опублікованій сторінці.
  • Ідентифікатор HTML: необов’язковий ідентифікатор, щоб звертатися до елемента через CSS або JavaScript.
  • Класи HTML: необов’язкові класи CSS для обгортки елемента.

Якщо ви його не бачите

  • Елемента HTML немає на вкладці «Вміст». Ваш профіль користувача його приховує. Попросіть адміністратора увімкнути його в розділі Профілі користувачів.
  • Він зник після перезавантаження. Сторінку не було збережено. Додайте його знову й натисніть Зберегти на панелі інструментів угорі області вмісту.
  • Вбудовування показується як звичайний текст або неоформлена цитата. Скрипт вбудовування ще не завантажився, або бракує його рядка <script>. Зачекайте кілька секунд або вставте повний код для вбудовування ще раз.
  • У полі є код, але відвідувачі нічого не бачать. Ваш сайт застосовує для відвідувачів фільтри текстового формату, і формат може вирізати такі теги, як <script> або <iframe>. Редактори й далі бачать робочий код. Попросіть адміністратора зняти позначку Застосовувати фільтри текстового формату до вмісту інтерфейсу у Загальних налаштуваннях або дозволити ці теги в текстовому форматі. Потім перезавантажте опубліковану сторінку.
  • Макет під елементом ламається. У коді є незакритий тег. Перевірте, що кожен відкривальний тег має свій закривальний.

Що далі?

Вкладка «Стиль», щоб змінити відступи й тло свого елемента HTML.