Σημειώσεις Α’ Εξαμήνου Διδάσκων: Κος. Μουρλάς Κωνσταντίνος.

Παρουσίαση με θέμα: "Σημειώσεις Α’ Εξαμήνου Διδάσκων: Κος. Μουρλάς Κωνσταντίνος."— Μεταγράφημα παρουσίασης:

1 Σημειώσεις Α’ Εξαμήνου Διδάσκων: Κος. Μουρλάς Κωνσταντίνος

2 Γιατί Wordpress; CMS (Content Management System) Λογισμικό ανοικτού κώδικα Εύκολα προσαρμόσιμη εμφάνιση, θέματα και πρόσθετα (themes & plugins) >24% των sites του παγκοσμίου ιστού έχουν φτιαχτεί στην πλατφόρμα του Wordpress

3 Αρχική Εγκατάσταση (1) uranus.media.uoa.gr/ntlab/intro/site00 Site Title: Site00_2015 Username: ntlabwpuser Password: ntlabwpuser2014 Email: youremail@media.uoa.gr

4 Αρχική Εγκατάσταση (2)

5 Login http://uranus.media.uoa.gr/intro/wp-admin

6 Dashboard (1) Kύρια σελίδα διαχείρησης Όνομα συνδεδεμένου χρήστη/διαχειριστή (δεξιά) και ιστοσελίδας (αριστερά) και στην κεφαλίδα και υπερσύνδεσμος σε αυτή New Feature Pointer: Νέα προσθήκη ή ανανέωση κάποιου στοιχείου στο Dashboard Screen options: Διαχείρηση στοιχείων του Dashboard

7 Dashboard (2)

8 Dashboard Menu (1) Αριστερά: Κύριο μενού πλοήγησης Επιλογές για ανανέωση και διαχείρηση της ιστοσελίδας Πέρασμα ποντικιού πάνω από κάθε επιλογή του μενού εμφανίζει ένα αναδιπλούμενο υπομενού Κλικ σε κάθε επιλογή του μενού εμφανίζει σε λεπτομερή μορφή ολόκληρο το υπομενού

9 Dashboard Menu (2)

10 Dashboard Menu (3) Dashboard Εμφανίζει την αρχική σελίδα του Dashboard Σύντομη περιγραφή στατιστικών, αριθμού ενεργών σελίδων (pages), αναρτήσεων (posts) και σχολίων (comments) Σε περίπτωση χρήσης anti-spam plugin (πχ. Akismet) εμφάνιση σχολίων που θεωρούνται ανεπιθύμητα ή που βρίσκονται σε λίστα αναμονής έγκρισης από το διαχειριστή

11 Dashboard Menu (4) Posts Δημιουργία νέας ανάρτησης (post) ιστολογίου Ανανέωση ή προσθήκη κατηγοριών (categories) και ετικετών (tags) Media Xώρος αποθηκευμένων αρχείων (μέσων ή εγγράφων) Ανανέωση ή επεξεργασία των αρχείων Προσθήκη αρχείων απευθείας από τον τοπικό δίσκο ή με χρήση FTP εργαλείων Χρήση των παραπάνω στις σελίδες ή αναρτήσεις

12 Dashboard Menu (5) Pages Εμφάνιση και διαχείρηση όλων των σελίδων και υποσελίδων της ιστοσελίδας Comments Προβολή και διαχείρηση όλων των σχολίων Απάντηση ή επισήμανσή τους ως ανεπιθύμητα Appearance Εμφάνιση της ιστοσελίδας Επιλογή θέματος Διαχείρηση των Widgets Διαμόρφωση των αρχείων του θέματος

13 Dashboard Menu (6) Plugins Πρόσθετο λογισμικό για την επέκταση της λειτουργικότητας της πλατφόρμας Διαχείρηση plugins, προσθήκη, διαγραφή, ενεργοποίηση ή απενεργοποίηση τους Users Λίστα χρηστών με πρόσβαση στο dashboard και οι ρόλοι αυτών Διαχείρηση των δικαιωμάτων τους

