shadowbox js – clickr.gr

Ένα από τα πλεονεκτήματα του WordPress είναι η πληθώρα αξιόλογων πρόσθετων (plugins) που δίνουν επιπλέον δυνατότητες εμφάνισης και λειτουργικότητας του site.

Αυτό ισχύει και στην περίπτωση των lightbox, το οποίο είναι το εφέ με το οποίο μια μικρή εικόνα ανοίγει σε αναδυόμενο παράθυρο θολώνοντας το backround ώστε να αναδεικνύεται η εικόνα, χωρίς ο χρήστης να φεύγει από τη σελίδα στην οποία βρίσκεται και να πρέπει στη συνέχεια να κάνει back (όπως οι εικόνες σε αυτό το Post. Δοκιμάστε να τις πατήσετε να δείτε το εφέ).

Για το WordPress υπάρχουν δεκάδες αξιόλογα plugins που κάνουν αυτή τη δουλειά, πχ:

Μια αναζήτηση για lightbox στο plugin directory δίνει δεκάδες αποτελέματα που μπορείτε να δοκιμάσετε.

Ένα από αυτά τα plugins είναι και το lightbox plus, μόνο που έχει μια επιπλέον δυνατότητα χρήσιμη σε μερικές περιπτώσεις. Το lightbox plus δεν εμφανίζει μόνο τις εικόνες σε αναδυόμενο παράθυρο αλλά και Pdf ή ολόκληρες ιστοσελίδες. Με αυτό το τρόπο μπορείτε να το χρησιμοποιήσετε ώστε τα links να μην ανοίγουν σε νέο παράθυρο αλλά μέσα στο δικό σας site. Αυτή η όψη είναι ιδανική για αναφορές ή εμφάνιση δειγμάτων ή προβολή χαρτών ή ακόμα και google docs ή pdf. Πέρα από αυτή τη δυνατότητα το lightbox plus έχει αρκετά ρυθμιστικά για την εμφάνιση των αναδυόμενων παραθύρων και την προβολή τους.

Με την εγκατάσταση του plugin οι εικόνες ανοίγουν σε αναδυόμενο παράθυρο. Για να ρυθμίσετε και Link να ανοίγουν έτσι πρέπει να πάτε στις ρυθμίσεις του lightbox plus (Appearance->Lightbox plus) και να τσεκάρετε το “Use Secondary Lightbox:” στο τμήμα “enable optional/advanced settings”. Αφού κάνετε save όποτε θέλετε κάποιο link να ανοίγει σε αναδυόμενο παράθυρο θα πρέπει να προσθέτε class=”lbpModal” στον HTML editor πχ:

<a class="lbpModal" href="http://www.clickr.gr">test link</a>

Παρόμοιες δυνατότητες έχει και το Shadowbox JS

Αυτές οι οδηγίες είναι περισσότερο γραμμένες για προσωπική χρήση αφού προσπαθώ να φτιάξω ένα δίκτυο από blogs-sites χρησιμοποιώντας το wordpress με ενεργοποιημένες τις multisite δυνατότητες. Κάθε φορά που προσθέτω ένα subdomain ξεχνάω και κάτι γι’ αυτό σε αυτό το post προσπαθώ να γράψω μια λίστα από τα βήματα που πρέπει να ακολουθήσω για την ολοκλήρωση. Παρόλα αυτά σε κάποιον μπορεί να φανεί χρήσιμο.

Ωραία, δημιουργήσαμε ένα νέο site σαν subdomain. Και τώρα τί;

1. τίτλος και υπότιτλος (tagline)

Στις ρυθμίσεις -> γενικά αλλάζουμε τον υπότιτλο και αν θέλουμε διορθώνουμε τον τίτλο.

2. Akismet- Πρόσθεσε το key

Το Akismet plugin είναι ενεργοποιημένο εξ αρχής αλλά χρειάζεται το key για να δουλέψει. Εννοείτε ότι το ίδιο κλειδί μπορεί να χρησιμοποιηθεί σε πολλά blogs.

Αν δεν έχεις akismet key πήγενε στο akismet.com/wordpress ή αν το ξέχασες μπορείς να το βρεις εδώ ή σε άλλο wordpress blog που το έχεις χρησιμοποιήσει στο μενού plugisns->Akismet Configurations ή στο OnomaBlogSou.gr/wp-admin/plugins.php?page=akismet-key-config

3. Permarlinks

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

4. Themes

Στο δίκτυο μου θέλω να χρησιμοποιήσω κατά βάση το twenty eleven. Σαν admin του δικτύου έχω προσθέσει το twenty eleven και το child theme που του δίνει τις δυνατότητες sidebar και τα έχω ενεργοποιήσει στο δίκτυο οπότε φαίνονται στο Dashboard κάθε νέου site. Κάνω λοιπόν ενεργό το child theme ή τέλος πάντων το θέμα που θέλω. Επιπλέον για το twenty eleven προσθέτω ένα header (διαστάσεις 1000×288) που να ταιριάζει με το περιεχόμενο.

5. Google analyticator

Πόσα άτομα επισκέπτονται το blog; Κανείς για την ώρα. Αλλά ας ρυθμίσουμε το google analytics για το blog μας. Χρησιμοποιώ το Google Analyticator. Πρέπει να πάω στο google analytics να περάσω ένα νέο site. Παίρνω τον κωδικό XX-XXXXX-X και το εισάγω στις ρυθμίσεις του Analyticator. Πάει κι αυτό.

6. Shadowbox JS

Χρησιμοποιώ για να εμφανίζονται οι φωτογραφίες με το κλικ σε lightbox το Shadowbox JS. Το plugin είναι ενεργοποιημένο σε όλο το δίκτυο από το network admin αλλά για να παίξει σε κάθε υποblog χρειάζεται reset στο Dashboard του υπο-blog. Στις ρυθμίσεις -> Shadowbox JS -> reset to defults.

Ετικέτα: shadowbox js

Μερικές οδηγίες για multisite wordpress