Αρχή

Εργασία 9.4: Συγγραφή ενός άρθρου

Δημιουργία σελίδων και συγγραφή άρθρων

Τα ιστολόγια αποτελούνται από δύο βασικές δομές: άρθρα και σελίδες. Κάθε νεοσύστατο ιστολόγιο έχει κοινό τρόπο προβολής, με τα άρθρα να εμφανίζονται στην Αρχική Σελίδα με τα πλέον πρόσφατα στην κορυφή της σελίδας.

Σελίδες

Η σελίδα είναι μια στατική σελίδα, δηλαδή δεν αλλάζει το περιεχόμενό της (εκτός και αν το θελήσουμε).  Οι στατικές σελίδες περιεχομένου χρησιμεύουν στο να φιλοξενούν περιεχόμενο το οποίο δεν ανανεώνεται συχνά. Για παράδειγμα μπορείτε να έχετε μία σελίδα με τίτλο «Το Σχολείο μας» όπου να αναφέρετε την ιστορία του και μια σελίδα «Διακρίσεις»  όπου να αναφέρετε τις διακρίσεις, βραβεία του σχολείου και να το έχετε υποκατηγορία του «Το Σχολείο μας»  και μια άλλη στατική σελίδα «Επικοινωνία» που να γράφετε τα στοιχεία επικοινωνίας.

Για να εισάγουμε μια σελίδα από τον Πίνακα Ελέγχου, επιλέγουμε  Σελίδες → Προσθήκη νέας , συμπληρώνουμε τον τίτλο, το κείμενο και αν ανήκει σε γονέα για υποκατηγορία ή όχι. Μετά πατάμε το κουμπί " Δημοσίευση".

selida1

 Για να εμφανίζεται στο μενού, πάμε στο   Εμφάνιση → Μενού  Σελίδες  και ζητάμε να προστεθεί η σελίδα μας στο μενού.

selida2

Άρθρα

Υπάρχουν δύο τρόποι για να γράψουμε ένα νέο άρθρο:

Για την δημιουργία ενός νέου άρθρου εμφανίζεται ένας επεξεργαστής κειμένου παραπλήσιος με το Microsoft Word. Απλά γράφουμε το κείμενό μας και επιλέγουμε από τα υπάρχοντα κουμπιά τη διαμόρφωση που θέλουμε. Το κουμπί «Εναλλαγή γραμμής εργαλείων» εμφανίζει επιπλέον εργαλεία διαμόρφωσης όπως φαίνεται στην εικόνα παρακάτω.  

2

Κατά την συγγραφή ενός άρθρου θα πρέπει να συμπληρώσουμε τον  τίτλο του, το περιεχόμενο του, τις κατηγορίες στις οποίες ανήκει και σχετικές ετικέτες. Όταν τελειώσουμε, πατάμε το κουμπί «Δημοσίευση».

Μετά την δημοσίευση του άρθρου αν χρειαστεί να το τροποποιήσουμε, το κουμπί "Δημοσίευση" γίνεται "Ενημέρωση".

ΣΗΜΕΙΩΣΗ: Στην εικόνα ο κειμενογράφος έχει μια σειρά από πάνω (Αρχείο   Διόρθωση   Εισαγωγή ...). Από προεπιλογή δεν υπάρχει στην αρχική εγκατάσταση. Είναι ο TinyMCE Advanced που, αν θέλετε να τον εγκαταστήσετε, θα μπορέσετε μετά τις εργασίες 9.5 και 9.6 όπου θα δείτε τον τρόπο εγκατάστασης πρόσθετων καθώς και άλλα πρόσθετα οδηγίες θα βρείτε ΕΔΩ..

Εισαγωγή  "Διαβάστε Περισσότερα"

Όταν ένα άρθρο είναι μεγάλο, τότε συχνά το κόβουμε σε μια θέση που εμείς νομίζουμε ότι είναι κατάλληλη, και εισάγουμε το  Διαβάστε περισσότερα. Τότε ο επισκέπτης, για να διαβάσει ολόκληρο το άρθρο, θα πατήσει στον τίτλο του άρθρου και μόνο τότε εμφανίζεται ολόκληρο μαζί με τα σχόλια στο τέλος, αν υπάρχουν, αλλά και τη δυνατότητα εισαγωγής νέου σχολίου.

