Εξερευνήστε τον πυρήνα: Πώς να ενσωματώσετε εύκολα βίντεο στα άρθρα σας στο Joomla

Το Joomla έχει ενσωματωμένη λειτουργικότητα για την ενσωμάτωση βίντεο από, για παράδειγμα, το YouTube ή το Vimeo ή οποιαδήποτε άλλη πλατφόρμα που παρέχει κωδικούς ενσωμάτωσης. Δεν χρειάζεται να εγκαταστήσετε τίποτα για αυτό, το μόνο που χρειάζεστε είναι λίγη προετοιμασία.

Σε αυτό το παράδειγμα θα σας δείξω πώς να ενσωματώσετε ένα βίντεο YouTube σε ένα άρθρο του Joomla 4. Υπάρχουν δύο τρόποι για να το κάνετε αυτό: ο εξαιρετικά εύκολος τρόπος και ο ακόμα αρκετά εύκολος τρόπος. Και οι δύο τρόποι απαιτούν λίγη προετοιμασία πρώτα.

Προετοιμασία: κάντε αυτό πρώτα

Για να σας επιτρέψει να ενσωματώσετε βίντεο στον ιστότοπό σας, το YouTube χρησιμοποιεί ένα IFrame ή ένα "ενσωματωμένο πλαίσιο". Αυτός είναι ένας συνηθισμένος τρόπος για να ενσωματώσετε άλλο περιεχόμενο στο τρέχον έγγραφο HTML. 

Από προεπιλογή, το πρόγραμμα επεξεργασίας Joomla (TinyMCE) αφαιρεί τον κώδικα IFrame. Επομένως, πρέπει πρώτα να το επιτρέψετε.

Στο backend σας, μεταβείτε στο Σύστημα -> Διαχείριση -> Προσθήκες

Σύστημα -> Διαχείριση -> Προσθήκες

Στο πεδίο αναζήτησης στην κορυφή της λίστας, πληκτρολογήστε "Tiny" και το εικονίδιο αναζήτησης. Το αποτέλεσμα της αναζήτησής σας θα πρέπει τώρα να εμφανίζει το πρόσθετο επεξεργασίας TinyMCE.

Λίστα προσθηκών

Κάντε κλικ στον τίτλο για να τον ανοίξετε.

Το TinyMCE έχει τρία σύνολα επεξεργασίας στο Joomla. Το σύνολο 0 είναι το πιο εκτεταμένο, που χρησιμοποιείται για διαχειριστές τοποθεσιών και σούπερ χρήστες. Σε αυτό το παράδειγμα, θέλω αυτή η ομάδα να μπορεί να προσθέσει IFrames, οπότε πρόκειται να αλλάξω τις ρυθμίσεις για το Set 0.

Προφίλ επεξεργασίας για το TinyMCE

Κάντε κύλιση προς τα κάτω στα Απαγορευμένα στοιχεία . Αυτό εμφανίζει μια μικρή λίστα: script, applet, iframe.

Απαγορευμένα στοιχεία στο TinyMCE

Αφαιρέστε το "iframe" και αποθηκεύστε τις ρυθμίσεις.

Τώρα είστε έτοιμοι για την ενσωμάτωση του πρώτου σας βίντεο!

Ενσωμάτωση του βίντεό σας στο YouTube - ο εξαιρετικά εύκολος τρόπος

Στο YouTube (ή στο Vimeo ή σε οποιαδήποτε πλατφόρμα από την οποία θέλετε να ενσωματώσετε βίντεο), κάντε κλικ στο κουμπί Κοινή χρήση κάτω από το βίντεο που θέλετε να ενσωματώσετε.

Κουμπί κοινής χρήσης στο βίντεο YouTube

Ανοίγει ένα αναδυόμενο παράθυρο. Κάτω από τα κουμπιά Κοινή χρήση, θα δείτε τη διεύθυνση url για το βίντεο και ένα κουμπί αντιγραφής.

Κάντε κλικ στο κουμπί αντιγραφής για να αντιγράψετε τη διεύθυνση url.

Ενσωμάτωση του βίντεο στο άρθρο σας στο Joomla

Δημιουργήστε ένα νέο άρθρο ή ανοίξτε το άρθρο που θα περιέχει το βίντεο.

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

Στη γραμμή εργαλείων επεξεργασίας, κάντε κλικ στην Εισαγωγή. Στο αναπτυσσόμενο μενού, επιλέξτε Πολυμέσα.

Κουμπί εισαγωγής, αναπτυσσόμενο μενού για να επιλέξετε μέσα

 

Τώρα εμφανίζεται ένα αναδυόμενο παράθυρο. Στην επάνω αριστερή γωνία, βλέπετε ότι είναι επιλεγμένο το Γενικό . Αντιγράψτε το url στο πλαίσιο Πηγή .

Στα πλαίσια Πλάτος και Ύψος , οι διαστάσεις του βίντεό σας είναι προσυμπληρωμένες. Μπορείτε να τις προσαρμόσετε αν θέλετε.

Εάν κάνετε κλικ στην Ενσωμάτωση (δεύτερη επιλογή στα αριστερά, κάτω από τα Γενικά ), θα δείτε ότι ο κωδικός ενσωμάτωσης έχει συμπληρωθεί για εσάς.

Το αναδυόμενο παράθυρο κλείνει και θα δείτε το βίντεό σας στην περιοχή κειμένου του προγράμματος επεξεργασίας.

