Οι αλλαγές θεωρώ ότι είναι προς το καλύτερο, αλλά πρέπει και να τις συνηθίσουμε.

Την σελίδα του... μηχανοστασίου την έχετε ήδη δει. Μπορούμε σ' αυτή πια, με μια ματιά να έχουμε μια σχεδόν πλήρη εικόνα του τι συμβαίνει στο ιστολόγιό μου και στην... μπλογκερική γειτονιά μας. Not bad! Not bad!

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

Εικονίτσα; Εικονίτσα 1!

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

Με το μπλε βελάκι ένα μικρό κλικ για το ποντίκι ένα τεράστιο άλμα για τον ιστολόγο: Συγγραφή άρθρου σε ολόκληρη την οθόνη! [Πατώντας το ξανά επιστρέφουμε στα... μικρά.]

Το παλιό post slug, έχει μετακομίσει [ως permalink] ακριβώς κάτω από τον τίτλο του άρθρου [εμφανίζεται μόνον όταν έχουμε γράψει τον τίτλο]. Αν πατήσουμε στην Επεξεργασία [πράσινο παραλληλόγραμμο] μπορούμε να το διορθώσουμε όπως πριν.

Πολύ φοβάμαι, όμως, ότι τα περισσότερα προβλήματα θα τα αντιμετωπίσουμε όταν θέλουμε να προσθέσουμε φωτογραφίες στο σημείωμά μας.

Για να το κάνουμε αυτό πατάμε το κομβίον που δείχνει το κόκκινο βελάκι.

Οπότε και βλέπουμε το αναδυόμενη παραθυράκι:

Επιλέγουμε τη φωτογραφία που θέλουμε από τον σκληρό μας [όπως παλιά] ή δίνουμε τη URL της εικόνας [όπως παλιά, επίσης].

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

Η μεγάλη καινοτομία είναι άλλη: μπορούμε πλέον να ανεβάζουμε ταυτόχρονα πολλές φωτογραφίες [ή βίντεο κ.λπ.]

Αφού μεταφέρουμε τη φωτογραφία μας εμφανίζεται κάτι σαν το παρακάτω, και επιλέγουμε τα διάφορα, όπως και παλιότερα, μη λησμονώντας να πατήσουμε το κομβίον "Insert into Post" [χρειάζεται κάποια δουλειά ακόμα για τις αποδόσεις αγγλικών όρων στα ελληνικά].

Όλες οι φωτογραφίες [κ.λπ.] βρίσκονται στο "Media Library".

Πατώντας πάνω σε μία από αυτές εμφανίζεται το προηγούμενο εικονίδιο...

... οπότε και προβαίνουμε στα δέοντα...

Να σημειώσω, επίσης, ότι το Preview έχει μετακομίσει πάνω δεξιά στην οθόνη [δίπλα στον Τίτλο] και γίνεται πια εν... ψυχρώ. Δεν χρειάζεται πια να έχουμε αποθηκεύσει το άρθρο μας για να δούμε πώς θα φαίνεται δημοσιευμένο.

Ετικέτες, Κατηγορίες κ.λπ. [άχρηστα...] έχουν μετακομίσει κάτω από το παράθυρο του κειμένου. Για να μην τα ψάχνετε στα δεξιά.

Αυτά τα ολίγα προς το παρόν. Καλό ψάξιμο και καλό κουράγιο! Αν ανακαλύψετε κάτι μάς το λέτε και μας, και αν έχετε απορίες, προβλήματα, ερωτήσεις ο dr. Ούικατιτίπς πάντα στη διάθεσή σας.

Καλό Σ/Κ!

ΥΓ. Για όποιους θέλουν να... εντρυφήσουν στις αλλαγές του Dashboard υπάρχει και ο "επίσημος οδηγός" του Matt: New Dashboard Design and March Wrap-up

Θα θέλατε, ε;

Αμ δε!

Ντεν ντουλεύει στα ελλήνικος καρντιές μου!

Όκι ακόμα!

[Ντουλεύει, όμως, στα αγγλικός, και στα ελληνολατίνικος όπου καταμετράει τις λέξεις που είναι γραμμένες με λατινικούς χαρακτήρες. Μόνον!]

Μέχρι να... ελληνοποιηθεί πλήρως η πλατφόρμα του Λεξίτυπου WordPress, ας περιοριστούμε στην προτροπή της Άννας [Εφεδρείας] Διαμαντοπούλου για καθιέρωση των αγγλικών ως δεύτερης επίσημης γλώσσας στο Ιλλάντα...

