Πώς να δημιουργήσετε και να εμφανίσετε αναδυόμενο παράθυρο με ετικέτα ανάρτησης στο WordPress

Θέλετε να δημιουργήσετε και να εμφανίσετε ένα αναδυόμενο παράθυρο ανά ετικέτα ανάρτησης στο WordPress; Συνεχίστε λοιπόν να διαβάζετε αυτό το άρθρο.

Είμαστε σίγουροι ότι είστε ήδη εξοικειωμένοι με το μικρό παράθυρο που εμφανίζεται κατά την περιήγηση σε έναν ιστότοπο. Λοιπόν, λέγεται αναδυόμενο παράθυρο ή αναδυόμενο παράθυρο. Τα αναδυόμενα παράθυρα μπορούν να εμφανίζονται σε διαφορετικά μεγέθη και θέσεις στην οθόνη σε έναν ιστότοπο.

Στο WordPress, υπάρχουν πολλά πρόσθετα για τη δημιουργία αναδυόμενων παραθύρων, όπως το Elementor Pro, το JetPopup, το Brizy Pro και άλλα.

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

Πίνακας περιεχομένων

Ορισμένα πρόσθετα WordPress για τη δημιουργία αναδυόμενων παραθύρων

Element Pro

Elementor Το Pro είναι μια επέκταση Elementor με εκατοντάδες premium χαρακτηριστικά. Σας παρέχει ισχυρά επαγγελματικά εργαλεία που επιταχύνουν τη ροή εργασίας και το σχεδιασμό σας. Elementor Το Pro σας δίνει τον πλήρη έλεγχο της διάταξης και του σχεδιασμού του ιστότοπού σας. Σε αυτήν την περίπτωση, μπορείτε ελεύθερα να προσαρμόσετε τη σχεδίαση του αναδυόμενου παραθύρου σας.

χρήση Element Pro Η δημιουργία ενός αναδυόμενου παραθύρου ανά ετικέτα ανάρτησης είναι πολύ απλή και εύκολη στη χρήση. Μπορείτε εύκολα να ορίσετε τις συνθήκες εμφάνισης του αναδυόμενου παραθύρου σας με πολύ ακριβή τρόπο.

Το JetPopup του Crocoblock είναι μια επέκταση για Elementor. Μπορείτε να το αγοράσετε ως αυτόνομο πρόσθετο ή να το αγοράσετε σε πακέτο με άλλα πρόσθετα Crocoblock. Το πλεονέκτημα της χρήσης JetPopup για τη δημιουργία ενός αναδυόμενου παραθύρου είναι ότι συνοδεύεται από πολλές δροσερές δυνατότητες.

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

Διαβάστε επίσης: 22 καλύτερα πρόσθετα Premium για το Elementor

Brizy Pro

Το πρόγραμμα δημιουργίας αναδυόμενων παραθύρων του Brizy Pro σας προσφέρει δύο επιλογές. Το πρώτο είναι το αναδυόμενο παράθυρο που ενεργοποιείται με κλικ και το δεύτερο είναι οι αυτόματες ενεργοποιήσεις και συνθήκες.

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

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

Το πρώτο πράγμα που πρέπει να κάνετε είναι να δημιουργήσετε ένα νέο αναδυόμενο πρότυπο. Για να δημιουργήσετε ένα νέο αναδυόμενο πρότυπο, μεταβείτε στο Πρότυπα > Αναδυόμενα παράθυρα στον πίνακα ελέγχου του WordPress και κάντε κλικ στο κουμπί Προσθεσε νεο.

Στη συνέχεια, προσθέστε το όνομα του αναδυόμενου παραθύρου και κάντε κλικ στο κουμπί ΔΗΜΙΟΥΡΓΙΑ ΜΟΝΤΕΛΟΥ.

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

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

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

Κάντε κλικ στο εικονίδιο με το γρανάζι στην κάτω αριστερή γωνία. Στις ρυθμίσεις αναδυόμενων παραθύρων, αλλάξτε το Πλάτος στο 90% του πλάτους της όψης (VW) Η Et θέση en Κέντρο-Κάτω.

