Θέλουμε στην πλαϊνή στήλη [ή σε κάποια από τις δύο πλαϊνές στήλες, ανάλογα με το theme] να τοποθετήσουμε μια φωτογραφία, ένα λάβαρο (μπάνερ), μια εικόνα.
Θα δούμε την όλη διαδικασία με ένα παράδειγμα.
Έστω ότι θέλω στο πάνω μέρος της δεξιάς πλαϊνής στήλης αυτού του μπλογκ να τοποθετήσω το favicon - το “σήμα κατατεθέν” του άλλου μπλογκ μου, το κόκκινο τετράγωνο με τα λευκά γράμματα “Θ & Δ”.
Βήμα 1ον: Dashboard → Presentation → Sidebar Widgets. Από τα Available Widgets μεταφέρω με το ποντίκι [συνεχές πάτημα αριστερού πλήκτρου] ένα Text Widget στο σημείο της πλαϊνής στήλης που θέλω.
Βήμα 2ον: Ανοίγω το Text Widget [κλικ στο μικρό κουτάκι δίπλα του με τη μπλε και τις τρεις μαύρες γραμμές]. Δεν θέλω το Text Widget να έχει κάποιο τίτλο, κι έτσι στο κυρίως “σώμα” γράφω απλώς:
<img src=”http://theamapati.files.wordpress.com/2006/10/fav.jpg“>
Προσοχή: τα κόκκινα γράμματα στην προηγούμενη σειρά απλώς δείχνουν το σημείο στο οποίο βρίσκεται η εικόνα που θέλω να εμφανιστεί. Προφανώς στην περίπτωσή σας αυτή η διεύθυνση θα είναι διαφορετική. Τα υπόλοιπα παραμένουν ως έχουν.
Κλείνω το Text Widget και στο δεξί μέρος της οθόνης πατάω Save Changes.
Βουαλά:
Ουπς! Κάτι πήγε λάθος. Η εικόνα ήταν μεγαλύτερη από ό,τι έπρεπε. Τη μικραίνω με κάποιο σχετικό προγραμματάκι, επαναλαμβάνω τη διαδικασία και το αποτέλεσμα είναι το εξής:
Much Better.
Έστω ότι θέλω να προσθέσω και κάποιο link στην εικόνα, ώστε οι αναγνώστες κάνοντας κλικ πάνω της να οδηγούνται σε κάποια συγκεκριμένη ιστοσελίδα. Στην περίπτωσή μου, λογικό είναι η εικόνα να οδηγεί στο κύριο μπλογκ μου “Θεαμαπάτες & Δικτυώματα”.
Ο κώδικας στο Text Widget θα είναι κάπως έτσι:
<a href=”http://theamapati.wordpress.com/”><img src=”http://theamapati.files.wordpress.com/2006/12/favicon3.jpg” /></a>
Τα μαύρα θα είναι και στην περίπτωσή σας τα ίδια. Τα πράσινα είναι η διεύθυνση του μπλογκ μου, και τα κόκκινα είναι η νέα μικρότερη εικόνα.
Κλείσιμο του Text Widget, “Save Changes”. Τα αποτελέσματα τα βλέπετε στο πάνω δεξιό μέρος της οθόνης.
Προβληματάκια και τρικάκια
♦ Σε κάθε text widget μπορείτε φυσικά να βάλετε περισσότερες από μία φωτογραφίες.
♦ Εάν έχετε εξαντλήσει τον διαθέσιμο αριθμό text widget στο κάτω μέρος της οθόνης μπορείτε να αυξήσετε τον αριθμό τους μέχρι εννέα.
♦ Πώς ανεβάζω κάποια φωτογραφία για το μπάνερ; Ανοίξτε ένα καινούργιο ποστ [write post], ανεβάστε μία φωτογραφία [upload], και στείλτε την στον editor [send editor]. Η φωτογραφία αποκτά αμέσως το δικό της URL. Αν πάτε από τον Visual Editor στον Code Editor θα δείτε αμέσως τη διεύθυνσή της για να την χρησιμοποιήσετε. Στο τέλος απλώς σβήστε το ποστ.
♦ Το μέγεθος της φωτογραφίας, ώστε να μην βγαίνει από τα όρια της στήλης, εξαρτάται από το theme που χρησιμοποιείτε. Λίγος πειραματισμός δεν βλάπτει…
Και για ό,τι άλλο ήθελεν προκύψει ρωτήστε με [αν ξέρω...]. Και μην ξεχνάτε ότι όποιος ντρέπεται πολλά στερείται


















8 comments
Comments feed for this article
21 Ιούλιος 2007 στο 2:34 π.μ.
μούργος
εισαι ΦΟΒΕΡΟΣ!!!!!
και δεν υπερβαλλω!!!
μολις το εκανα!!!
30 Ιούλιος 2007 στο 3:56 μ.μ
onionfava
src=”http://onionfava.files.wordpress.com/2007/07/eksof_mail_blog0.jpg”/></
pou kanw lathos?
31 Ιούλιος 2007 στο 10:14 μ.μ
Χ. Μόρφος
Καλά, έτσι κι αλλιώς ο κώδικας είναι λίγο δύσκολο να εμφανιστεί σωστός στα σχόλια. Ρίξε μια ματιά στον κώδικά σου και σ’ αυτούς που υπάρχουν στο ποστ και σύγκρινε. Αν δεν υπάρχει λάθος τότε, ίσως:
Τη φωτογραφία την ανέβασες;
1 Αύγουστος 2007 στο 12:09 μ.μ
onionfava
Αν θες, δες παλι στο μπλογκ που εχω βαλει ενα βιβλιο στο sidebar και ολα οκ και ηθελα να εχει to link του συγγραφεα. Το καταφερα αλλα αντι να πατας πανω για να βγει, πατας διπλα. Βλακεια…
1 Αύγουστος 2007 στο 1:14 μ.μ
Χ. Μόρφος
Σβήσε το gazi και το </a> που ακολουθεί αμέσως μετά. Όλα θα πρέπει να πάνε καλά.
1 Αύγουστος 2007 στο 1:29 μ.μ
onionfava
ok
4 Απρίλιος 2008 στο 7:35 μ.μ
timesdesfinas
Σχετικά με το banner..
Βήματα: Συγγραφή άρθρου - Ανεβάζω την εικόνα - Την αποθηκεύω - Μετά πατάω αριστερό κλικ επάνω στην εικόνα για να μου εμφανίσει το url - Βλέπω το url - Το κάνω copy paste - Μετά ;; Επεξεργασία CSS ;; Τι ακριβώς πρέπει να κάνω ;
Ευχαριστώ ..
4 Απρίλιος 2008 στο 9:28 μ.μ
Χ. Μόρφος
Είστε στο 2ον Βήμα. Ανοίγετε ένα widget κειμένου, επικολλάτε τη διεύθυνση της φωτογραφίας, συμπληρώνετε τα μαύρα γραμματάκια πριν τη διεύθυνση [που στο παράδειγμα φαίνεται με κόκκινα γράμματα]. Μην ξεχάσετε να κλείσετε το widget και να πατήσετε μετά το “Αποθήκευση Αλλαγών”.
Στα widget βρισκόμαστε, από το Παρουσίαση ► Widgets, απ’ όπου και σέρνουμε [αριστερό κλικ του ποντικιού διαρκώς πατημένο] ένα widget κειμένου στο σημείο της πλαϊνής στήλης που θέλουμε.