Για να εισάγουμε το Διαβάστε Περισσότερα  βάζουμε τον κέρσορα στη θέση του κειμένου όπου επιθυμούμε να γίνει η διακοπή και πατάμε το εικονίδιο που φαίνεται παρακάτω στην εικόνα.

8

Μετά συνεχίζουμε από εκεί και κάτω την συγγραφή του άρθρου.

Εισαγωγή συνδέσμων

Η εισαγωγή συνδέσμων στον ιστότοπό μας είναι μια σημαντική δυνατότητα, αφού δίνει την δυνατότητα στον αναγνώστη να βρίσκει εύκολα και γρήγορα τις αναφορές σας. Για να εισάγουμε έναν υπερ-σύνδεσμο εκτελούμε τα παρακάτω:

  1. Αντιγράφουμε το ζητούμενο URL από τη γραμμή διευθύνσεων του φυλλομετρητή μας.
  2. Στην σελίδα Νέα Άρθρα επιλέγουμε το κείμενο που θέλουμε να συνδέσουμε με τον σύνδεσμο που αντιγράψαμε και πατάμε το κουμπί «Εισαγωγή/επεξεργασία συνδέσμου» στα εργαλεία επεξεργασίας κειμένου.

3

Επικολλάμε τον σύνδεσμο στο πεδίο URL, δίνουμε κάποιο τίτλο και τσεκάρουμε το «Άνοιγμα συνδέσμου σε νέο παράθυρο/καρτέλα», αν επιθυμούμε ο σύνδεσμος να ανοίγει σε ένα νέο παράθυρο ή καρτέλα. Ο τίτλος που βάλαμε θα εμφανίζεται, όταν ο αναγνώστης θα τοποθετεί το δείκτη ποντικιού πάνω από τον σύνδεσμο.

4

Προσθήκη εικόνων σε άρθρο

Στην σελίδα «Νέα Άρθρο», ακριβώς πάνω από τα κουμπιά επεξεργασίας κειμένου είναι το κουμπί «Προσθήκη πολυμέσων» από το οποίο μπορούμε να εισάγουμε: εικόνες, βίντεο, αρχεία ήχου , έγγραφα (docx, pdf, zip κ.α.) και αρχεία πολυμέσων.

Για την εισαγωγή εικόνας μπορούμε να ανεβάσουμε μια φωτογραφία από τον υπολογιστή μας ή να χρησιμοποιήσουμε μια φωτογραφία από το διαδίκτυο και να δημιουργήσουμε ένα σύνδεσμο. Για ανέβασμα από τον υπολογιστή μας εκτελούμε τα παρακάτω βήματα:

  1. Πατάμε στο κουμπί «Προσθήκη πολυμέσων»
  2. Στο παράθυρο «Εισαγωγή πολυμέσων» πατάμε «Μεταφόρτωση αρχείων», μετά «Επιλογή αρχείων» και διαλέγουμε την εικόνα που θέλουμε.
  3. Εφόσον επιλέξουμε το αρχείο, πατώντας το κουμπί «Άνοιγμα» αρχίζει να ανεβαίνει και βλέπουμε μια μπάρα εξέλιξης της διαδικασίας.

5

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

 6

Προσθήκη αρχείου (pdf, docx, zip κ.α.) σε άρθρο

Γίνεται όπως ακριβώς και η προσθήκη εικόνας στο νέο άρθρο που ετοιμάζουμε

  1. Πατάμε στο κουμπί «Προσθήκη πολυμέσων»
  2. Στο παράθυρο «Εισαγωγή πολυμέσων» πατάμε «Μεταφόρτωση αρχείων», μετά «Επιλογή αρχείων» και διαλέγουμε το αρχείο  που θέλουμε.
  3. Εφόσον επιλέξουμε το αρχείο, πατώντας το κουμπί «Άνοιγμα» αρχίζει να ανεβαίνει και βλέπουμε μια μπάρα εξέλιξης της διαδικασίας.
  4. Μετά την επεξεργασία πατάμε το κουμπί «Εισαγωγή σε άρθρο» για να εισάγουμε το αρχείο στο άρθρο.

9

