Αν οι ρυθμίσεις σχεδίασης δεν αρκούν, μπορείτε να προσθέσετε στον ιστότοπό σας δικό σας κώδικα CSS και HTML. Ανάλογα με το τι πρέπει να κάνει ο κώδικας, υπάρχουν τέσσερα σημεία όπου μπορείτε να τον τοποθετήσετε. Όλα είναι διαθέσιμα σε κάθε πακέτο.
Πού μπαίνει ο κώδικάς σας
- Δικό σας φύλλο στυλ για ολόκληρο τον ιστότοπο: Ρυθμίσεις → Περιοχή κεφαλίδας, ενότητα Δικό σας, πρόσθετο φύλλο στυλ CSS. Οι κανόνες CSS σας ισχύουν για κάθε σελίδα, καθώς και για την έκδοση για κινητά.
- Κώδικας στην περιοχή head: Ρυθμίσεις → Περιοχή κεφαλίδας, ενότητα Δικός σας, πρόσθετος κώδικας HTML (μεταξύ <head> και </head>). Εδώ μπαίνουν ετικέτες
<style>και<link>, πρόσθετες μετα-ετικέτες ή γραμματοσειρές web. - HTML στην αρχή ή στο τέλος κάθε σελίδας: Ρυθμίσεις → Γενικά, ενότητα Όλος ο ιστότοπος, πεδία Αρχή κάθε σελίδας και Τέλος κάθε σελίδας. Κατάλληλο για κώδικες μετρητών και παρόμοια αποσπάσματα κώδικα που πρέπει να εμφανίζονται σε κάθε σελίδα.
- Κώδικας μέσα σε μία μόνο σελίδα: στον επεξεργαστή περιεχομένου μέσω του Προσθήκη μπλοκ → Ειδικό → Ενσωματωμένο HTML, για παράδειγμα για έναν χάρτη, ένα widget ή τον κώδικα ενσωμάτωσης ενός βίντεο. Επιπλέον, ο Επεξεργαστής HTML στη γραμμή εργαλείων σας επιτρέπει να επεξεργαστείτε απευθείας τον κώδικα HTML του περιεχομένου της σελίδας.
Προσθήκη δικού σας φύλλου στυλ
- Γράψτε τους κανόνες CSS σε έναν επεξεργαστή κειμένου και αποθηκεύστε το αρχείο με την επέκταση
.css. - Μεταφορτώστε το αρχείο από το Αρχεία → Μεταφόρτωση αρχείων (δείτε Μεταφόρτωση αρχείων). Τα αρχεία CSS τοποθετούνται στον φάκελο για αρχεία κώδικα και η Αυτόματη επιλογή φακέλου τα αποθηκεύει εκεί.
- Ανοίξτε το Ρυθμίσεις → Περιοχή κεφαλίδας και επιλέξτε το αρχείο στο πεδίο URL (του αρχείου .css): της ενότητας Δικό σας, πρόσθετο φύλλο στυλ CSS.
- Κάντε κλικ στο Αποθήκευση και φορτώστε ξανά τον ιστότοπό σας.
Αν χρειάζεστε μόνο λίγους κανόνες, μπορείτε αντί γι' αυτό να τους γράψετε μέσα σε μια ετικέτα <style>...</style> στο πεδίο Κώδικας HTML της ενότητας Δικός σας, πρόσθετος κώδικας HTML (μεταξύ <head> και </head>).
Ενσωμάτωση κώδικα σε μια σελίδα
- Ανοίξτε τη σελίδα από το Σελίδες → Διαχείριση σελίδων → Επεξεργασία περιεχομένου σελίδας.
- Κάντε κλικ στο Προσθήκη μπλοκ (ή στο Προσθήκη στοιχείου μετά σε ένα υπάρχον στοιχείο), ανοίξτε την καρτέλα Ειδικό και επιλέξτε Ενσωματωμένο HTML.
- Επικολλήστε τον κώδικα και αποθηκεύστε τη σελίδα.
Καλό να γνωρίζετε
- Οι αλλαγές σας εφαρμόζονται αμέσως. Δεν υπάρχει ξεχωριστή δοκιμαστική έκδοση του ιστότοπού σας.
- Ο δικός σας κώδικας CSS ισχύει και για την έκδοση για κινητά. Αποφύγετε τα σταθερά πλάτη και χρησιμοποιήστε
max-width: 100%, ώστε τα στοιχεία σας να χωρούν σε μικρές οθόνες (δείτε Ιστότοποι φιλικοί προς κινητά). - Ολόκληρα αρχεία HTML (
.htm,.html) μπορούν να μεταφορτωθούν μόνο με το πακέτο Premium. Για τα βασικά της HTML δείτε Τι είναι η HTML;.