Επ 6 - Συνέχιση της εξατομίκευσης! Χρωματικά Presets, Τυπογραφία, Custom Code, Export settings

Αρχικά, αφού συνδεθούμε στην περιοχή της διαχείρισης του Joomla, θα μεταφερθούμε στην "Διαχείριση Προτύπων". Εκεί, θα αντικρίσουμε το πρότυπο που έχουμε ενεργοποιήσει και κάνουμε κλικ πάνω του για να ανοίξουμε τις ρυθμίσεις του. Εγώ θα σας δείξω τι κάνει η κάθε ρύθμιση που ενδεχομένως θα συνεντήσετε και στο δικό σας πρότυπο κι ας μην έχουμε εγκαταστήσει το ίδιο ακριβώς. Να ξέρετε, οι εταιρείες αποδίδουν λίγο-πολύ παρόμοια ονομασία στις ρυθμίσεις των προτύπων που εφαρμόζουν παρόμοιες αλλαγές πάνω στην ιστοσελίδα μας. Θα συνεχίσουμε το οδηπορικό μας, στις ρυθμίσεις εξατομίκευσης του προτύπου μας, ξεκινώντας στο υποφενόμενο επεισόδιο από τα προσαρμοσμένα ύφη χρωμάτων (presets).

Στην υποκατηγορία του κύριου σώματος του ιστότοπού μας που περιέχει το κύριο περιεχόμενο (body) βλέπουμε τις ρυθμίσεις χρώματος των σελίδων γενικά (color), το χρώμα του φόντου (background color), καθώς και τις ρυθμίσεις χρώματος συνδέσμου (link color), χρώματος συνδέσμου όταν το ποντίκι πηγαίνει από πάνω του (link hover color). Στην υποκατηγορία για την τοποθεσία της κεφαλής (header), που συνήθως είναι το σημείο μίας ιστοσελίδας λίγο πιο πάνω από το body. Η υποκατηγορία Top Bar είναι ακριβώς από πάνω από το header κι έχει το χρώμα του φόντου (background color) και το επιθυμητό χρώμα κειμένου (text color). Έπειτα, συναντάμε τις ρυθμίσεις χρωμάτων του κυρίως Μενού και του Footer.

Στην συνέχεια, εξετάζουμε την τυπογραφία στο body, στο κεντρικό Μενού, στις κεφαλίδες από 1 έως 6 (headings), και εισάγουμε στην προσαρμοσμένη τυπογραφία μία μορφοποίηση κι μία δική μας κωδική ονομασία. Έχουμε επιλογή για την εισαγωγή κώδικα είτε στο head είτε στο body του ιστότοπού μας, για την εισαγωγή κώδικα CSS και Javascript, για την συμπίεση του CSS του ιστότοπού μας και για την εξαγωγή όλων των ρυθμίσεων, γενικά, και την λήψη τους σε ένα αρχείο έτσι ώστε να μην χρειαστεί να τις θυμόμαστε απ' έξω. Μπορούμε να ρυθμίσουμε το πρότυπό μας άμεσα με την εισαγωγή των ρυθμίσεων από το αρχείο που αποθηκεύσαμε. Αυτή την δυνατότητα όμως, δεν την έχουν όλα τα πρότυπα.

00:00 - Είσοδος ως διαχειριστής
00:24 - Προσαρμοσμένο ύφος (Preset)
01:05 - Χρώματα στο Body
01:54 - Χρώματα στο Header
02:10 - Χρώματα στο Top Bar
02:30 - Χρώματα στο Menu
03:20 - Χρώματα στο Footer
03:48 - Ανακεφαλαίωση
04:55 - Τυπογραφία
06:55 - Τυπογραφία στο Body
09:00 - Τυπογραφία στο Menu
09:23 - Τυπογραφία στις Headings (1-6)
10:58 - Προσαρμοσμένη τυπογραφία
11:47 - Ενημέρωση γραμματοσειρών
12:24 - Εισαγωγή κώδικα σε head ή body
13:50 - Προσαρμοσμένος CSS
16:50 - Προσαρμοσμένος Javascript
17:14 - Ρυθμίσεις συμπίεσης
18:04 - Συμπίεση SCSS σε CSS
18:22 - Εισαγωγή-Εξαγωγή ρυθμίσεων
19:11 - Τέλος

.
.
.
.

Τραγούδι που ακούστηκε:
Cartoon feat. Jüri Pootsmann - I Remember U (Xilent Remix) [NCS Release]
Η μουσική παραχωρήθηκε από την "NoCopyrightSounds"

- ΠΡΟΗΓΟΥΜΕΝΟ ΕΠΕΙΣΟΔΙΟ: Επ 5 - Ρυθμίσεις εξατομίκευσης! Λογότυπο, Body, Header, Footer, στοιχεία επικοινωνίας και ιστότοπος εκτός-λειτουργίας

Στο ΕΠΟΜΕΝΟ ΕΠΕΙΣΟΔΙΟ: Θα δημιουργήσουμε τα πρώτα βασικά άρθρα για τον ιστότοπό μας και θα σας δείξω πως μπορείτε θα συμπεριλάβετε εκείνες τις χρήσιμες πληροφορίες όπου οι πελάτες σας, ενδεχομένως να τις αναζητούν αμέσως με το που επισκέπτονται την ιστοσελίδα σας.