• Δεν μπορούμε να αλλάξουμε το χρώμα της γραμματοσειράς και
• Δεν μπορούμε να προσθέσουμε φωτογραφίες.

Ακολουθούν μερικά από αυτά που μπορούμε να κάνουμε. Βασική αρχή είναι να δώσουμε μια εντολή [tag] για να κάνουμε αυτό που θέλουμε και κατόπιν να ακυρώσουμε αυτή την εντολή. Τόσο η εντολή όσο και η ακύρωσή της πάντα περικλείονται μέσα στα σύμβολα < και > [βρίσκονται πάνω από την spacebar και λίγο δεξιά στο πληκτρολόγιο].

Δηλαδή έχουμε: <εντολή> και </ακύρωση εντολής> [το / βρίσκεται δίπλα στο >, στο πληκτρολόγιο].

Μερικές εντολές που μπορούμε να θυμηθούμε εύκολα:

► Έντονο κείμενο. [προσθέτουμε εκεί που θέλουμε να αρχίζει το έντονο κείμενο το tag <b> και εκεί που τελειώνει το </b>. Τα ίδια αποτελέσματα θα έχουμε με τα: <strong> και </strong>]

► Πλάγιο κείμενο. [προσθέτουμε εκεί που θέλουμε να αρχίζει το πλάγιο κείμενο το tag <i> και εκεί που τελειώνει το </i>. Τα ίδια αποτελέσματα θα έχουμε με τα: <em> και </em>]

► Διαγραμμένο κείμενο. [προσθέτουμε εκεί που θέλουμε να αρχίζει το διαγραμμένο κείμενο το tag <strike> και εκεί που τελειώνει το </strike>]

► Παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, παράθεση, [ προσθέτουμε εκεί που θέλουμε να αρχίζει η παράθεση το tag <blockquote> και εκεί που τελειώνει το </blockquote>]

