Θέλετε να εμφανίζονται οι πιο πρόσφατες αναρτήσεις σας στον ιστότοπό σας και να ενημερώνονται αυτόματα; Το widget του Feeder προσθέτει μια ζωντανή ροή σε οποιονδήποτε ιστότοπο και ανανεώνεται μόνο του καθώς δημοσιεύονται νέες αναρτήσεις. Δημιουργήστε το μία φορά, προσθέστε ένα μικρό απόσπασμα κώδικα και είστε έτοιμοι.
Λειτουργεί παντού όπου μπορείτε να προσθέσετε λίγο HTML, όπως στο WordPress, το Squarespace, το Wix, το Webflow και σε σελίδες με κώδικα γραμμένο στο χέρι.
Τι θα χρειαστείτε
Το widget περιλαμβάνεται στα εργαλεία δημοσίευσης του Feeder και είναι διαθέσιμο στα επί πληρωμή προγράμματα Feeder. Αν χρησιμοποιείτε το δωρεάν πρόγραμμα, όταν ανοίξετε το εργαλείο δημιουργίας θα εμφανιστεί η επιλογή αναβάθμισης.
Βήμα 1: Δημιουργήστε το widget
- Ανοίξτε το Feeder, μεταβείτε στην καρτέλα Δημοσίευση και επιλέξτε Γραφικά στοιχεία. Άμεσος σύνδεσμος: feeder.co/settings/publish/widgets.
- Δημιουργήστε ένα widget και επιλέξτε τη ροή που θέλετε να εμφανίζεται.
- Ρυθμίστε την εμφάνιση: θέμα, χρώματα, γραμματοσειρά, πλάτος, ύψος και αριθμό αναρτήσεων. Η προεπισκόπηση ενημερώνεται ζωντανά, ώστε να βλέπετε ακριβώς τι θα εμφανίζεται στους επισκέπτες σας.
- Αποθηκεύστε το widget.
Βήμα 2: Αντιγράψτε τον κώδικα ενσωμάτωσης
Το εργαλείο δημιουργίας προσφέρει τρεις τρόπους ενσωμάτωσης και συμπληρώνει αυτόματα το αναγνωριστικό του widget. Επιλέξτε αυτόν που ταιριάζει στον ιστότοπό σας.
iframe (λειτουργεί σχεδόν παντού)
Η ασφαλέστερη επιλογή για το WordPress και τα περισσότερα εργαλεία δημιουργίας ιστοτόπων, καθώς δεν βασίζεται σε προσαρμοσμένα script.
https://widgets.feeder.co/?frame&widget=YOUR_WIDGET_ID
Ετικέτα script
Εμφανίζει τη ροή απευθείας στη σελίδα. Χρησιμοποιήστε αυτήν την επιλογή αν ο ιστότοπός σας επιτρέπει προσαρμοσμένα script και θέλετε η ροή να ενσωματώνεται ομαλά στη διάταξη.
<feeder-widget data-widget-id="YOUR_WIDGET_ID" style="width: 100%; height: 600px"></feeder-widget>https://widgets.feeder.co/widget.js
Απλό URL
Χρήσιμο για εργαλεία που ζητούν έναν σύνδεσμο για ενσωμάτωση.
https://widgets.feeder.co/?embed&widget=YOUR_WIDGET_ID
Προσθέστε το widget στο WordPress
Δεν χρειάζεστε πρόσθετο για το WordPress. Απλώς επικολλάτε τον κώδικα ενσωμάτωσης σε ένα μπλοκ ή σε μια περιοχή widget. Συνιστούμε την έκδοση iframe, καθώς το WordPress συχνά αφαιρεί τα προσαρμοσμένα script για λόγους ασφαλείας.
Σε σελίδα ή ανάρτηση (επεξεργαστής μπλοκ)
- Επεξεργαστείτε τη σελίδα ή την ανάρτηση όπου θέλετε να εμφανίζεται η ροή.
- Προσθέστε ένα μπλοκ και επιλέξτε Προσαρμοσμένο HTML.
- Επικολλήστε τον κώδικα iframe από το Βήμα 2.
- Κάντε προεπισκόπηση ή δημοσιεύστε. Η ροή θα εμφανιστεί στο σημείο όπου τοποθετήσατε το μπλοκ.
Σε πλευρική στήλη ή υποσέλιδο
- Μεταβείτε στις επιλογές Εμφάνιση > Μικροεφαρμογές (ή Εμφάνιση > Προσαρμογή > Μικροεφαρμογές).
- Προσθέστε μια μικροεφαρμογή Προσαρμοσμένο HTML στην περιοχή που θέλετε.
- Επικολλήστε τον κώδικα iframe και αποθηκεύστε.
Χρήση του κλασικού επεξεργαστή
Αλλάξτε από την καρτέλα Οπτικά στην καρτέλα Κείμενο και, στη συνέχεια, επικολλήστε τον κώδικα iframe στο σημείο όπου θέλετε να εμφανίζεται η ροή.
Χρησιμοποιείτε το WordPress.com; Για ενσωμάτωση προσαρμοσμένου HTML χρειάζεστε πρόγραμμα Business ή ανώτερο. Σε αυτοφιλοξενούμενο WordPress (WordPress.org), οποιοσδήποτε διαχειριστής μπορεί να προσθέσει τον κώδικα ακολουθώντας τα παραπάνω βήματα.
Άλλα εργαλεία δημιουργίας ιστοτόπων
- Squarespace, Wix, Webflow και παρόμοια: προσθέστε ένα μπλοκ Embed ή Custom HTML και επικολλήστε τον κώδικα iframe.
- Ιστότοποι με κώδικα γραμμένο στο χέρι: επικολλήστε τον κώδικα iframe ή την ετικέτα script απευθείας στον HTML κώδικά σας.
Συμβουλές και αντιμετώπιση προβλημάτων
- Αλλαγή μεγέθους: αλλάξτε το πλάτος και το ύψος στον κώδικα ενσωμάτωσης ή προσαρμόστε τα στο εργαλείο δημιουργίας πριν αντιγράψετε τον κώδικα.
- Δεν εμφανίζεται τίποτα; Ο ιστότοπός σας μπορεί να αφαιρεί τα script. Χρησιμοποιήστε την έκδοση iframe, η οποία λειτουργεί σε περισσότερες περιπτώσεις.
- Πάντα ενημερωμένο: το widget αντλεί περιεχόμενο απευθείας από τη ροή σας στο Feeder, επομένως οι νέες αναρτήσεις εμφανίζονται αυτόματα. Δεν χρειάζεται να επικολλήσετε ξανά τον κώδικα.
Αν αντιμετωπίζετε πρόβλημα ή χρειάζεστε βοήθεια με τη ρύθμιση, επικοινωνήστε μαζί μας οποιαδήποτε στιγμή στη διεύθυνση support@feeder.co. 👋