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

Οριζόντιο Έργο Υποστήριξης Σχολείων, Εκπαιδευτικών και Μαθητών
στο Δρόμο για το ΨΗΦΙΑΚΟ ΣΧΟΛΕΙΟ, νέες υπηρεσίες Πανελλήνιου
Σχολικού Δικτύου και Στήριξη του ΨΗΦΙΑΚΟΥ ΣΧΟΛΕΙΟΥ
Δράση Α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 από
την επίσημη ιστοσελίδα http://el.wordpress.org/
• Χρησιμοποιήστε ένα πρόγραμμα αποσυμπίεσης και
αποσυμπιέστε το αρχείο του WordPress σε ένα φάκελο στον
υπολογιστή σας.
• Μετονομάστε τον αποσυμπιεσμένο φάκελο “wordpress-3.5.1-el”
σε “wordpress”.
• Πιστοποιηθείτε ως χρήστης στο www.sch.gr και πλοηγηθείτε στο
"MySchΠίνακας ελέγχουΡυθμίσεις βάσης δεδομένων
MySQL".
• Δημιουργήστε μία νέα βάση δεδομένων (αν δεν υπάρχει ήδη) και
κωδικό πρόσβασης για αυτήν τη βάση.
• Μετονομάστε το αρχείο “wp-config-sample.php” σε “wpconfig.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”, στο χώρο της ιστοσελίδας σας στο
ΠΣΔ..
• Επισκεφτείτε την διεύθυνση
http://users.sch.gr/username/wordpress/wpadmin/install.php, όπου το “username” Θα πρέπει να το
αντικαταστήσετε με το όνομα χρήστη του λογαριασμού σας
το ΠΣΔ.
• Στην περίπτωση που τα αρχεία εγκατάστασης του wordpress
τα έχετε μεταφέρει στο root φάκελο σας τότε θα πρέπει να
επισκεφτείτε την διεύθυνση
http://users.sch.gr/username/wp-admin/install.php.
9
Εγκατάσταση του Wordpress στο ΠΣΔ (4)
Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress
• Μόλις φορτώσει η διεύθυνση θα σας εμφανιστεί η αρχική
σελίδα εγκατάστασης του Wordpress
10
Εγκατάσταση του Wordpress στο ΠΣΔ (5)
Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress
• Ολοκλήρωση εγκατάστασης WordPress
11
Σελίδα διαχείρισης του Wordpress
Δημιουργία και συντήρηση ιστοτόπου με χρήση του CMS WordPress
• Για να συνδεθείτε στο διαχειριστικό περιβάλλον του WordPress θα
πρέπει να επισκεφτείτε τον δικτυακό τόπο
http://users.sch.gr/username/wordpress/wp-admin/
12
Μενού πλοήγησης
Δημιουργία και συντήρηση ιστοτόπου με χρήση του 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