Ενσωματωμένο βίντεο υποστήριξης στιγμιότυπου οθόνης

 

Ενσωμάτωση του βίντεό σας στο YouTube - ο ακόμα αρκετά εύκολος τρόπος

Στο YouTube (ή στο Vimeo ή σε οποιαδήποτε πλατφόρμα από την οποία θέλετε να ενσωματώσετε βίντεο), κάντε κλικ στο κουμπί Κοινή χρήση κάτω από το βίντεο που θέλετε να ενσωματώσετε.

Κουμπί κοινής χρήσης στο βίντεο YouTube

Ανοίγει ένα αναδυόμενο παράθυρο. Κάντε κλικ στο κουμπί ενσωμάτωσης (είναι το πρώτο από τα αριστερά).

Κουμπί ενσωμάτωσης για το YouTube

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

Στη δεξιά γωνία στο κάτω μέρος, υπάρχει μια επιλογή Αντιγραφή . Κάντε κλικ σε αυτήν. Ο κώδικας ενσωμάτωσης γίνεται μπλε (συμβουλή μπόνους: αν είστε χάος στα πόδια, όπως εγώ, τώρα είναι η ώρα να τον επικολλήσετε στο Σημειωματάριο ή κάτι τέτοιο. θα το έχω ακόμα αν αποσπαστείτε στην πορεία).

Κώδικας ενσωμάτωσης YouTube

Ενσωμάτωση του βίντεο στο άρθρο σας στο Joomla

Δημιουργήστε ένα νέο άρθρο ή ανοίξτε το άρθρο που θα περιέχει το βίντεο.

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

Στη γραμμή εργαλείων επεξεργασίας, κάντε κλικ στην Εισαγωγή. Στο αναπτυσσόμενο μενού, επιλέξτε Πολυμέσα.

Κουμπί εισαγωγής, αναπτυσσόμενο μενού για να επιλέξετε μέσα

 

Τώρα λαμβάνετε ένα αναδυόμενο παράθυρο. Στην επάνω αριστερή γωνία, βλέπετε ότι είναι επιλεγμένο το Γενικό . Ακριβώς κάτω από αυτό, υπάρχουν οι επιλογές Ενσωμάτωση και Για προχωρημένους. Επιλέξτε Ενσωμάτωση.

Το αναδυόμενο παράθυρο εισαγωγής/επεξεργασίας πολυμέσων με επιλογές

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

Το αναδυόμενο παράθυρο κλείνει και θα δείτε το βίντεό σας στην περιοχή κειμένου του προγράμματος επεξεργασίας.

Ενσωματωμένο βίντεο υποστήριξης στιγμιότυπου οθόνης

Τελευταίο βήμα: αποθηκεύστε το άρθρο σας

Αποθηκεύστε το άρθρο σας με το κουμπί Αποθήκευση στην επάνω αριστερή γωνία ή το κουμπί Αποθήκευση & κλείσιμο ακριβώς δίπλα του.

Εάν ελέγξετε τώρα τον ιστότοπο στη διεπαφή, το βίντεο θα πρέπει να είναι ορατό.

Ενσωματωμένο βίντεο με πρόσοψη οθόνης

Αυτό είναι όλο, τελειώσατε!

Πριν αποφασίσω να ασχοληθώ με το Joomla (το 2014) ήμουν συγγραφέας/δημοσιογράφος για 15 χρόνια.

Το 2009 άρχισα να δουλεύω με το Joomla, χωρίς να γνωρίζω τίποτα για το σχεδιασμό ιστοσελίδων. Μπήκα σε μια JUG το 2012, δύο μήνες αργότερα ήμουν συνδιοργανωτής :) (και έμεινα συνδιοργανωτής για περίπου πέντε χρόνια).Έγραψα άρθρα για το Joomla σε ένα Ολλανδικό περιοδικό σχεδιαστή ιστοσελίδων και ομιλία σε JUGs και JoomlaDays. Ήμουν στην ολλανδική ομάδα JoomlaDagen για τρία χρόνια. Από το 2017 είμαι μέλος της ομάδας που διοργανώνει το Joostock (μια εκδήλωση Joomlacamp/unconference).

Ήμουν ο συντάκτης του φυλλαδίου ολλανδικού πρακτορείου ιστού Joomla, ένα φυλλάδιο που μπορούν να χρησιμοποιήσουν οι σχεδιαστές ιστοσελίδων για να πείσουν τους πιθανούς πελάτες τους ότι το Joomla είναι η σωστή επιλογή για αυτούς.

Στο Joomla Forum for the Future (2020) προσφέρθηκα εθελοντικά να συνεισφέρω ως συγγραφέας/blogger/ κειμενογράφος.

Διαχειρίζομαι ένα πρακτορείο Ιστού στην Ολλανδία, το WebLab42 , με τον συνεργάτη μου. Δημιουργούμε και διατηρούμε ιστότοπους για μικρές επιχειρήσεις και μη κερδοσκοπικούς οργανισμούς.

Λάβετε υπόψη ότι αυτός ο ιστότοπος χρησιμοποιεί ένα σύστημα αυτόματης μετάφρασης για να βοηθήσει στη μετάφραση για τις διάφορες γλώσσες. Ζητούμε συγγνώμη για οποιοδήποτε λάθος ή λάθος που μπορεί να εμφανιστεί στα διαφορετικά κείμενα.