Δημιουργία γκαλερί μέσα σε άρθρο.

Δημιουργία γκαλερί μέσα σε άρθρο.
Δημιουργία γκαλερί μέσα σε άρθρο

Όπως έχετε καταλάβει έχουμε αρχίσει τους οδηγούς για WordPress για τα καλά. Σήμερα θα σας δείξουμε πως να δημιουργείτε μία γκαλερί μέσα σε άρθρο με στυλ μωσαϊκού. Είναι πανεύκολο και δεν θα δυσκολευτείτε καθόλου.

Πολύτιμο plugin στην προσπάθεια μας είναι το Jetpack – που το έχουν το 90% των χώρων με WordPress. Όσοι δεν χρησιμοποιούν το Jetpack υπάρχει ένα πολύ καλό plugin που ονομάζεται Gallery Carousel Without JetPack και το βρίσκετε εδώ.

Πάμε λοιπόν να αρχίσουμε!

Γράφετε λοιπόν το άρθρο και θέλετε να έχετε μέσα και μία ωραία γκαλερί. Όπως είστε στον επεξεργαστή κειμένου πατάτε το κουμπί Προσθήκη πολυμέσων. Δείτε την εικόνα 1.

Θα σας ανοίξει η βιβλιοθήκη πολυμέσων. Εκεί πατάτε το κουμπάκι Δημιουργία συλλογής. Δείτε την εικόνα 2.

Από εκεί και πέρα διαλέγετε τις φωτογραφίες σας. Αν πρέπει ανεβάστε τα αρχεία που θέλετε και επιλέξτε τα. Εγώ επέλεξα 9. Δείτε εικόνα 3.

Αφού επιλέξατε τις φωτογραφίες σας πατάτε το κουμπάκι κάτω δεξιά σας που γράφει Δημιουργία συλλογής. Εικόνα 4

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

Επόμενο βήμα να επιλέξετε ότι τον τύπο. Επιλέξτε μωσαϊκό. Ωραίο είναι και οι κύκλοι. Αλλά όλα είναι θέμα αισθητικής και να δένουν ωραία στον χώρο σας!

Τις στήλες πάντα τις ορίζουμε όταν ο τύπος είναι στην Προβολή μικρογραφιών.

Όταν τελειώσετε πατήστε εισαγωγή συλλογής και είστε έτοιμοι!

Πριν δημοσιεύσετε το άρθρο σας με την γκαλερί καλό είναι να κάνετε πάντα προεπισκόπηση ώστε να είστε οκ!

Και η γκαλερί μας μέσα στο άρθρο θα φαίνεται έτσι. Δείτε την εικόνα.

Αν δεν σας κεντράρει είναι απλά θέμα CSS. Οπότε εκεί επικοινωνείτε με τον προγραμματιστή σας να την φέρει στο κέντρο. Αν διαχειρίζεστε εσείς τον χώρο σας τότε προσθέστε αυτό το μικρό CSS:

.tiled-gallery .gallery-row{
margin:0 auto;
}

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

Facebook Comments

Επάνω
Share via
Copy link
Powered by Social Snap