Как добавить свой HTML-код?
Возможность размещения своего HTML-кода есть только на тарифе «Базовый» и выше. Этот функционал предназначен для тех, кто профессионально разбирается в вебе, нуждается в расширенных возможностях и точно знает, что с ними будет делать.
Внимание!
Работа с этим виджетом требует знаний HTML, CSS и JavaScript. Код с ошибками может привести к некорректной работе и отображению сайта.
Разместить свой HTML-код можно двумя способами.
На странице — виджет «Html-код»
Откройте в конструкторе раздел «Виджеты», найдите виджет «Html-код» (быстрее всего — через поиск внизу панели) и перетащите его на страницу. Чтобы вставить код, нажмите на виджет на странице.
- Виджеты — раздел в меню конструктора слева.
- Html-код — виджет для своего кода.
- Подсказка: виджет позволяет встраивать и редактировать произвольный код на страницах сайта.
Примечание:
Этот виджет нужен, если вы размещаете на странице внешний виджет или другие HTML-элементы, например таблицу или блок с содержимым.
В <head> или в конец <body> — «Свой код»
Откройте панель управления сайтом и в разделе «Виджеты сайта» нажмите «Свой код»:
На странице «Свой код» нажмите «Добавить код» (1), задайте название (2), вставьте код на вкладке «Редактор кода» (3) и нажмите «Сохранить код» (4). Таких фрагментов можно добавить несколько — они появятся списком слева.
На вкладке «Настройки» выберите, куда выводить код (1) — в <head> или в конец <body>, и на каких страницах его применять (2): на всех или только на отмеченных.
Примечание:
В <head> размещаются мета-теги, подключаемые внешние библиотеки (скрипты) и прочее. В конец <body> обычно размещаются скрипты, которые должны срабатывать после полной загрузки страницы.
Важно:
Чтобы изменения вступили в силу, опубликуйте сайт.
Работа с jQuery-скриптами
В случае, если вы хотите использовать jQuery-скрипты на вашем сайте, то это необходимо делать особым образом, поскольку библиотека jQuery подключается в uKit нестандартным способом. Все jQuery-скрипты должны размещаться в панели управления вашего сайта в разделе «Свой код». При этом код обязательно должен размещаться «В конец <body>». Все ваши скрипты должны оборачиваться библиотекой require.js следующим образом:
require(['jquery'], function ($) {
Ваш код, написанный на jQuery
})
</script>
Попробуйте прямо сейчас!
Создать сайт