Στη συνέχεια, σχεδιάστε το αναδυόμενο πρότυπό σας. Προσθέστε μια νέα ενότητα και επιλέξτε τη δομή των 5 στηλών. Στις ρυθμίσεις ενότητας, ορίστε το Πλάτος στο 950. Μπορείτε να παίξετε με τις ρυθμίσεις σας.

Για παράδειγμα, μπορείτε να μεταβείτε στην καρτέλα Στυλ για να ορίσετε το φόντο, μεταβείτε στην καρτέλα προηγμένες για να προσαρμόσετε το περιθώριο και πολλά άλλα.

Τώρα επιστρέψτε στις στήλες σας. Στην αριστερή στήλη, ορίστε το πλάτος στο 33%, και για τις υπόλοιπες τέσσερις, στο 16%.

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

Στα δεξιά, θα προσθέσουμε ένα γραφικό στοιχείο εικόνας. Μπορείτε να προσθέσετε εικόνες από μικρογραφίες/επιλεγμένες εικόνες αναρτήσεων ή να τις ανεβάσετε με μη αυτόματο τρόπο.

Τώρα η δομή είναι έτοιμη. Επιστρέψτε στο Ρυθμίσεις αναδυόμενων παραθύρων για να προσαρμόσετε κινούμενα σχέδια εισόδου, εξόδου και περιθωρίου. Σε αυτό το σεμινάριο, ορίσαμε την είσοδο σε Ξεθωριάζει και η έξοδος σε Ξεθωριάζει. Στη συνέχεια, μεταβείτε στην καρτέλα προηγμένες και ορίστε το περιθώριο σε 30 (κοινή τιμή για συνδέσμους).

Τώρα που το σχέδιο είναι έτοιμο, κάντε κλικ στο κουμπί ΔΗΜΟΣΙΕΥΣΗ για να ορίσετε συνθήκες εμφάνισης και σκανδαλισμούς. Για να ορίσετε την κατάσταση εμφάνισης, κάντε κλικ στο κουμπί ΠΡΟΣΘΗΚΗ ΣΥΝΘΗΚΗΣ και επιλέξτε την επιλογή σας από την αναπτυσσόμενη λίστα.

Καθώς θέλετε να εμφανίσετε την ετικέτα Popup by post, μπορείτε να ορίσετε τις ακόλουθες συνθήκες εμφάνισης (βλ. κινούμενη εικόνα).

Κάντε κλικ στο Επόμενο. Στην καρτέλα ωθήσεις, ρυθμίστε τη σκανδάλη σε Στην κύλιση γυρίζοντας το διακόπτη στο Ναί. Ορίστε το Tοποθεσία στα bas και τη Πλάτος πάνω από 95%. Επειδή θέλουμε το αναδυόμενο παράθυρο να εμφανίζεται όταν οι επισκέπτες φτάνουν στο τέλος του άρθρου μας.

Σε αυτό το σεμινάριο, δεν πρόκειται να ορίσουμε Προχωρημένους κανόνες. Κάντε κλικ λοιπόν ΑΠΟΘΗΚΕΥΣΕ ΚΑΙ ΚΛΕΙΣΕ. Λοιπόν, τώρα τελειώσαμε.

Ας δούμε πώς μοιάζει.

Εδώ μόλις ολοκληρώσατε το αναδυόμενο παράθυρο. Δείτε επίσης τα σχετικά άρθρα μας:

Κατεβάστε το Elementor Pro

Μοιραστείτε αυτό το άρθρο:

Μίκος Γκάρτνερ

Ο Mikhos Gartner είναι ειδικός στα ψηφιακά εργαλεία που αγοράζει, δοκιμάζει και εξετάζει εργαλεία SAAS για μικρές επιχειρήσεις. Βασιζόμενος στην πολυετή εμπειρία στον τομέα της τεχνολογίας, παρέχει διορατικές κριτικές. Το περιεχόμενό του καταναλώνεται ευρέως, εξυπηρετώντας εκατομμύρια χρήστες κάθε μήνα.