Το θέμα (template) του ιστότοπου ελέγχει την οπτική διάταξη και την εμφάνιση των ιστοσελίδων μας. Υπάρχουν διάφορα θέματα για να επιλέξετε. Οι επιλογές κυμαίνονται από θέματα που δεν μπορούν να τροποποιηθούν, έως θέματα που είναι «εξαιρετικά προσαρμόσιμα», δηλαδή μπορούμε να αλλάξουμε κεφαλίδα, εικόνα, τύπο γραμματοσειράς, χρώμα γραμματοσειράς και το χρώμα του φόντου.
Χαρακτηριστικά, αξίζει να εξεταστεί η διάταξη της ιστοσελίδας όταν επιλέγουμε το θέμα της. Τα θέματα περιλαμβάνουν συνήθως μια επικεφαλίδα, μια περιοχή περιεχομένου (για τα άρθρα σας) και μια περιοχή μπάρας-sidebar (για τις επιμέρους Μονάδες - Widgets που πιθανώς θα ενσωματώσουμε).
Τα θέματα διατίθενται σε διάφορες τυπικές διατάξεις:
Η πιο συχνά χρησιμοποιούμενη διάταξη είναι οι Δύο ή οι Τρεις Στήλες.
Η κλασσική εμφάνιση (Layout) - Δύο στήλες
Πολλοί επισκέπτες πλέον είναι από άλλες συσκευές και όχι από σταθερούς και φορητούς υπολογιστές.Το site μας πρέπει να είναι συμβατό με 240px, 320px, 480px, 768px που είναι τα πιο συνήθη μεγέθη που χρησιμοποιούνται από κινητά τηλέφωνα και tablets.Τα πιο αποτελεσματικά θέματα είναι Responsive themes που από μόνα τους καταλαβαίνουν το μέγεθος της οθόνης και παρουσιάζονται σωστά χωρίς να δυσκολεύουν τον χρήστη.
Στην παρούσα εργασία ο σκοπός είναι να μάθει ο επιμορφούμενος να διαχειρίζεται τα ήδη εγκατεστημένα θέματα.
Για να διαχειριστούμε την εμφάνιση και για να επιλέξουμε το επιθυμητό θέμα για τον ιστότοπό μας, θα πρέπει να συνδεθούμε στο διαχειριστικό περιβάλλον (back-end) του ιστότοπου WordPress που δημιουργήσαμε. Συνεπώς, θα πρέπει να επισκεφτούμε τη διεύθυνση http://users.sch.gr/username/wordpress/wp-admin , (όπου το “username” θα πρέπει να το αντικαταστήσουμε με το δικό μας όνομα χρήστη στο ΠΣΔ π.χ. ο χρήστης bdaloukas θα επισκεφτεί τη διεύθυνση http://users.sch.gr/bdaloukas/wordpress/wp-admin). Εκεί θα συμπληρώσουμε το όνομα χρήστη και τον κωδικό πρόσβασης του διαχειριστή ιστοτόπου που δηλώσαμε κατά την εγκατάσταση του WordPress (Εικόνα 1).
Εικόνα 1 - Σύνδεση στο διαχειριστικό περιβάλλον του WordPress
Πατάμε το Σύνδεση και θα μπαινουμε στην Aρχική σελίδα του Πίνακα ελέγχου του WordPress site μας, όπως αυτή φαίνεται στην (Εικόνα 2).
Εικόνα 2 - Αρχική σελίδα πίνακα ελέγχου WordPress
Κάθε νεοσύστατος ιστότοπος έχει το ίδιο προεπιλεγμένο θέμα, το οποίο όμως μπορούμε να αλλάξουμε και να προσαρμόσουμε στη δική μας προτίμηση.
Μπορείτε να αλλάξετε το θέμα από το μενού πλοήγησης επιλέγοντας Εμφάνιση → Θέματα για να οδηγηθείτε στη σελίδα Διαχείρισης Θεμάτων.
Από προεπιλογή η WordPress 4.4 έχει εγκατεστημένα τρία θέματα.
Εσείς πατήστε το Twenty Sixteen να γίνει (αν δεν είναι) ενεργό και κατόπιν πατήστε το Προσαρμογή. Ανοίγει το παρακάτω παράθυρο.
Στην σελίδα αυτή να διαμορφώσετε τον ιστότοπό σας:
Βρείτε μια εικόνα στην google βάζοντας ένα όνομα πχ εκπαίδευση ή education και πατήστε Εικόνες-->Εργαλεία αναζήτησης --> Μέγεθος--> Ακριβώς και στο πλαίσιο που θα ανοίξει βάλτε στο πλάτος 1280 ή λίγο παραπάνω. Αφού βγάλει ζητούμενες εικόνες, κάντε αποθήκευση της εικόνας που θέλετε.
Μπορείτε βέβαια να βάλετε μία από δική σας συλλογή αρκεί να είναι τουλάχιστον πλάτους 1200px, οπότε στο ανέβασμα σας δίνει την δυνατότητα το wordpress να την κάνετε περικοπή.
Μετά από τον πίνακα ελέγχου, αφού είστε στην Εικόνα κεφαλίδας, πατήστε το προσθήκη νέας εικόνας και ανεβάστε την εικόνα σας.
Tις υπόλοιπες ρυθμίσεις μπορείτε να τις κάνετε, αφού τελειώσετε και τις άλλες εργασίες (ή όποτε θέλετε). Τέλος, πατήστε το Αποθήκευση & ενεργοποίηση.
Μετά την Ενεργοποίηση, ανοίξτε νέα καρτέλα στον φυλλομετρητή σας και επισκεφθείτε τη διεύθυνση του δικού σας ιστότοπου WordPress που θα έχει μορφή http://users.sch.gr/username/wordpress (π.χ http://users.sch.gr/bdaloukas/wordpress) για να δείτε πως φαίνεται πλέον στον επισκέπτη η ιστοσελίδα σας (front-end, μπροστά σελίδα).
Το αποτέλεσμα θα είναι περίπου όπως η παρακάτω εικόνα
Προσοχή, μέχρι να τελειώσετε όλες τις εργασίες και να βαθμολογηθείτε μην αλλάξτε θέμα στον ιστότοπό σας, γιατί νέο θέμα μπορεί να μην είναι συμβατό με τις επόμενες εργασίες.
Τι θα υποβάλλετε για την εργασία 9.2:
Στην υποβολή της εργασίας θα δώσετε έναν ενεργό σύνδεσμο που θα έχει τη μορφή http://users.sch.gr/username/wordpress και θα οδηγεί προς τον WordPress ιστότοπό σας όπου θα φαίνεται το νέο θέμα τροποποιημένο σύμφωνα με τις παραπανω οδηγίες.