Τότε εμφανίζεται στο άρθρο, στην θέση που είχαμε τον κέρσορα, ένας σύνδεσμο που από αυτόν μπορεί ο επισκέπτης να κατεβάσει το αρχείο.

Τα αρχεία που ανεβάζουμε  από εδώ, αποθηκεύονται κάπου στη δομή αρχείων του wordpress, και άρα καταλαμβάνουν χώρο στο δικτυακό μας χώρο στο ΠΣΔ. Αυτό έχει ως συνέπεια να γεμίσει ο χώρος μας. Επομένως μια χρήσιμη εναλλακτική πρακτική είναι να αποθηκεύουμε σε εξωτερικές υπηρεσίες (box, dropbox, drive, youtube κ.τ.λ.) χρησιμοποιώντας ενσωματωμένο κώδικα ή να χρησιμοποιούμε συνδέσμους κατευθείαν προς την πηγή. Τέτοια παραδείγματα θα δούμε στις προαιρετικές εργασίες Π9.1, Π9.2 και Π9.3 .

Εμφάνιση ετικετών - διαχείριση μονάδων

Οι μονάδες (απόδοση της λέξης widgets) είναι αντικείμενα που μπορούν να τοποθετηθούν σε προκαθορισμένες θέσεις του θέματος για να εμφανίσουν ειδικό περιεχόμενο.

Προκειμένου να φαίνονται οι ετικέτες,πηγαίνουμε στον Πίνακα Ελέγχου → Εμφάνιση → Μικροεφαρμογές. Εκεί επιλέγουμε το Ετικετοσύννεφο και το σέρνουμε* δεξιά στο "Πλευρική στήλη" και το αφήνουμε (* αριστερό κλικ πάνω στο αντικείμενο π.χ. Ετικετοσύννεφο, κρατημένο, και σέρνουμε το ποντίκι έως το πλαίσιο όπου θα εναποθέσουμε το αντικείμενό μας αφήνοντας το αριστερό πλήκτρο -click and drag and drop). Κατόπιν κάνουμε τις ρυθμίσεις σε αυτό και Αποθήκευση. Για να φαίνεται το ετικετοσύννεφο στην ιστοσελίδα του επισκέπτη, πρέπει να έχουμε αναρτήσει κάποιο άρθρο με χρήση των ετικετών. 

7

 

Πρόβλημα

Όταν πατάμε τον τίτλο του άρθρου ή πατάμε το περισσότερα τότε το άρθρο ανοίγει σε νέα σελίδα μόνο του και κάτω κάτω αν υπάρχουν φαίνονται τα σχόλια ή δίνεται η δυνατότητα στους επισκέπτες να σχολιάσουν. Υπάρχει περίπτωση να μην λειτουργεί αυτό και να εμφανίζεται το μήνυμα "Ωπα! Αυτή η σελίδα δε βρέθηκε". Τότε πάμε στο  Ρυθμίσεις -> μόνιμοι σύνδεσμοι και πατάμε αποθήκευση αλλαγών. 

premanlinks

Τι θα υποβάλλετε στην εργασία 9.4 . 

Στην άσκηση αυτή ζητάμε:

  1. να δημιουργήσετε μια σελίδα με τίτλο "About me" όπου θα γράψετε λίγα στοιχεία για τον εαυτό σας, όπως π.χ. στο προφίλ σας στο σεμινάριο, και κατόπιν να την κάνετε να φαίνεται στο οριζόντιο μενού που κάνατε στην άσκηση 9.3.
  2.  να εισάγετε δύο άρθρα (το ένα τουλάχιστον να περιέχει εικόνα και έναν υπερσύνδεσμο) και να τα κατατάξετε σε δυο διαφορετικές κατηγορίες σας, καθώς να τα ορίσετε και από τουλάχιστον δύο ετικέτες (μία σε κάθε άρθρο).
  3. Κατόπιν από τις μονάδες να εισάγετε ένα ετικετοσύννεφο που θα φαίνεται στην αρχική σελίδα του ιστότοπού σας.

Τελικά, στην υποβολή της εργασίας θα δώσετε έναν ενεργό σύνδεσμο προς τον WordPress ιστότοπό σας για να βαθμολογηθείτε.