Πώς να ενσωματώσετε ένα photoalbum στο WordPress

Θα είμαι αρκετά συνοπτικός.

Αρχικά πηγαίντε στο www.bubbleshare.com, δημιουργήστε έναν λογαριασμό και έπειτα δημιουργήστε ένα album (υποθέτω πως μέχρι αυτό το σημείο μπορείτε εύκολα να φτάσετε).

Πάρτε (=κάντε copy) τον ακόλουθο κώδικα, ανοίξτε ένα text αρχείο (πχ ανοίξτε το notepad) και κάντε το paste. Ο παρακάτω κώδικας δημιουργεί το συγκεκριμένο photoalbum. Αν γίνουν κάποιες μικρές αλλαγές, ο κώδικας αυτός επιτρέπει να κάνετε embed οποιοδήποτε bubbleshare photoalbum στο WordPress blog σας.

<p align="center">
<iframe src="http://www.bubbleshare.com/album/97010.33ff7ec4328/mini?size=268
x201&interval=6&style=rounded" marginheight=0 marginwidth=0 frameborder=0 scrolling=no height=238 width=280>
</iframe>
</p>

Ουσιαστικά το μόνο πράγμα που πρέπει να αλλάξετε είναι το url του photoalbum (σημειώνεται με πορτοκαλί χρώμα).

[ Βήματα ]

Αρχικά βρίσκουμε το url του album που θέλουμε να κάνουμε embed. Αυτό θα είναι της μορφής:

http://www.bubbleshare.com/album/97010.33ff7ec4328

(κρατάμε το κομμάτι μέχρι τα νούμερα. Για παράδειγμα, το url στο οποίο βλέπετε το album μπορεί να είναι: http://www.bubbleshare.com/album/97010.33ff7ec4328/overview (link) ή http://www.bubbleshare.com/album/97010.33ff7ec4328/share (link).
Έ, ότι βρίσκεται μετά τα νούμερα το πετάμε.)

Έπειτα, παίρνουμε αυτό το url και το αντικαθιστούμε στον κώδικα που κάναμε paste στο Notepad, στη θέση του «πορτοκαλιού» url, μέχρι πριν απο το: /mini?size=…

Τέλος, γράφουμε ένα post στο WordPress, και αφού τελειώσουμε πηγαίνουμε στην καρτέλα Code (από την Visual που αρχικά ήμασταν) και κάνουμε copy-paste τον κώδικα από notepad στο σημείο του post που θέλουμε. Αμέσως μετά πατάμε Save (δεν ξαναπάμε στο Visual γιατί πιθανόν θα σβηστούν όσα γράφαμε τόση ώρα…).

[ Real Life Example ]

Έστω ότι θέλουμε να κάνουμε embed στο blog το photoalbum της διεύθυνσης:

http://www.bubbleshare.com/album/77867/overview

Προφανώς σαν url κρατάμε το κομμάτι:

http://www.bubbleshare.com/album/77867

Οπότε ο κώδικας γίνεται:

<p align="center">
<iframe src="http://www.bubbleshare.com/album/77867/mini?size=268
x201&interval=6&style=rounded" marginheight=0 marginwidth=0 frameborder=0 scrolling=no height=238 width=280>
</iframe>
</p>

και παράγει το ακόλουθο αποτέλεσμα:

&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br /&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;

Για να πω την αλήθεια, το παραπάνω «tutorial» το έγραψα πιο πολύ για να ανατρέχω σε αυτό όποτε θέλω να κάνω embed ένα photoalbum, αλλά ελπίζω ότι θα φανεί και σε κάποιους άλλους χρήσιμο. Καλή σας μέρα!

Προσθήκη: Αν κάποιος στην τελική κατάφερε να κάνει embed ένα photoalbum, ή αν προσπάθησε και δε κατάφερε, ρίχτε μου ένα σχόλιο. Αν έχετε λίγες γνώσεις, χρόνο και κουράγιο, μπορείτε να δοκιμάσετε να βρείτε πως μπορείτε να κάνετε embed μεγαλύτερου μεγέθου photoalbums (αυτό που παρουσίασα είναι το mini size). Δεν είχα χρόνο, ούτε και κουράγιο να το ψάξω.

Μία παράμετρος που μπορείτε εύκολα να αλλάξετε, και που ίσως έχει νόημα, είναι η τιμή δίπλα στη λέξη interval. Στα μέχρι τώρα παραδείγματα η τιμή της είναι ίση με 6 (interval=6), το οποίο σήμαινει πως μεταξύ δύο φωτογραφιών μεσολαβούν 6 δευτερόλεπτα. Στο ακριβώς παραπάνω photoalbum την άλλαξα σε 8, και εύκολα μπορείτε να δείτε ότι η φωτογραφία αλλάζει κάθε 8 δευτερόλεπτα.

Advertisements

About Γιώργος Μαργαρίτης

Υπάρχουν πολλά τα δρώμενα.
This entry was posted in Blogs. Bookmark the permalink.

4 Responses to Πώς να ενσωματώσετε ένα photoalbum στο WordPress

  1. Ο/Η MaYaMaYa λέει:

    μας φάνηκε, μας φάνηκε!

    καλησπέρα!

  2. Πιστεύω πως μου άρεσε πολύ!
    Γιατί να μην είναι στο Youtube να το βάλω σε κάνα post…

  3. Ο/Η MaYaMaYa λέει:

    και ως Link να το βάλεις καλο είναι…ε, ας μην τα δίνεις όλα ετοιμα και συ, ασε να κάνουν κατι και οι άλλοι!

    καληνυχτα!

Σχόλια με κεφαλαία ή greeklish απαγορεύονται αυστηρώς και διώκονται ποινικά. Οι συγγραφείς τους θα υποστούν αποτρόπαια βασανιστήρια. (μετάφραση στα Χρυσαυγίτικα: Μι γράφης με κεφαλέα κε greeklish).

Εισάγετε τα παρακάτω στοιχεία ή επιλέξτε ένα εικονίδιο για να συνδεθείτε:

Λογότυπο WordPress.com

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό WordPress.com. Αποσύνδεση / Αλλαγή )

Φωτογραφία Twitter

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Twitter. Αποσύνδεση / Αλλαγή )

Φωτογραφία Facebook

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Facebook. Αποσύνδεση / Αλλαγή )

Φωτογραφία Google+

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Google+. Αποσύνδεση / Αλλαγή )

Σύνδεση με %s