► Υπογράμμιση. [προσθέτουμε εκεί που θέλουμε να αρχίζει το υπογραμμισμένο κείμενο το tag <u> και εκεί που τελειώνει το </u>.

► Σύνδεσμο. Ας υποθέσουμε ότι θέλουμε να γράψουμε έναν σύνδεσμο προς το ιστολόγιο "Θεαμαπάτες και Δικτυώματα". Αρχίζουμε με το tag <a href="διεύθυνση">[στη συγκεκριμένη περίπτωση κάνουμε copy-paste τη διεύθυνση: http://theamapati.wordpress.com], στη συνέχεια γράφουμε τον τίτλο του συνδέσμου [αυτό που θα εμφανίζεται με διαφορετικό χρώμα και υπογραμμισμένο και που πατώντας το θα οδηγηθούμε σε μια άλλη ιστοσελίδα] και, τέλος, κλείνουμε με το tag </a>.

Αυτό που θα γράψουμε στο σχόλιό μας θα φαίνεται έτσι:

<a href="http://theamapati.wordpress.com">Θεαμαπάτες & Δικτυώματα</a>

και που όταν δημοσιευτεί το σχόλιο θα φαίνεται έτσι:

Θεαμαπάτες & Δικτυώματα

Ο πιο εύκολος τρόπος για να βάλουμε κάποιον σύνδεσμο περιγράφεται σε άλλο ιστοσημείωμα: Firefox Add-ons: Make Link

► Στα σχόλιά μας μπορούμε να προσθέσουμε και διάφορες φατσούλες :-) :mrgreen: :lol: :-D αλλά αυτά τα πούμε προσεχώς.

Tip 1: Θυμόμαστε:

• Έντονα από το bold άρα b
  
• Πλάγια από το italics άρα i
  
• Υπογραμμισμένο από το underline άρα u

Tip 2: Οι... πονηροί θα το έχουν ήδη καταλάβει. Αν θέλουμε να γράψουμε ένα μεγάλο σχόλιο [ή και μικρό...] με διαφορετικές διαμορφώσεις του κειμένου [έντονα, πλάγια, συνδέσμους κ.λπ.] το γράφουμε ως ιστοσημείωμα, πάμε στον Code Editor, αντιγράφουμε τον κώδικα και τον επικολλούμε στο κυτίον του σχολίου.

Ας τα δούμε κι όλα αυτά στην πράξη:

Εικόνα 1 [γράφοντας το σχόλιο]:

Εικόνα 2 [όπως εμφανίζεται το σχόλιο μετά τη δημοσίευσή του]:

Ουπς! Προβληματάκι με το υπογραμμισμένο κείμενο. Ντεν ντουλεύει καρντιά μου... τουλάχιστον σ' αυτό το theme...

Α! Έχετε τον Firefox! [όπως το 50% περίπου των ανθρώπων που επισκέπτονται αυτό το ιστολόγιο]

Τότε μπορείτε να εγκαταστήσετε και το πρόσθετο [add-on] Make Link. Επανεκκίνηση του Firefox, έτοιμοι!

Με το Make Link, όπως λέει και το όνομά του, μπορούμε να προσθέσουμε πανέμορφα και πανεύκολα links, τόσο στα ιστοσημειώματά μας όσο και στα σχόλια που κάνουμε σε άλλα ιστολόγια ή και στο δικό μας.

Όμορφα; Ναι! Αντί γι' αυτό...

http://www.in.gr/news/article.asp?lngEntityID=809014&lngDtrID=245

... αυτό ...

Παγκόσμια Ημέρα κατά της Παιδικής Εργασίας

Και εύκολα:

Επιλέγουμε σε μια ιστοσελίδα το κείμενο που μας ενδιαφέρει [συνήθως τον τίτλο ενός άρθρου], κρατώντας πατημένο το αριστερό πλήκτρο του ποντικιού:

Κατόπιν κάνουμε δεξί κλικ πάνω στο επιλεγμένο κείμενο και στο παράθυρο που θα αναδυθεί βρίσκουμε το Make Link. Στο νέο παράθυρο, που θα αναδυθεί όταν πάμε τον δείκτη του ποντικιού πάνω στο Make Link, επιλέγουμε "HTML" και σχεδόν τελειώσαμε.

Επιστρέφουμε στο ιστοσημείωμα που γράφουμε ή στο σχόλιο και απλώς κάνουμε επικόλληση [είτε με δεξί κλικ του ποντικιού όπου επιλέγουμε "Επικόλληση", είτε με CTRL+V]:

Παγκόσμια Ημέρα κατά της Παιδικής Εργασίας

ΥΓ 1. Λίγο παλιά η είδηση από το in.gr, αλλά -δυστυχώς!- πάντα επίκαιρη. Είχα ετοιμάσει τις σχετικές εικόνες από την περασμένη εβδομάδα, αλλά δεν πρόκαμα, που έλεγε κι ο Χαρίλαος.

ΥΓ 2. Νέα ενότητα από σήμερα, αρχής γενομένης από αυτό το ιστοσημείωμα, για τα πρόσθετα του Firefox. Για να κάνουμε την ιστολογική ζωή μας λίγο πιο εύκολη.

“We have about 50 percent of the world’s wealth but only 6.3 percent of its population. In this situation, we cannot fail to be the object of envy and resentment. Our real task in the coming period is to devise a pattern of relationships which will permit us to maintain this position of disparity.”
George Kennan, 1948

Αυτό το πολύ όμορφο χαρακτηριστικό μπορούμε να το χρησιμοποιήσουμε και για τον αισθητικό εμπλουτισμό των ιστολογίων μας.

Πώς το κάνουμε; Αντιγράφουμε τον παρακάτω κώδικα [Αντιγραφή: CTRL+C, Επικόλληση: CTRL+V. Επικολλούμε τον κώδικα στην αρχή, συνήθως, μιας παραγράφου στον Code Editor.]

<p style="float: right; width: 190px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; padding-bottom: 10px; font-family: Arial,Helvetica,Georgia; font-size: 18px; line-height: 24px; color: crimson; text-align: right">Κείμενο 1<span style="color: blue">Κείμενο 2</span>

Αλλαγές που μπορούμε να κάνουμε:

float: αντί για right μπορούμε να γράψουμε left, αν θέλουμε το "παραθυράκι" μας να είναι στα αριστερά [παράδειγμα προς το τέλος αυτής της σελίδας].

width: μπορείτε να αλλάξετε το πλάτος του παραθύρου, για να ταιριάζει, για παράδειγμα, με το μήκος της παραγράφου. Πειραματιστείτε με όποια τιμή px [πίξελ] θέλετε μέχρι να σας ικανοποιήσει το αποτέλεσμα. Μπορείτε επίσης να χρησιμοποιήσετε και τιμές επί τοις εκατό: αντικαταστήστε το 190px του παραδείγματος με το 30% για παράδειγμα και δείτε το αποτέλεσμα.

margin: ορίζουν τις τιμές περιθωρίου [τα κενά δηλαδή] γύρω από το παράθυρό μας. Στο παράδειγμα έχω καθορίσει να είναι 10px. Πειραματιστείτε με διάφορες τιμές και δείτε τα αποτελέσματα.

font-family: άφησα στο παράδειγμα αυτή την επιλογή για την περίπτωση που θέλετε η γραμματοσειρά του παραθύρου σας να είναι διαφορετική από εκείνη του κυρίως σώματος του ιστοσημειώματος. Αν σβήσετε αυτή την επιλογή, οι γραμματοσειρές [παραθύρου και κυρίως σώματος] θα είναι οι ίδιες.

font-size: το μέγεθος της γραμματοσειράς. Πειραματιστείτε.

line-height: Το κενό ανάμεσα στις σειρές. Βλέποντας και κάνοντας :-D

color: το χρώμα της γραμματοσειράς του παραθύρου. Κωδικοί [και ονόματα] χρωμάτων υπάρχουν παντού στο διαδίκτυο. Μια καλή σελίδα για χρώματα. Μπορείτε να χρησιμοποιήσετε είτε τον κωδικό [μην ξεχνάτε το # στην αρχή!] είτε το όνομα του χρώματος [που είναι και εύκολο να το θυμάστε].

text-align: Η περασιά του κειμένου. Στο παράδειγμα δεξιά. Μπορείτε να έχετε αριστερή περασιά [left] ή κεντραρισμένο κείμενο [center].

<span style="color: blue">: Για να αλλάζετε το χρώμα της γραμματοσειράς μέσα στο παράθυρο. Μπορείτε να αλλάξετε χρώμα όσες φορές θέλετε. Αλλά μην το κάνετε και καρνάβαλο... :-) Μην ξεχάσετε στο τέλος το </span>

Κάποια παραδείγματα από το άλλο μου ιστολόγιο και από το ιστολόγιο του Greg, για να δείτε πώς δουλεύει στην πράξη και να πάρετε ιδέες. Το παράδειγμα pullquote που υπάρχει στην αρχή αυτού του ιστοσημειώματος προέρχεται από εδώ. Άλλο παράδειγμα εδώ. Κι άλλα δύο σ' αυτή τη σελίδα. Και μια διαφορετική εφαρμογή από τον Greg εδώ.

Τι έκανε ο Greg; [φαίνεται στην παρακάτω εικόνα]

«Αμ και το πόπολο;! “Ζήτω οι αλυσίδες!” φώναζαν χτες. Ζήτω οι αλυσίδες… Σκλάβοι… Έχουν τώρα κι άποψη για το ποιον θέλουν γι’ αφέντη τους… Αυτή την Επανάσταση εξάγουν τώρα οι Γάλλοι… » Η Επανάσταση καταβρόχθισε τα παιδιά της, όπως ο Κρόνος τα δικά του…

Ας δούμε στην πράξη κάποιες αλλαγές. Τις βλέπουμε ήδη στα αριστερά. Τι έχω αλλάξει, πέραν των όσων έχω ήδη αναφέρει; Το padding. Είναι η απόσταση του κειμένου από τη γραμμή πλαισίου. Παρατηρείστε ότι το κείμενο στα αριστερά εφάπτεται στη γραμμή. Αυτό γιατί δεν πρόσθεσα το padding-left. Επίσης πρόσθεσα και το margin [οι τιμές είναι για αριστερά, δεξιά, πάνω, κάτω, αντίστοιχα], που αφορά το περιθώριο που υπάρχει μεταξύ του pulloquote και των υπόλοιπων στοιχείων του ιστοσημειώματος.

Το αισθητικό αποτέλεσμα είναι ολίγον τι για τα... πανηγύρια. But you got my point. Το κείμενο προέρχεται από ένα δικό μου ιστοσημείωμα, όπου μπορείτε να δείτε ακόμη ένα παράδειγμα πολύχρωμου pullquote.

Ο κώδικας του pullquote με πλαίσιο:

<p style="border: 2px solid darkred; margin: 10px 30px 10px 10px; background-color: aliceblue; float: left; width: 190px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; font-size: 14px; line-height: 20px; color: darkblue; text-align: left"><strong>Κείμενο 1<span style="color: firebrick">Κείμενο 2</span></strong></p>

Με την ευγενική χορηγία του Mandarin Design.

Και μην ξεχνάτε: το κείμενο είναι αυτό που μετράει. Πρώτα γράφουμε το κείμενό μας, και στο τέλος ασχολούμαστε με τις όποιες αισθητικές ανησυχίες μας...

Και αν εφαρμόσετε κάτι από όλα τα παραπάνω προσθέστε ένα λινκ στα σχόλια για να βλέπουν και οι επόμενοι το τι ακριβώς κάνατε και να μαθαίνουν...

Φυσικά όλα τα παραπάνω έχουν εφαρμογή σε όλες τις πλατφόρμες. Και στον blogger.

Πώς το φτιάχνουμε; Απλά, κι αφού έχουμε γράψει το κείμενό μας, περνάμε στον Code Editor, βρίσκουμε το σημείο που θέλουμε να βάλουμε το αρχίγραμμα και κάνουμε Copy - Paste [CTRL+C και CTRL+V αντίστοιχα (ταυτόχρονο πάτημα των πλήκτρων)] τον παρακάτω κώδικα:

<span style="float: left; color: red; font-size: 100px; line-height: 70px; padding-top: 2px"><b>Α</b></span>

Το τονισμένο “Α” είναι το αρχίγραμμά μας. Αλλάξτε το με το γράμμα που θέλετε.

Xρώμα: φυσικά μπορούμε να αλλάξουμε το χρώμα του. Στην πρώτη παράγραφο είναι το red. Μπορούμε να το αλλάξουμε σε ό,τι χρώμα θέλουμε, αρκεί να ταιριάζει με τη χρωματική σύνθεση του ιστολογίου μας. Περισσότερα χρώματα. Χρησιμοποιείστε το όνομα του χρώματος. Δεν χρειάζεται να χρησιμοποιήσετε τον δεκαεξαδικό. Στην αρχή αυτής της παραγράφου χρησιμοποίησα το “indigo”. Στην επόμενη παράγραφο χρησιμοποιώ το “darkcyan”.

Μέγεθος: Όπως θα παρατηρήσατε το μέγεθος του “Χ” στην προηγούμενη παράγραφο και του “Μ” σ’ αυτή την παράγραφο είναι μικρότερα από εκείνο του “Α” στην πρώτη παράγραφο. Προσαρμόζουμε το μέγεθος αλλάζοντας την τιμή στο “font-size:” Στο αρχικό “Α” είναι 100px, στο “Χ” είναι 50 και στο “Μ” είναι 30. Πειραματιστείτε για να βρείτε αυτό που σας ταιριάζει κάθε φορά.

Θέση: Παρατηρήστε το αρχίγραμμα της προηγούμενης παραγράφου. Άλλαξα το μέγεθος του γράμματος, αλλά άφησα ίδιο το ύψος [στα 70px] που θα καταλαμβάνει. Το αποτέλεσμα το βλέπετε. Στην περίπτωση του “Χ” είναι μέγεθος γράμματος 50px και “line-height: 35px”. Λίγο παιχνιδάκι δεν βλάπτει.

Αν θέλετε το αρχίγραμμά σας να εμφανίζεται πιο ψηλά, όπως το “Χ”, από τα υπόλοιπα της σειράς, σβήστε το “padding-top: 2px;”. Αν θέλετε να εμφανίζεται πιο χαμηλά, όπως το “Θ”, αυξήστε την τιμή του “padding-top:” σε 10px.

Αν θέλετε να αλλάξετε τη γραμματοσειρά του αρχιγράμματος, ο κώδικας θα πρέπει να έχει και το αντίστοιχο τμήμα:

<span style="float: left; color: red; font-size: 100px; line-height: 70px; padding-top: 2px; font-family: Times">Α</span>

Πειραματιστείτε ελεύθερα. Ψάξτε το. Επισκεφθείτε τις ιστοσελίδες του Mandarin Design απ’ όπου ξεπατίκωσα την ιδέα.

Και μην ξεχνάτε: προσθέτοντας ένα link στο ιστολόγιό σας προς αυτό το ιστολόγιο δεν είναι μόνον σαν μου λέτε ευχαριστώ για τον όποιο μόχθο μου [τον χρόνο μου θα μπορούσα να τον αξιοποιήσω κι αλλιώς], αλλά βοηθάτε κι όλη την παλιά και νέα κοινότητα των Ελλήνων χρηστών του WordPress.com. Κι αν ανακαλύψετε κάτι ενδιαφέρον, μας το λέτε κι εμάς. [Τώρα θα με ρωτήσετε: εν έτει 2007 πιστεύεις ακόμα στα θαύματα; ]

Ενημέρωση: Φυσικά ο κώδικας έχει καθολική ισχύ. Δείτε πόσο όμορφα τον χρησιμοποιεί ο φίλος Greg στο ιστολόγιό του στον blogger.

Προεπισκόπηση, λοιπόν. Αυτό που λένε και preview.

Γράφουμε το κειμενάκι μας. Το διαμορφώνουμε. Ανεβάζουμε τις φωτογραφίες μας. Πατάμε το "Save and Continue Editing". Μέχρι σήμερα [;] υπήρχε μια προεπισκόπηση στο κάτω μέρος της σελίδας. Άχρηστο παντελώς. Σπανίως το χρησιμοποιούσα λόγω... ακατάλληλων διαστάσεων.

Από σήμερα η προεπισκόπηση μετακόμισε στο πάνω μέρος [τέρμα δεξιά των Visual Code Editors]:

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

Publish, κυρίες και κύριοι. No more editing...

Ο εφιάλτης κάθε ιστολόγου: να εισάγει κείμενο σε ένα ποστ από το Word! Γίνεται κυριολεκτικά της κακομοίρας με τον κώδικα. Δεν θα σας ζαλίσω με παραδείγματα. Πιστέψτε με.

Ως γνωστόν, όταν γράφουμε ένα ποστ έχουμε στη διάθεσή μας μία εργαλειοθήκη, στην οποία έχουμε ήδη αναφερθεί. Έχουμε επίσης αναφέρει, χωρίς λεπτομέρειες, και μια δεύτερη εργαλειοθήκη, που ανοίγει πατώντας ταυτόχρονα είτε τα CTRL+V [Internet Explorer, Firefox 1.5 κ.λπ.] είτε τα SHIFT+ALT+V [Firefox 2.0]:

Για να εισάγουμε κείμενο από το Word, επιλέγουμε το κείμενο που θέλουμε και κάνουμε copy/αντιγραφή με τα CTRL+C. Στη συνέχεια πατάμε στη δεύτερη εργαλειοθήκη το εικονίδιο με το "W" [αυτό μέσα στον κόκκινο κύκλο], οπότε εμφανίζεται ένα παράθυρο, που μας προτρέπει να κάνουμε paste/επικόλληση το κείμενό μας πατώντας τα CTRL+V. Αυτό ήταν. Πατάμε κατόπιν insert στο κάτω αριστερό μέρος του μικρού παραθύρου και τελειώσαμε.

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

Προσοχή: αν έχετε χρησιμοποιήσει στο Word διαφορετικές γραμματοσειρές και μεγέθη γραμμάτων, θα χαθούν αν ακολουθήσετε την παραπάνω μέθοδο. Αν θέλετε να τα διατηρήσετε όλα αυτά, μεταφέρετε το κείμενο [copy-paste], παρακάμπτοντας το "W" της δεύτερης εργαλειοθήκης.

Και για να πω την πάσα αλήθεια, χρησιμοποιώ την ίδια μέθοδο για να ενσωματώσω στο ποστ και κείμενο από κάποια ιστοσελίδα.

1. Έντονα Γράμματα [bold].

2. Πλάγια Γράμματα [italics].

3. Διαγραμμένο κείμενο.

4. Δημιουργεί μια λίστα

• Σαν κι αυτή
• που αρχίζει όταν κάνετε κλικ στο κουμπάκι
• και σταματά όταν ξανακάνετε κλικ
• ή δημιουργείται όταν επιλέξετε κάποιες παραγράφους και κάνετε κλικ

5. Δημιουργεί μια αριθμημένη λίστα

1. Σαν κι αυτή
2. που αρχίζει όταν κάνετε κλικ στο κουμπάκι
3. και σταματά όταν ξανακάνετε κλικ
4. ή δημιουργείται όταν επιλέξετε κάποιες παραγράφους και κάνετε κλικ

6. Μ' αυτό τελειώνει η παράθεση κειμένου, που έχετε κάνει με το επόμενο κουμπάκι.

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

Πατώντας διαδοχικά το κουμπάκι, συμβαίνει κι αυτό που βλέπετε σ' αυτή την παράγραφο. Καλά, το theme που χρησιμοποιώ είναι απαράδεκτο σ' αυτό το ζήτημα, όπως ήδη βλέπετε.

8. Αριστερή περασιά του κειμένου.
Αριστερά λέμε.
Όλο ευθεία αριστερά.

9. Κεντραρισμένο κείμενο.
Όλο κέντρο, λέμε...

10. Δεξιά περασιά του κειμένου.
Δεξιά λέμε.
Όλο ευθεία δεξιά.

11 και 12. Μ' αυτά τα κουμπάκια δημιουργείτε και καταργείτε τις συνδέσεις [links]. Επιλέγετε το κείμενο στο οποίο θέλετε να δημιουργήσετε μια σύνδεση, πατάτε το πρώτο κουμπάκι και στο παράθυρο που εμφανίζεται, στο Link URL, επικολλάτε την διεύθυνση που έχετε ήδη αντιγράψει. Αν τώρα κάνετε κλικ με τον δείκτη του ποντικιού πάνω σε κάποια ήδη υπάρχουσα σύνδεση πατώντας το κουμπάκι 12 την καταργείτε.

13. Εισαγωγή [και διόρθωση εικόνων] από οποιαδήποτε σελίδα του διαδικτύου.

14. Το... ψαλίδι για να κόβετε τα σεντόνια. Τα έχουμε ήδη πει στο Πως κόβουμε τα ποστ; (Επείγον, πνιγήκαμε στο σεντόνι!)

15. Ορθογραφικός έλεγχος. Μόνον στα αγγλικά, δυστυχώς. Οι έξυπνοι χρησιμοποιούν Firefox 2, με το σχετικό πρόσθετο για τον ορθογραφικό έλεγχο στα ελληνικά.

16. Κι εγώ γιατί παιδεύομαι τόση ώρα; Για να έχετε ακόμη απορίες; Πατήστε αυτό το κουμπάκι - αλλά η ευθύνη είναι όλη δική σας.

Αυτά για τον Visual Editor. Αν θέλετε να δείτε και τον κώδικα πατήστε το κουμπάκι Code. Αλλά αυτό είναι μια άλλη ιστορία.

Για την δεύτερη εργαλειοθήκη [alt+v για τον Internet Explorer και alt+shift+v για τον Firefox] προσεχώς...

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

Αν δεν γίνει κάτι δοκιμάστε τα όσα αναφέρονται παρακάτω]