14 Dashboard Menu (7) Tools Σύνολο χρηστικών εργαλείων Εισαγωγή ή εξαγωγή δεδομένων από και προς την ιστοσελίδα Settings Κύριο μενού για τη διαχείρηση των βασικών στοιχείων της ιστοσελίδας Όνομα και διεύθυνση ιστοσελίδας Δικαίωμα επισκεπτών για γραφή ή μη σχολίων (comments), κτλ. Επιθυμητό να μην γίνονται αλλαγές μετά την εγκατάσταση της σελίδας, εκτός και αν ο διαχειριστής διαθέτει πολύ καλή γνώση της πλατφόρμας Συχνά μετά την εγκατάσταση κάποιου plugin εμφανίζεται πρόσθετο μενού στα settings (ή στα tools ή ακόμη τελείως ξεχωριστό)

15 Toolbar (1) Γραμμή εργαλείων (Toolbar): στο επάνω μέρος του Dashboard Όταν ο διαχειριστής είναι συνδεδεμένος και επισκεφθεί την ιστοσελίδα του, εξακολουθεί να υπάρχει στο ίδιο σημείο Γρήγορη πρόσβαση στο Wordpress.org, Codex ή Support Forum του Wordpress Γρήγορη πρόσβαση για την ανανέωση των θεμάτων, πρόσθετων και μενού

16 Toolbar (2) Customizer: Ανανέωση/αλλαγή στοιχείων του θέματος, εικόνες background και κεφαλίδας (header) Εμφάνιση ή ανανέωση των σχολίων (comments) Προσθήκη νέας σελίδας, ανάρτησης, περιεχομένου ή/και χρήστη Αναζήτηση στην ιστοσελίδα Προβολή ή επεξεργασία των στοιχείων του διαχειριστή/χρήστη Έξοδος από το Dashboard

17 Toolbar (3)

18 Απόκρυψη της γραμμής εργαλείων Μενού Dashboard: Users  Your Profile Κλικ Show Toolbar when viewing site

19 Toolbar (4)

20 Pages vs. Posts Ποια η διαφορά posts και pages? Pages Σταθερό περιεχόμενο της ιστοσελίδας (πχ. About us) Βρίσκονται, μετά τη δημοσίευσή τους στο κεντρικό μενού της ιστοσελίδας ως κύριες σελίδες ή υποσελίδες Posts Περιεχόμενο που ανανεώνεται σε τακτική βάση (πχ. Latest News) Μπορούν να διαχωριστούν σε κατηγορίες με χρήση categories /tags Γράφονται από το διαχειριστή ή από άλλους χρήστες της ιστοσελίδας με περιορισμένη πρόσβαση – Εγκρίνονται πάντα από το διαχειριστή πριν δημοσιευτούν

21 Posts (1) Πρώτη επιλογή στο μενού Dashboard Eμφανίζονται: Τίτλος post Αuthor Categories Tags Aριθμός comments Hμερομηνία δημοσίευσης, ημερομηνία προγραμματισμού ή ημερομηνία τροποποίησης

22 Posts (2)

23 Posts (3) Στο επάνω μέρος εμφανίζονται: Ο συνολικός αριθμός των posts Σε ποια κατηγορία ανήκουν όσον αφορά τη δημοσίευσή τους: Published Scheduled Sticky Pending Draft Trash

24 Posts (4) Περνώντας τον κέρσορα πάνω άπό κάθε γραμμή (post), εμφανίζεται κάτω από κάθε post μία σειρά υπερσυνδέσμων: Edit: Επεξεργασία του post – Ίδια λειτουργία με το κλικ πάνω στον τίτλο του post Quick Edit: Επεξεργασία των βασικών στοιχείων του post, όπως ο τίτλος ή η ημερομηνία Trash: Μετακίνηση του post στον κάδο απορριμάτων – Μπορεί να ανακτηθεί εάν ο κάδος δεν αδειασθεί και συνεπώς το post διαγραφεί μόνιμα View: Προβολή του post – Εάν δεν έχει δημοσιευθεί ακόμη, εμφανίζεται η ένδειξη προεπισκόπιση (Preview)

