Ако настройките на дизайна не са достатъчни, можете да добавите собствен CSS и HTML към уебсайта си. В зависимост от това какво трябва да прави кодът, има четири места за него. Всички те са налични във всеки пакет.
Къде се поставя кодът ви
- Собствен стилов файл за целия уебсайт: Настройки → Област на заглавката, раздел Собствен допълнителен CSS стилов файл. CSS правилата ви важат за всички страници, както и за мобилното оформление.
- Код в областта head: Настройки → Област на заглавката, раздел Собствен допълнителен HTML код (между <head> и </head>). Това е мястото за таговете
<style>и<link>, допълнителни мета тагове или уеб шрифтове. - HTML в началото или края на всяка страница: Настройки → Общи, раздел В целия сайт, полета Начало на всяка страница и Край на всяка страница. Подходящо е за кодове на броячи и подобни фрагменти, които трябва да присъстват на всяка страница.
- Код в отделна страница: в редактора на съдържание чрез Добавяне на блок → Специални → Вграден HTML, например за карта, уиджет или кода за вграждане на видеоклип. HTML редактор в лентата с инструменти освен това ви позволява да редактирате директно HTML кода на съдържанието на страницата.
Добавяне на собствен стилов файл
- Напишете CSS правилата си в текстов редактор и запазете файла с разширение
.css. - Качете файла от Файлове → Качване на файлове (вижте Качване на файлове). CSS файловете се съхраняват в папката за файлове с код; Автоматичен избор на папка ги поставя там.
- Отворете Настройки → Област на заглавката и изберете файла в раздела Собствен допълнителен CSS стилов файл, в полето URL адрес (към .css файла):.
- Щракнете върху Запазване и презаредете уебсайта си.
Ако са ви нужни само няколко правила, вместо това можете да ги поставите в полето HTML код в раздела Собствен допълнителен HTML код (между <head> и </head>) в таг <style>...</style>.
Вграждане на код в страница
- Отворете страницата от Страници → Управление на страниците → Редактиране на съдържанието на страницата.
- Щракнете върху Добавяне на блок (или върху Добавяне на елемент след при съществуващ елемент), отворете раздела Специални и изберете Вграден HTML.
- Поставете кода и запазете страницата.
Полезно е да знаете
- Промените ви влизат в сила веднага; няма отделна тестова версия на уебсайта ви.
- Собственият CSS важи и за мобилното оформление. Избягвайте фиксирани ширини и използвайте
max-width: 100%, за да се побират елементите ви на малки екрани (вижте Уебсайтове, подходящи за мобилни устройства). - Цели HTML файлове (
.htm,.html) могат да се качват само с пакета Premium. За основите на HTML вижте Какво е HTML?.