Καθόλου σπάνιο το πρόβλημα από ό,τι βλέπω στα fora [ωραίος ο λατινικός πληθυντικός, ε;] του WordPress.

Το πρόβλημα περιγράφει ο φίλος JustAnotherGoneOff :

Εδώ και δύο μέρες το lay out του Write εμφανίζεται μόνο σε html φόρμα χωρίς να έχω πειράξει απολύτως τίποτα. Έλεγξα το Options/Writing και η σχετική επιλογή είναι ξεμαρκάριστη. Τι μπορεί να φταίει;

Σημειώνω ότι ήταν μεγάλη ευκολία να κοπιάρω και να μεταφέρω από Word (ουσιαστικά χρησιμοποιώ το Open Office Write) μορφοποιημένο κείμενο στο Write του WP αλλά εσχάτως αυτή η δυνατότητα απωλέστηκε.

Προφανώς δεν χάθηκε ο visual editor.

Απ’ ότι λένε οι της WordPress [http://faq.wordpress.com/2006/04/12/the-editor-has-gone/] είναι πρόβλημα με την cache του browser. Οπότε έχοντας τον browser ανοιχτό στη σελίδα Write Post πατάμε ταυτόχρονα:

Ctrl + F5 (Windows)

shift + reload (Mac)

F5 (Linux)

Κι όλα επανέρχονται στην προτέρα κατάσταση.

Απλό. Όταν γράφουμε ένα ποστ [Dashboard→Write→Write Post] στα δεξιά εμφανίζονται οι επιλογές της φωτογραφίας:

Στην τελευταία επιλογή [Post Timestamp] κάνοντας κλικ στο + βλέπουμε [κάτι παρόμοιο με] αυτό που φαίνεται στην επόμενη εικόνα:

Αλλάζοντας έτος, μήνα, ημερομηνία, ώρα, μπορούμε να έχουμε το ποστ μας όπου ακριβώς το θέλουμε. Προφανώς αν το θέλουμε στην αρχή-αρχή της πρώτης μας σελίδας, θα πρέπει να γράψουμε μια ημερομηνία μεταγενέστερη του τελευταίου -δημοσιευμένου- ποστ.

Πρόκειται για μια πολύ χρήσιμη επιλογή, αφού μπορούμε να επαναφέρουμε παλιότερα ποστ [στα οποία έχουμε -ή δεν έχουμε- προσθέσει καινούργιες πληροφορίες], ή να εξασφαλίσουμε πως κάποια κείμενα που έχουμε γράψει το 1995, για παράδειγμα, φέρουν την ημερομηνία συγγραφής τους και όχι την ημερομηνία ανάρτησής τους στο μπλογκ.

Μια άλλη "έξυπνη" χρήση του "Post Timestamp" είναι κι αυτή με τα Μεταχρονολογημένα posts όπως έχουμε αναφέρει παλιότερα.

Αφού, λοιπόν, γράψουμε το μήνυμα επιλέγουμε το σημείο στο οποίο θέλουμε να κόψουμε [split] το ποστ. Κάνουμε κλικ εκεί ώστε να μετακινηθεί εκεί ο δείκτης του ποντικιού. Κατόπιν στην εργαλειοθήκη

πατάμε το τρίτο κουμπάκι από δεξιά [αυτό με τα δύο λευκά τετράγωνα που χωρίζονται από μία διακεκομένη γραμμή]. Και όλα είναι... κομμένα και ραμμένα στα μέτρα μας!

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

Read the rest of this entry »

Πως θα κόψουμε, όμως, τα ήδη αναρτημένα ποστ;

Πολύ απλό: κάνουμε edit στο ποστ, επιλέγουμε το σημείο όπου θέλουμε να το κόψουμε, πατάμε το σχετικό κομβίον, και το... πρετ α πορτέ μας είναι έτοιμο. Α! Να μην ξεχάσουμε να πατήσουμε στο τέλος και το κομβίον "Save and View".

Update (12-01-2007): Όπως αναφέρει και ο φίλος Dizzydream στο σχόλιο 3 πιο κάτω, όταν βρισκόμαστε στον Code Editor και θέλουμε να "σκίσουμε" το σεντόνι, πατάμε το κουμπάκι "more" [τρίτο από δεξιά στην παρακάτω εικόνα]:

Στον Firefox έχω εγκαταστήσει ένα πρόσθετο που λέγεται Highlighter. Υπογραμμίζεις κάποιο κείμενο που διαβάζεις στο διαδίκτυο, σώζεις τη σελίδα και όταν την ανοίγεις ξανά βλέπεις αμέσως τις επισημάνσεις.

Γράφοντας κάποιο ποστ είχα ενεργοποιημένο τον Highlighter και κατά λάθος έγινε αυτό που έγινε...

Θυμηθείτε μόνον να σβήσετε από το ποστ σας το σύμβολο της παραγράφου [¶] που εμφανίζεται [για εύκολη μετάβαση από τη μία επισήμανση στην άλλη]. Αν εμφανιστεί.

Όμορφο, ε;

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

Κανένα πρόβλημα! Και γι' αυτό υπάρχει λύση: το μεταχρονολογημένο ποστ.

Εσείς το μόνο που έχετε να κάνετε είναι να γράψετε το ποστ. Πριν πατήσετε, ωστόσο, το μαγικό κουτάκι με το "Publish", πηγαίνετε στη δεξιά στήλη και ανοίξτε το "Post Timestamp:" και εκεί διαλέξτε ημερομηνία και ώρα. Η παρακάτω φωτογραφία δείχνει ότι επέλεξα αυτό το ποστ να δημοσιευθεί στις 27 Νοεμβρίου 2006, στις 10:10 το πρωί:

Αφού επιλέξετε την ημερομηνία που θέλετε πατήστε "Publish" και ξεχάστε το ποστ. Δεν χρειάζεται να κάνετε τίποτε άλλο. Την ημέρα και την ώρα που έχετε επιλέξει το ποστ σας θα εμφανιστεί "ως εκ θαύματος" στο μπλογκ σας.

Φυσικά τα ποστς σας δεν "χάνονται". Είναι ανά πάσα στιγμή προσβάσιμα ακόμα και πριν τη δημοσίευσή τους: Dashboard → Manage → Posts. Απλώς η ημερομηνία τους είναι μεταγενέστερη της τρέχουσας.

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