Τα spoilers στη διάταξη των ιστοσελίδων χρησιμοποιούνται για την απόκρυψη οπτικού μέρους του ογκώδους κειμένου, της εικόνας ή οποιουδήποτε άλλου περιεχομένου σελίδας πίσω από έναν σύνδεσμο. Για να δημιουργήσετε ένα spoiler στο Joomla, χρησιμοποιήστε ένα ειδικό πρόσθετο.
Οδηγίες
Βήμα 1
Στον κατάλογο πρόσθετων Joomla, βρείτε και εγκαταστήστε το πρόσθετο Core Design Spoiler. Για σωστή λειτουργία, θα χρειαστείτε επίσης το πρόσθετο Core Design Scriptegrator, το οποίο θα φορτώνει αυτόματα βιβλιοθήκες JS (Highslide, jQuery και άλλα). Μετά την εγκατάσταση, ενεργοποιήστε και τα δύο πρόσθετα μέσω του Plugin Manager.
Βήμα 2
Τώρα μπορείτε να προσθέσετε ένα spoiler με κρυφό περιεχόμενο τυλίγοντάς το στην ετικέτα [spoiler]. Μια τέτοια ετικέτα μπορεί να προστεθεί όχι μόνο σε κανονικά άρθρα του Joomla, αλλά και στα υλικά των στοιχείων του καταλόγου, για παράδειγμα, σε K2, ZOO, FLEXIcontent, κ.λπ.
Βήμα 3
Επιλέξτε τον τρόπο εμφάνισης του spoiler στις ρυθμίσεις της προσθήκης. Μπορεί να είναι ένας απλός σύνδεσμος ή ένα κουμπί. Προσδιορίστε επίσης την κατάσταση υπό την οποία θα ανοίξει το spoiler - όταν κάνετε κλικ ή τοποθετείτε το δείκτη του ποντικιού.
Βήμα 4
Εκτός από την καθορισμένη μέθοδο, οποιαδήποτε από τις παραμέτρους μπορεί να καθοριστεί χειροκίνητα, στην ετικέτα [spoiler]. Το spoiler μπορεί να ρυθμιστεί με την παράμετρο στοιχείου, καθορίζοντας την τιμή συνδέσμου για εμφάνιση ως σύνδεσμος ή κουμπί για κουμπί
Βήμα 5
Η ενέργεια στην οποία θα αποκαλυφθεί το spoiler μπορεί να προσδιοριστεί μέσω της παραμέτρου ενέργειας, για την οποία υπάρχουν έγκυρες τιμές αιωρηθείτε (στο hover) ή κάντε κλικ (στο κλικ). Ένας μοναδικός τίτλος spoiler μπορεί να δημιουργηθεί χρησιμοποιώντας την παράμετρο Title, καθορίζοντας την απαιτούμενη τιμή σε εισαγωγικά.
Βήμα 6
Για παράδειγμα, εάν πρέπει να φτιάξετε ένα spoiler με τον τίτλο "Διαβάστε τη συνέχεια της ιστορίας", ο οποίος θα ανοίξει κάνοντας κλικ στον σύνδεσμο με το κείμενο του τίτλου, χρησιμοποιήστε την ακόλουθη ετικέτα: [spoiler title="Διαβάστε τη συνέχεια του η ιστορία "action =" click "element =" link "]
Βήμα 7
Μετά από αυτήν την ετικέτα, τοποθετήστε το κείμενο ή την εικόνα που θέλετε να αποκρύψετε και, στη συνέχεια, "κλείστε" το spoiler με την ετικέτα: [/spoiler]