25 Posts (5) Δίπλα σε κάθε post υπάρχει checkbox, επιτρέποντας την ταυτόχρονη ενέργεια σε πολλαπλές εγγραφές (πχ. διαγραφή, απαραίτητη η επιβεβαίωση με Apply) Xρήση επιλογής Filter για επιλογή εμφάνισης συγκεκριμένης ομάδας posts Επιλογή List View ή Excerpt View

26 Pages (1) Tρίτη επιλογή στο μενού Dashboard Eμφανίζονται: Τίτλος page Αuthor Categories Tags Aριθμός comments Hμερομηνία δημοσίευσης, ημερομηνία προγραμματισμού ή ημερομηνία τροποποίησης

27 Pages (2)

28 Pages (3) Στο επάνω μέρος εμφανίζονται: Ο συνολικός αριθμός των posts Σε ποια κατηγορία ανήκουν όσον αφορά τη δημοσίευσή τους: Published Draft

29 Pages (4) Περνώντας τον κέρσορα πάνω άπό κάθε γραμμή (page), εμφανίζεται κάτω από κάθε page μία σειρά υπερσυνδέσμων: Edit: Επεξεργασία του page – Ίδια λειτουργία με το κλικ πάνω στον τίτλο του page Quick Edit: Επεξεργασία των βασικών στοιχείων του page, όπως ο τίτλος, η σειρά, η κύρια σελίδα (parent) ή η ημερομηνία Trash: Μετακίνηση του page στον κάδο απορριμάτων – Μπορεί να ανακτηθεί εάν ο κάδος δεν αδειασθεί και συνεπώς το page διαγραφεί μόνιμα View: Προβολή του page – Εάν δεν έχει δημοσιευθεί ακόμη, εμφανίζεται η ένδειξη προεπισκόπιση (Preview)

30 Pages (5) Δίπλα σε κάθε post υπάρχει checkbox, επιτρέποντας την ταυτόχρονη ενέργεια σε πολλαπλές εγγραφές (πχ. διαγραφή, απαραίτητη η επιβεβαίωση με Apply) Xρήση επιλογής Filter για επιλογή εμφάνισης συγκεκριμένης ομάδας posts

31 Προσθήκη Περιεχομένου (1) Σχεδόν όμοια διαδικασία σε posts και pages Posts: Σύνδεση με Categories & Tags Categories vs. Tags Categories: Προκαθορισμένες κατηγορίες/ομαδοποιήσεις των posts Tags: Ad-hoc keywords που αφορούν την ταυτότητα του post και τα σημαντικότερα στοιχεία του (πχ. ονόματα ή θέματα) που μπορεί να μην υπάρχουν σε άλλα posts

32 Προσθήκη Περιεχομένου (2) Δημιουργία σελίδας: Μενού Dashboard Pages  Add New Δημιουργία ανάρτησης Μενού Dashboard Posts  Add New

33 Προσθήκη Σελίδας

34 Προσθήκη Ανάρτησης

35 Visual Editor (1) Προσθήκη περιεχομένου στην ανάρτηση ή σελίδα Μοιάζει με τους γνωστούς κειμενογράφους, όπως το MS Word Γνωστές επιλογές για bold, italics, headings και links Λειτουργούν περισσότερες από τις συντομεύσεις που γνωρίζουμε από τους κειμενογράφους Πολλές επιλογές μορφοποίησης, με τη χρήση του toggle button εμφανίζεται/αποκρύπτεται η δεύτερη σειρά αυτών

36 Visual Editor (2) Add Media – Εισαγωγή μέσων από τη media gallery ή άλλες πηγές Bold – Έντονη γραφή Italic – Πλάγια γραφή Strikethrough – Εισαγωγή ένδειξης διαγραφής κειμένου Bulleted List – Δημιουργία λίστας Numbered List – Δημιουργία αριθμημένης λίστας Blockquote – Χρήση για την εισαγωγή αποφθεύγματος – Η εμφάνισή του στην ιστοσελίδα εξαρτάται αποκλειστικά από το επιλεγμένο θέμα Horizontal Line – Εισαγωγή οριζόντιας γραμμής Align Left – Στοίχιση κειμένου στα αριστερά Align Center – Στοίχιση κειμένου στο κέντρο Align Right – Στοίχιση κειμένου στα δεξιά Insert/edit link – Εισαγωγή/επεξεργασία υπερσυνδέσμου – Το κείμενο ή εικόνα επιλέγεται πρώτα ώστε να ενεργοποιηθεί η επιλογή

