Οριζόντιο Έργο Υποστήριξης Σχολείων, Εκπαιδευτικών και Μαθητών στο Δρόμο για το ΨΗΦΙΑΚΟ ΣΧΟΛΕΙΟ, νέες υπηρεσίες Πανελλήνιου Σχολικού Δικτύου και Στήριξη του ΨΗΦΙΑΚΟΥ ΣΧΟΛΕΙΟΥ Δράση Α8 Πρακτική εκπαίδευση του προσωπικού ενδοσχολικής τεχνικής υποστήριξης Υπηρεσίες Πανελλήνιου Σχολικού Δικτύου ΕΑ18 - Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress

Προεπισκόπηση Παρουσίασης Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Εισαγωγή Ορισμοί Μεταφορά αρχείων με χρήση FTP εφαρμογών Εγκατάσταση του Wordpress στο ΠΣΔ Η σελίδα διαχείρισης του Wordpress 2

Εισαγωγή Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Το WordPress είναι ένα δωρεάν σύστημα διαχείρισης περιεχομένου το οποίο χρησιμοποιείται για την ανάπτυξη δυναμικών ιστοσελίδων και την διαχείριση του περιεχομένου τους μέσα από ένα γραφικό περιβάλλον. Το ΠΣΔ παρέχει σε όλους τους πιστοποιημένους χρήστες του την δυνατότητα δημιουργίας ιστοσελίδων κάνοντας χρήση του WordPress. Το WordPress χρησιμοποιεί: – διακομιστή Web τεχνολογίας Apache – γλώσσα scripting PHP και – βάση δεδομένων MySQL 3

Ορισμοί Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Σύστημα Διαχείρισης Περιεχομένου – Διαδικτυακή εφαρμογή η οποία επιτρέπει την online τροποποίηση του περιεχομένου ενός δικτυακού τόπου. Διεύθυνση ιστοσελίδων – Η διεύθυνση ιστοσελίδων (URL) είναι η διεύθυνση που χρησιμοποιείται για την επίσκεψη των ιστοσελίδων από τα προγράμματα φυλλομετρητών (web browsers) όπως είναι Internet Explorer, Mozilla Firefox, Google Chrome, κτλ. Διακομιστής web – Είναι ο διακομιστής (server) για την δημοσίευση των σελίδων. Γενικά είναι διαφορετικός ανάλογα με την κατηγορία του χρήστη και την γεωγραφική περιοχή. Εφαρμογή ftp – Εφαρμογή που χρησιμοποιείται για τη μεταφορά αρχείων μεταξύ ενός σταθμού εργασίας και του διακομιστή web. 4

Μεταφορά αρχείων με χρήση του WinSCP Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Στοιχεία σύνδεσης – Το όνομα του διακομιστή web (host name) – Το όνομα χρήστη (username) – Ο κωδικός πρόσβασης (password) Στην επιλογή File protocol – Επιλέξτε προτιμότερα SFTP – Πατάτε login για να εισέλθετε 5

Μεταφορά αρχείων με χρήση του Filezilla Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Στοιχεία σύνδεσης – Το όνομα του διακομιστή web (node) – Το όνομα χρήστη (username) – Ο κωδικός πρόσβασης (password) 6

Εγκατάσταση του Wordpress στο ΠΣΔ (1) Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Κατεβάστε το αρχείο της τελευταίας έκδοσης του WordPress από την επίσημη ιστοσελίδα Χρησιμοποιήστε ένα πρόγραμμα αποσυμπίεσης και αποσυμπιέστε το αρχείο του WordPress σε ένα φάκελο στον υπολογιστή σας. Μετονομάστε τον αποσυμπιεσμένο φάκελο “wordpress el” σε “wordpress”. Πιστοποιηθείτε ως χρήστης στο και πλοηγηθείτε στο "MySch  Πίνακας ελέγχου  Ρυθμίσεις βάσης δεδομένων MySQL". Δημιουργήστε μία νέα βάση δεδομένων (αν δεν υπάρχει ήδη) και κωδικό πρόσβασης για αυτήν τη βάση. Μετονομάστε το αρχείο “wp-config-sample.php” σε “wp- config.php”. 7

Εγκατάσταση του Wordpress στο ΠΣΔ (2) Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Ανοίξτε το αρχείο “wp-config.php” και ορίστε τα στοιχεία της βάσης δεδομένων που δημιουργήσατε σε προηγούμενο βήμα. // ** MySQL settings - You can get this info from your web host ** // /** The name of the database for WordPress */ define ('DB_NAME', 'database_name_here'); /** MySQL database username */ define ('DB_USER', 'username_here'); /** MySQL database password */ define ('DB_PASSWORD', 'password_here'); /** MySQL hostname */ define ('DB_HOST', 'localhost'); 8

