Το Joomla έχει ενσωματωμένη λειτουργικότητα για την ενσωμάτωση βίντεο από, για παράδειγμα, το YouTube ή το Vimeo ή οποιαδήποτε άλλη πλατφόρμα που παρέχει κωδικούς ενσωμάτωσης. Δεν χρειάζεται να εγκαταστήσετε τίποτα για αυτό, το μόνο που χρειάζεστε είναι λίγη προετοιμασία.
Σε αυτό το παράδειγμα θα σας δείξω πώς να ενσωματώσετε ένα βίντεο YouTube σε ένα άρθρο του Joomla 4. Υπάρχουν δύο τρόποι για να το κάνετε αυτό: ο εξαιρετικά εύκολος τρόπος και ο ακόμα αρκετά εύκολος τρόπος. Και οι δύο τρόποι απαιτούν λίγη προετοιμασία πρώτα.
Προετοιμασία: κάντε αυτό πρώτα
Για να σας επιτρέψει να ενσωματώσετε βίντεο στον ιστότοπό σας, το YouTube χρησιμοποιεί ένα IFrame ή ένα "ενσωματωμένο πλαίσιο". Αυτός είναι ένας συνηθισμένος τρόπος για να ενσωματώσετε άλλο περιεχόμενο στο τρέχον έγγραφο HTML.
Από προεπιλογή, το πρόγραμμα επεξεργασίας Joomla (TinyMCE) αφαιρεί τον κώδικα IFrame. Επομένως, πρέπει πρώτα να το επιτρέψετε.
Στο backend σας, μεταβείτε στο Σύστημα -> Διαχείριση -> Προσθήκες
Στο πεδίο αναζήτησης στην κορυφή της λίστας, πληκτρολογήστε "Tiny" και το εικονίδιο αναζήτησης. Το αποτέλεσμα της αναζήτησής σας θα πρέπει τώρα να εμφανίζει το πρόσθετο επεξεργασίας TinyMCE.
Κάντε κλικ στον τίτλο για να τον ανοίξετε.
Το TinyMCE έχει τρία σύνολα επεξεργασίας στο Joomla. Το σύνολο 0 είναι το πιο εκτεταμένο, που χρησιμοποιείται για διαχειριστές τοποθεσιών και σούπερ χρήστες. Σε αυτό το παράδειγμα, θέλω αυτή η ομάδα να μπορεί να προσθέσει IFrames, οπότε πρόκειται να αλλάξω τις ρυθμίσεις για το Set 0.
Κάντε κύλιση προς τα κάτω στα Απαγορευμένα στοιχεία . Αυτό εμφανίζει μια μικρή λίστα: script, applet, iframe.
Αφαιρέστε το "iframe" και αποθηκεύστε τις ρυθμίσεις.
Τώρα είστε έτοιμοι για την ενσωμάτωση του πρώτου σας βίντεο!
Ενσωμάτωση του βίντεό σας στο YouTube - ο εξαιρετικά εύκολος τρόπος
Στο YouTube (ή στο Vimeo ή σε οποιαδήποτε πλατφόρμα από την οποία θέλετε να ενσωματώσετε βίντεο), κάντε κλικ στο κουμπί Κοινή χρήση κάτω από το βίντεο που θέλετε να ενσωματώσετε.
Ανοίγει ένα αναδυόμενο παράθυρο. Κάτω από τα κουμπιά Κοινή χρήση, θα δείτε τη διεύθυνση url για το βίντεο και ένα κουμπί αντιγραφής.
Κάντε κλικ στο κουμπί αντιγραφής για να αντιγράψετε τη διεύθυνση url.
Ενσωμάτωση του βίντεο στο άρθρο σας στο Joomla
Δημιουργήστε ένα νέο άρθρο ή ανοίξτε το άρθρο που θα περιέχει το βίντεο.
Τοποθετήστε τον κέρσορα στο ακριβώς σημείο όπου θέλετε να εμφανίζεται το βίντεο.
Στη γραμμή εργαλείων επεξεργασίας, κάντε κλικ στην Εισαγωγή. Στο αναπτυσσόμενο μενού, επιλέξτε Πολυμέσα.
Τώρα εμφανίζεται ένα αναδυόμενο παράθυρο. Στην επάνω αριστερή γωνία, βλέπετε ότι είναι επιλεγμένο το Γενικό . Αντιγράψτε το url στο πλαίσιο Πηγή .
Στα πλαίσια Πλάτος και Ύψος , οι διαστάσεις του βίντεό σας είναι προσυμπληρωμένες. Μπορείτε να τις προσαρμόσετε αν θέλετε.
Εάν κάνετε κλικ στην Ενσωμάτωση (δεύτερη επιλογή στα αριστερά, κάτω από τα Γενικά ), θα δείτε ότι ο κωδικός ενσωμάτωσης έχει συμπληρωθεί για εσάς.
Το αναδυόμενο παράθυρο κλείνει και θα δείτε το βίντεό σας στην περιοχή κειμένου του προγράμματος επεξεργασίας.
Ενσωμάτωση του βίντεό σας στο YouTube - ο ακόμα αρκετά εύκολος τρόπος
Στο YouTube (ή στο Vimeo ή σε οποιαδήποτε πλατφόρμα από την οποία θέλετε να ενσωματώσετε βίντεο), κάντε κλικ στο κουμπί Κοινή χρήση κάτω από το βίντεο που θέλετε να ενσωματώσετε.
Ανοίγει ένα αναδυόμενο παράθυρο. Κάντε κλικ στο κουμπί ενσωμάτωσης (είναι το πρώτο από τα αριστερά).
Ανοίγει ένα άλλο αναδυόμενο παράθυρο. Εμφανίζει το βίντεό σας και στο δεξιό μέρος θα δείτε τον κώδικα ενσωμάτωσης και μερικές επιλογές.
Στη δεξιά γωνία στο κάτω μέρος, υπάρχει μια επιλογή Αντιγραφή . Κάντε κλικ σε αυτήν. Ο κώδικας ενσωμάτωσης γίνεται μπλε (συμβουλή μπόνους: αν είστε χάος στα πόδια, όπως εγώ, τώρα είναι η ώρα να τον επικολλήσετε στο Σημειωματάριο ή κάτι τέτοιο. θα το έχω ακόμα αν αποσπαστείτε στην πορεία).
Ενσωμάτωση του βίντεο στο άρθρο σας στο Joomla
Δημιουργήστε ένα νέο άρθρο ή ανοίξτε το άρθρο που θα περιέχει το βίντεο.
Τοποθετήστε τον κέρσορα στο ακριβώς σημείο όπου θέλετε να εμφανίζεται το βίντεο.
Στη γραμμή εργαλείων επεξεργασίας, κάντε κλικ στην Εισαγωγή. Στο αναπτυσσόμενο μενού, επιλέξτε Πολυμέσα.
Τώρα λαμβάνετε ένα αναδυόμενο παράθυρο. Στην επάνω αριστερή γωνία, βλέπετε ότι είναι επιλεγμένο το Γενικό . Ακριβώς κάτω από αυτό, υπάρχουν οι επιλογές Ενσωμάτωση και Για προχωρημένους. Επιλέξτε Ενσωμάτωση.
Το αναδυόμενο παράθυρο αλλάζει και τώρα έχετε μια περιοχή κειμένου στην οποία μπορείτε να επικολλήσετε τον κώδικα ενσωμάτωσης. Κάντε κλικ στην επιλογή Αποθήκευση στο κάτω μέρος δεξιά.
Το αναδυόμενο παράθυρο κλείνει και θα δείτε το βίντεό σας στην περιοχή κειμένου του προγράμματος επεξεργασίας.
Τελευταίο βήμα: αποθηκεύστε το άρθρο σας
Αποθηκεύστε το άρθρο σας με το κουμπί Αποθήκευση στην επάνω αριστερή γωνία ή το κουμπί Αποθήκευση & κλείσιμο ακριβώς δίπλα του.
Εάν ελέγξετε τώρα τον ιστότοπο στη διεπαφή, το βίντεο θα πρέπει να είναι ορατό.
Αυτό είναι όλο, τελειώσατε!