37 Visual Editor (3) Remove Link – Διαγραφή υπερσυνδέσμου Insert Read More Tag – Εισαγωγή ετικέτας «Περισσότερα...» στο κείμενο – Οτιδήποτε βρίσκεται πριν από αυτή αποτελεί το ορατό απόσπασμα του κειμένου, ενώ ότι βρίσκεται μετά από αυτή αποκαλύπτεται όταν ο χρήστης επιλέξει τον υπερσύνδεσμο «Περισσότερα» Toolbar Toggle – Εμφανίζει/Αποκρύπτει τη δεύτερη γραμμή μορφοποίησης Distraction Free Writing – Εμφανίζει τον editor σε πλήρη οθόνη – Με την επιλογή Exit Fullscreen στο επάνω μέρος της οθόνης, επανέρχεται το προκαθορισμένο μέγεθος του editor Style – Εμφάνιση σελίδας σύμφωνα με τις επιλογές που υποστηρίζει το χρησιμοποιούμενο θέμα Underline – Υπογράμμιση κειμένου Justify – Πλήρης στοίχιση κειμένου Text Color – Αλλαγή χρώματος κειμένου Paste as Text – Eπικόλληση κειμένου χωρίς τη μορφοποίηση της πηγής

38 Visual Editor (4) Clear Formatting – Απαλοιφή μορφοποίησης από το επιλεγμένο κείμενο Special Character – Εισαγωγή ειδικών χαρακτήρων (πχ. Ό, ½, Ύ, ©, €, ö, κτλ.) Decrease Indent – Διαγράφει ένα επίπεδο παραγραφοποίησης Increase Indent – Εισάγει ένα επίπεδο παραγραφοποίησης Undo – Αναίρεση της τελευταίας ενέργειας Numbered List – Επαναφορά της τελευταίας ενέργειας Keyboard Shortcuts – Εμφάνιση πληροφοριών σχετικά με τις συντομεύσεις και γενικότερα με τον Visual Editor Visual/Text – Μετάβαση μεταξύ Visual και HTML Editor

39 Text Editor (1) Προσθήκη περιεχομένου στην ανάρτηση ή σελίδα, όμοια με τον Visual Editor Το περιεχόμενο μπορεί να προβληθεί, να γραφεί ή να επεξεργαστεί σε HTML κώδικα Προτείνεται η χρήση του από έμπειρους χρήστες, που έχουν γνώση HTML

40 Text Editor (2)

41 Text Editor (3) Bold – Έντονη γραφή Italic – Πλάγια γραφή Link – Εισαγωγή/επεξεργασία υπερσυνδέσμου Blockquote – Χρήση για την εισαγωγή αποφθεύγματος Delete – Εισαγωγή ένδειξης διαγραφής κειμένου

42 Text Editor (4) Insert – Εισαγωγή κειμένου – Η μορφοποίηση εξαρτάται από το χρησιμοποιούμενο θέμα Ιmage – Εισαγωγή εικόνας – Χρησιμοποιείται ο υπερσύνδεσμος αυτής Unordered List – Δημιουργία λίστας (Bullet List) Ordered List – Δημιουργία αριθμημένης λίστας List Item – Εισαγωγή στοιχείου λίστας Code – Χρησιμοποιείται ως ένδειξη ενός συγκεκριμένου τμήματος κώδικα More – Εισαγωγή ετικέτας «Περισσότερα...» στο κείμενο – Οτιδήποτε βρίσκεται πριν από αυτή αποτελεί το ορατό απόσπασμα του κειμένου, ενώ ότι βρίσκεται μετά από αυτή αποκαλύπτεται όταν ο χρήστης επιλέξει τον υπερσύνδεσμο «Περισσότερα» Close Tags – Κλείσιμο των ανοικτών tags του HTML κώδικα Distraction Free Writing – Εμφανίζει τον editor σε πλήρη οθόνη – Με την επιλογή Exit Fullscreen στο επάνω μέρος της οθόνης, επανέρχεται το προκαθορισμένο μέγεθος του editor