Εγκατάσταση του Wordpress στο ΠΣΔ (3) Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Χρησιμοποιήστε ένα πρόγραμμα FTP και μεταφέρετε τον φάκελο “wordpress”, στο χώρο της ιστοσελίδας σας στο ΠΣΔ.. Επισκεφτείτε την διεύθυνση admin/install.php, όπου το “username” Θα πρέπει να το αντικαταστήσετε με το όνομα χρήστη του λογαριασμού σας το ΠΣΔ. admin/install.php Στην περίπτωση που τα αρχεία εγκατάστασης του wordpress τα έχετε μεταφέρει στο root φάκελο σας τότε θα πρέπει να επισκεφτείτε την διεύθυνση 9

Εγκατάσταση του Wordpress στο ΠΣΔ (4) Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Μόλις φορτώσει η διεύθυνση θα σας εμφανιστεί η αρχική σελίδα εγκατάστασης του Wordpress 10

Εγκατάσταση του Wordpress στο ΠΣΔ (5) Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Ολοκλήρωση εγκατάστασης WordPress 11

Σελίδα διαχείρισης του Wordpress Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Για να συνδεθείτε στο διαχειριστικό περιβάλλον του WordPress θα πρέπει να επισκεφτείτε τον δικτυακό τόπο

Μενού πλοήγησης Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Το μενού πλοήγησης αποτελείται από άμεσους συνδέσμους προς διαχειριστικές ενέργειες και βρίσκεται αριστερά του πίνακα ελέγχου. To κουμπί “Προσθήκη” στην πάνω πλευρά του πίνακα ελέγχου χρησιμοποιείτε για την άμεση προσθήκη ενός Άρθρου, Πολυμέσων, Σελίδας ή Μέλους. 13

Περιοχή «Με μια ματιά» Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Η περιοχή «Με μια ματιά» παρέχει μια γρήγορη περίληψη του αριθμού άρθρων, σελίδων, σχολίων, ετικετών και κατηγοριών της ιστοσελίδας σας. Κάνοντας κλικ σε ένα σύνδεσμο, μεταφέρεστε στη συγκεκριμένη περιοχή στο διαχειριστικό σας περιβάλλον 14

Περιοχή «Πρόσφατα σχόλια» Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Η περιοχή «Πρόσφατα σχόλια» εμφανίζει τα 5 πιο πρόσφατα σχόλια για την ιστοσελίδα σας. Περνώντας το ποντίκι επάνω από το σχόλιο εμφανίζονται πέντε σύνδεσμοι που διευκολύνουν την Έγκριση/Απόρριψη, Απάντηση, Επεξεργασία, Σήμανση ως Ανεπιθύμητο ή Διαγραφή, απευθείας από τον πίνακα ελέγχου σας 15

Περιοχή «Εισερχόμενοι Σύνδεσμοι» Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Οι Εισερχόμενοι σύνδεσμοι βασίζονται στο Google blog Search. Όταν ένα άλλο ιστολόγιο προσθέτει σύνδεσμο προς την ιστοσελίδα σας, μία ειδοποίηση εμφανίζεται εδώ. Οι σύνδεσμοι θα εμφανιστούν όταν άλλοι χρήστες θα αρχίσουν να προσθέτουν συνδέσμους. 16

Περιοχή «QuickPress» Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Η Περιοχή QuickPress είναι ένας μικρός επεξεργαστής αναρτήσεων που σας επιτρέπει να γράψετε γρήγορα μια ανάρτηση συμπεριλαμβανομένου και του τίτλου, να προσθέσετε αρχεία ήχου-εικόνας και ετικέτες απευθείας από τον πίνακα ελέγχου. 17

Επιλογές Προβολής Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Το «Επιλογές Προβολής» που βρίσκεται στην πάνω δεξιά πλευρά του πίνακα ελέγχου μπορεί να χρησιμοποιηθεί για να προσαρμόσετε το τι εμφανίζεται και πώς στην οθόνη. Πατώντας το έχετε τη δυνατότητα να αλλάξετε τον αριθμό των στηλών και να κρύψετε ενότητες από την σελίδα του πίνακα ελέγχου 18

Συγγραφή ενός άρθρου Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Υπάρχουν δύο τρόποι για να γράψουμε ένα νέο άρθρο: – Χρησιμοποιώντας το μενού πλοήγησης: Άρθρα  Νέο Άρθρο. – Χρησιμοποιώντας το μενού γρήγορης πρόσβασης από το πάνω μέρος της σελίδας πατώντας Προσθήκη  Άρθρου. 19

