Τι είναι το WordPress Το WordPress είναι ένα σύστημα διαδικτυακών δημοσιεύσεων και διαχείρισης περιεχομένου ένα μέσο δημιουργίας ιστοτόπων (site) ή ιστολόγιων (blog). Το WordPress διατίθεται δωρεάν και είναι ελεύθερο λογισμικό ανοιχτού κώδικα. 1. Σύνδεση Για να επεξεργαστεί κανείς τις πληροφορίες που περιλαμβάνονται σε μια ιστοσελίδα που έχει δημιουργηθεί μέσω της εκδοτικής πλατφόρμας WordPress ή για να προσθέσει νέο περιεχόμενο θα πρέπει πρώτα να συνδεθεί (login) πηγαίνοντας στη διεύθυνση της ιστοσελίδας (url) και προσθέτοντας στο τέλος: /wp-admin. Π.χ. http://uranus.media.uoa.gr/ntlab/wp/wp002/wp-admin Στη φόρμα που εμφανίζεται ζητούνται τα στοιχεία σύνδεσης (username και password) και εφόσον συμπληρωθούν σωστά, ο χρήστης μεταφέρεται αυτόματα στην οθόνη ελέγχου (Dashboard) της ιστοσελίδας. 2. Δημιουργία νέας ανάρτησης Στην αριστερή στήλη στο Dashboard υπάρχει η επιλογή «Posts» (αναρτήσεις). Περνώντας το ποντίκι πάνω από τη λέξη χωρίς να κάνουμε «κλικ» εμφανίζεται αναδυόμενο μενού από το οποίο επιλέγουμε: «Add new». Μεταφερόμαστε στην οθόνη δημιουργίας νέας ανάρτησης. Εικόνα 1: Το περιβάλλον δημιουργίας ανάρτησης Στα πεδία που εμφανίζονται μπορούμε να προσθέσουμε τον τίτλο της δημοσίευσής μας και το πλήρες κείμενο αυτής. Στη συνέχεια μπορούμε να προχωρήσουμε σε μορφοποίηση χρησιμοποιώντας τα σχετικά εικονίδια. Συγκεκριμένα από αριστερά προς τα δεξιά τα παρακάτω πλήκτρα επιτελούν τις παρακάτω λειτουργίες: Εικόνα 2: Τα βασικά εργαλεία μορφοποίησης
- Μετατρέπει τη γραμματοσειρά του επιλεγμένου κειμένου σε έντονη (Bold) - Μετατρέπει τη γραμματοσειρά του επιλεγμένου κειμένου σε πλάγια (Italics) - Διαγράφει (με γραμμή) το επιλεγμένο κείμενο - Μορφοποιεί το επιλεγμένο κείμενο σε λίστα - Μορφοποιεί το επιλεγμένο κείμενο σε λίστα με αρίθμηση - Μορφοποιεί το επιλεγμένο κείμενο ως μότο. - Στοιχίζει το επιλεγμένο κείμενο αριστερά - Στοιχίζει το επιλεγμένο κείμενο στο κέντρο - Στοιχίζει το επιλεγμένο κείμενο δεξιά - Προσθέτει υπερσύνδεσμο (link) - Αφαιρεί υπερσύνδεσμο (link) - Διαιρεί σε ενότητες το κείμενο προσθέτοντας το κείμενο: «Διαβάστε περισσότερα» - Ορθογραφικός έλεγχος - Μεγιστοποίηση Πλήρης οθόνη - Περισσότερες επιλογές μορφοποίησης. Κάνοντας κλικ σε αυτό το κουμπί αναδύεται μία επιπλέον μπάρα εργαλείων μέσω της οποίας μπορούμε μεταξύ άλλων να υπογραμμίσουμε ή να αλλάξουμε χρώμα σε ένα κείμενο. Αφού γράψουμε και μορφοποιήσουμε το κείμενο θα πρέπει να το εντάξουμε σε μία από τις διαθέσιμες κατηγορίες επιλέγοντας αυτή που θέλουμε από το πλαίσιο που βρίσκεται στο δεξί μέρος της οθόνης. Μπορούμε επίσης να ορίσουμε και κάποιες ετικέτες/ tags για να δώσουμε τη δυνατότητα στους αναγνώστες να βρουν εύκολα σχετικό περιεχόμενο στον ιστοχώρο μας. Εικόνα 3: Τα πεδία επιλογής κατηγορίας και tag
Μπορούμε να αποθηκεύσουμε τη δουλειά μας ως πρόχειρο (draft) ή να επιλέξουμε δημοσίευση (Publish) και στη συνέχεια να κάνουμε προεπισκόπηση του άρθρου πατώντας στο κουμπί «Preview Changes» στο πάνω δεξιά μέρος της οθόνης. Εισαγωγή link / Πηγής Αν θέλουμε να παραπέμψουμε τον αναγνώστη του άρθρου μας σε κάποιο άλλο άρθρο στην ιστοσελίδα μας ή σε κάποια άλλη ιστοσελίδα μπορούμε να ενσωματώσουμε links μέσα στο κείμενό μας. Επιλέγουμε τη λέξη που θέλουμε να κάνουμε υπερσύνδεσμο και πατώντας το κουμπί που βλέπουμε στην εικόνα εισάγουμε την πλήρη διεύθυνση της ιστοσελίδας στην οποία θέλουμε να γίνει παραπομπή. Στο πεδίο title μπορούμε να εισάγουμε μια περιγραφή του υπερσυνδέσμου. Αυτό κάνει πιο εύχρηστο τον ιστοχώρο μας και βοηθά άτομα που χρησιμοποιούν ειδικές συσκευές για να πλοηγούνται στο διαδίκτυο (π.χ. τυφλά άτομα) να γνωρίζουν από πριν σε τι αφορά το link και να αποφύγουν άσκοπες μετακινήσεις σε ανεπιθύμητο περιεχόμενο. Εισαγωγή φωτογραφίας Για να εισάγουμε μία εικόνα τοποθετούμε τον κέρσορα στο σημείο του κειμένου που θέλουμε να την εντάξουμε και στη συνέχεια κάνουμε κλικ στην ένδειξη «Upload/Insert» που βρίσκεται κάτω ακριβώς από τον τίτλο της ανάρτησης. Εικόνα 4: Upload/Insert Στο παράθυρο που ανοίγει, έχουμε τη δυνατότητα να κάνουμε drag&drop ένα αρχείο από τον υπολογιστή μας ή να επιλέξουμε να εξερευνήσουμε τα αρχεία μας και να επιλέξουμε από εκεί τη φωτογραφία που επιθυμούμε να αναρτήσουμε. Αφού επιλέξουμε το αρχείο και αφού «ανέβει» σε ποσοστό 100%, θα εμφανιστεί αυτόματα αντίστοιχο παράθυρο με αυτό της παρακάτω εικόνας.
Εδώ μπορούμε να βάλουμε μια σύντομη περιγραφή στο πεδίο title (χρήσιμο για τους λόγους που παρατέθηκαν στην ενότητα links). To alternate text είναι το κείμενο που εμφανίζεται όταν ένας χρήστης κάνει mouse over στην εικόνα. Στο πεδίο caption μπορούμε να συμπληρώσουμε μια λεζάντα. Στο πεδίο alignment επιλέγουμε την στοίχιση της εικόνας σε σχέση με το κείμενο. Στο παράδειγμα αυτό έχει επιλεγεί πλήρες μέγεθος με κεντρική στοίχιση. Αφού ολοκληρώσουμε τη διαδικασία καταχώρισης, κάνουμε κλικ στο κουμπί «Insert to Post» για να εισάγουμε την εικόνα στο κείμενο. Επαναλαμβάνουμε τη διαδικασία για κάθε φωτογραφία που θέλουμε να προσθέσουμε. Εισαγωγή βίντεο Εικόνα 5: Εισαγωγή εικόνας Για να εμπλουτίσουμε την ανάρτησή μας μπορούμε να ενσωματώσουμε σχετικά βίντεο τα οποία είναι διαθέσιμα μέσω υπηρεσιών τρίτων, όπως π.χ. το YouTube, Vimeo, Dailymotion, κ.α. Αφού επιλέξουμε το βίντεο που θέλουμε να εισάγουμε, αναζητούμε τον κώδικα ενσωμάτωσης (embed html). Για παράδειγμα στο YouTube μπορούμε να το βρούμε
κάνοντας δεξί κλικ πάνω στο τρέχον βίντεο και επιλέγοντας «Copy Embed html» όπως φαίνεται στην εικόνα: Εικόνα 6: Αντιγραφή κώδικα ενσωμάτωσης. Στη συνέχεια πηγαίνουμε και πάλι στην επεξεργασία της ανάρτησής μας και αυτή τη φορά κάνουμε κλικ στο κουμπί HTML που βρίσκεται στην πάνω δεξιά γωνία του πεδίου επεξεργασίας κειμένου. Τοποθετούμε τον κέρσορα στο σημείο που θέλουμε να εισάγουμε το βίντεο και κάνουμε επικόλληση τον κώδικα. Κάνοντας preview μπορούμε να δούμε το βίντεο σε λειτουργία.