Jeśli ustawienia wyglądu nie wystarczają, możesz dodać do swojej witryny własny kod CSS i HTML. W zależności od tego, co kod ma robić, możesz go umieścić w czterech miejscach. Wszystkie są dostępne w każdym pakiecie.
Gdzie umieścić kod
- Własny arkusz stylów dla całej witryny: Ustawienia → Obszar nagłówka, sekcja Własny, dodatkowy arkusz stylów CSS. Twoje reguły CSS obowiązują na wszystkich stronach, również w układzie mobilnym.
- Kod w sekcji head: Ustawienia → Obszar nagłówka, sekcja Własny, dodatkowy kod HTML (między <head> a </head>). To miejsce na znaczniki
<style>i<link>, dodatkowe meta tagi lub czcionki internetowe. - Kod HTML na początku lub końcu każdej strony: Ustawienia → Ogólne, sekcja Cała witryna, pola Początek każdej strony i Koniec każdej strony. Nadają się na kody liczników i podobne fragmenty, które muszą się pojawiać na każdej stronie.
- Kod wewnątrz pojedynczej strony: w edytorze treści przez Dodaj blok → Specjalne → Osadzony HTML, na przykład dla mapy, widżetu lub kodu do osadzenia filmu. Edytor HTML na pasku narzędzi pozwala dodatkowo edytować bezpośrednio kod HTML treści strony.
Dodaj własny arkusz stylów
- Napisz reguły CSS w edytorze tekstu i zapisz plik z rozszerzeniem
.css. - Prześlij plik w menu Pliki → Prześlij pliki (zobacz Przesyłanie plików). Pliki CSS trafiają do folderu na pliki z kodem; opcja Automatyczny wybór folderu umieszcza je właśnie tam.
- Otwórz Ustawienia → Obszar nagłówka i w sekcji Własny, dodatkowy arkusz stylów CSS wybierz plik w polu Adres URL (do pliku .css):.
- Kliknij Zapisz i odśwież swoją witrynę.
Jeśli potrzebujesz tylko kilku reguł, możesz zamiast tego wpisać je w polu Kod HTML w sekcji Własny, dodatkowy kod HTML (między <head> a </head>) wewnątrz znacznika <style>...</style>.
Osadź kod na stronie
- Otwórz stronę przez Strony → Zarządzaj stronami → Edytuj treść strony.
- Kliknij Dodaj blok (lub Dodaj element po przy istniejącym elemencie), otwórz kartę Specjalne i wybierz Osadzony HTML.
- Wklej kod i zapisz stronę.
Dobrze wiedzieć
- Zmiany są widoczne od razu; nie ma osobnej wersji testowej Twojej witryny.
- Własny CSS obowiązuje także w układzie mobilnym. Unikaj stałych szerokości i używaj
max-width: 100%, aby Twoje elementy mieściły się na małych ekranach (zobacz Witryny przyjazne urządzeniom mobilnym). - Kompletne pliki HTML (
.htm,.html) można przesyłać tylko w pakiecie Premium. Podstawy HTML znajdziesz w artykule Czym jest HTML?.