Κατηγορίες και Ετικέτες σε άρθρο Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Οι κατηγορίες είναι όπως τα κεφάλαια ενός βιβλίου παρέχοντας την γενική εικόνα των θεμάτων του ιστολογίου σας. Οι ετικέτες είναι σαν τους σελιδοδείκτες που βρίσκουμε στο πίσω μέρος ενός βιβλίου και καθοδηγούν βάση λέξεων για την εύρεση κατάλληλων άρθρων. Κατηγορίες προσθέτετε κατά την συγγραφή ενός άρθρου είτε: – Επιλέγοντας μια από της ήδη υπάρχουσες στα δεξιά του άρθρου, είτε – Κάνοντας κλικ στο «+ Προσθήκη Κατηγορίας». Πληκτρολογήστε το όνομα της κατηγορίας που επιθυμείτε και στη συνέχεια κάντε κλικ στο κουμπί «Προσθήκη Κατηγορίας». Ετικέτες προσθέτετε όταν γράφετε άρθρα, πληκτρολογώντας τις λέξεις-κλειδιά που θέλετε και κάνοντας κλικ στην επιλογή «Προσθήκη». 20

Εισαγωγή συνδέσμων Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Για να εισάγετε έναν υπέρ-σύνδεσμο εκτελείτε τα παρακάτω: – Αντιγράφετε το ζητούμενο URL από τον φυλλομετρητή σας. – Στην σελίδα Νέα Άρθρο επιλέγετε το κείμενο που θέλετε να συνδέσετε με τον σύνδεσμο που έχετε αντιγράψει και πατάτε το κουμπί «Εισαγωγή/επεξεργασία συνδέσμου» στα εργαλεία επεξεργασίας κειμένου. – Επικολλάτε τον σύνδεσμο στο πεδίο URL, δίνετε κάποιο τίτλο και επιλέγετε το «Άνοιγμα συνδέσμου σε νέο παράθυρο/καρτέλα» αν επιθυμείτε ο σύνδεσμος να ανοίξει σε ένα νέο παράθυρο ή καρτέλα 21

Προσθήκη εικόνων σε άρθρο (1) Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Στην σελίδα «Νέα Άρθρο», ακριβώς πάνω από τα κουμπιά επεξεργασίας κειμένου είναι το κουμπί «Προσθήκη πολυμέσων» από το οποίο μπορείτε να εισάγετε: εικόνες, βίντεο, αρχεία ήχου και αρχεία πολυμέσων. 22

Προσθήκη εικόνων σε άρθρο (2) Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Αν ανεβάσετε περισσότερες από μια εικόνες μπορείτε να τις δείτε επιλέγοντας «Συλλογή πολυμέσων» Επιλέγοντας μία εικόνα μπορείτε να την επεξεργαστείτε προσθέτοντας τίτλο, λεζάντα, στοίχιση, εναλλακτικό κείμενο, περιγραφή ή να αλλάξετε το μέγεθος κ.α. 23

Προγραμματισμός για δημοσίευση άρθρου σε μεταγενέστερη ημερομηνία Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Μπορείτε να προγραμματίσετε την δημοσίευση κάποιου άρθρου σε μεταγενέστερη ημερομηνία, είτε πρόκειται για λίγες ημέρες ή εβδομάδες 24

Προστασία άρθρου με κωδικό πρόσβασης Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Υπάρχουν περιπτώσεις όπου γράφετε ένα άρθρο και θέλετε να έχουν πρόσβαση μόνο κάποιοι αναγνώστες που διαθέτουν κάποιο συγκεκριμένο κωδικό. 25

Επεξεργασία προηγούμενων Άρθρων Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Για να εντοπίσετε το άρθρο που θέλετε επιλέξτε Άρθρα και μετά Όλα τα άρθρα, όπου οδηγείστε στην σελίδα των άρθρων όπου εμφανίζεται μια λίστα όλων των άρθρων 26

Συλλογή πολυμέσων Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Από την συλλογή πολυμέσων μπορείτε να τα διαχειριστείτε ή και να προσθέσετε νέα (Πολυμέσα  Νέο αρχείο). 27

Διαχείριση σχολίων Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Για να διαχειριστείτε τα σχόλια πηγαίνετε στο πάνελ διαχείρισης Σχόλια. Πηγαίνοντας το ποντίκι πάνω από ένα σχόλιο εμφανίζονται οι παρακάτω επιλογές: – Έγκριση-Αποέγκριση για να εγκρίνετε ή να από-εγκρίνετε ένα σχόλιο. – Απάντηση για να απαντήσετε στο συγκεκριμένο σχόλιο. – Ταχυεπεξεργασία για γρήγορη επεξεργασία του σχολίου. – Επεξεργασία για μετάβαση στην σελίδα αναλυτικής επεξεργασίας σχολίων. – Ανεπιθύμητο για να χαρακτηρίσετε κάποιο σχόλιο ανεπιθύμητο. – Διαγραφή. 28

Δημιουργία μιας νέας σελίδας Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Μπορείτε να δημιουργήσετε νέες σελίδες χρησιμοποιώντας τις επιλογές Σελίδες  Νέα σελίδα στο πάνελ διαχείρισης 29

Εμφάνιση Ιστολογίου Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress Η αλλαγή του θέματος του ιστολογίου γίνεται από το μενού πλοήγησης μέσω των επιλογών Εμφάνιση  Θέματα που οδηγεί στην σελίδα Διαχείρισης θεμάτων 30

Ερωτήματα Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress 31