Η πλωτή πλευρική γραμμή είναι κάτι που βλέπετε στους περισσότερους ιστότοπους, αλλά σήμερα είστε εδώ για να μάθετε πώς να προσθέτετε μια πλωτή πλευρική γραμμή στο ιστολόγιο του WordPress . Οι κυμαινόμενες πλευρικές γραμμές χρησιμοποιούνται σε ιστότοπους για να τραβήξουν την προσοχή των επισκεπτών και η αιωρούμενη πλαϊνή γραμμή έχει πολύ υψηλό ποσοστό μετατροπών εάν χρησιμοποιείται με το γραφικό στοιχείο Εγγραφή^(Subscribe) .

Χρησιμοποιώ το γραφικό στοιχείο κινητής εγγραφής εδώ και πολύ καιρό και μπορώ να διαβεβαιώσω για το αποτέλεσμα. Λοιπόν, μπορείτε να το χρησιμοποιήσετε με οποιοδήποτε είδος γραφικού στοιχείου και όχι μόνο με το γραφικό στοιχείο εγγραφής. Μπορείτε να το χρησιμοποιήσετε για να προωθήσετε την τελευταία σας ανάρτηση, το Ebook ή τις εικόνες σας κ.λπ. Η πλωτή πλευρική γραμμή αυξάνει την ορατότητα ό,τι θέλετε να προωθήσετε στους επισκέπτες σας και σίγουρα τραβάει την προσοχή.

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

Πώς να προσθέσετε μια πλωτή πλευρική γραμμή στο Wordpress

Τώρα, αν θέλετε να προσθέσετε μια αιωρούμενη πλαϊνή γραμμή στο ιστολόγιο του WordPress , τότε πρέπει να εγκαταστήσετε αυτό το πρόσθετο που ονομάζεται σταθερό γραφικό στοιχείο Q2W3^{(Q2W3 Fixed Widget)} . Για να το εγκαταστήσετε από τον πίνακα διαχείρισης, μεταβείτε στις Plugins > Add New και, στη συνέχεια, αναζητήστε την προσθήκη. Εγκαταστήστε^(Install) και ενεργοποιήστε^(Activate) το πρόσθετο, ώστε να ξεκινήσετε να το χρησιμοποιείτε.

Αφού ενεργοποιήσετε την προσθήκη, μεταβείτε στην επιλογή Appearance > Widgets και μέσα στην πλαϊνή γραμμή σας κάντε κλικ στο γραφικό στοιχείο που θέλετε να κάνετε κολλώδες. Απλώς επιλέξτε το μικρό πλαίσιο κοντά στην επιλογή Διορθωμένο^(Fixed) γραφικό στοιχείο και, στη συνέχεια, κάντε κλικ στην αποθήκευση και θα έχετε μια ωραία αιωρούμενη πλαϊνή γραμμή, αρκετά εύκολα πράγματα.

Τρόπος ρύθμισης παραμέτρων του Διορθωμένου γραφικού στοιχείου

Μην ενθουσιαστείτε επειδή υπάρχουν περισσότερα στο σταθερό γραφικό στοιχείο Q2W3^{(Q2W3 Fixed Widget)} , μεταβείτε στην επιλογή Appearance > Fixed Widget Επιλογές^(Options) σταθερών γραφικών στοιχείων για να διαμορφώσετε την προσθήκη. Σε αυτήν τη σελίδα, μπορείτε να ορίσετε περιθώριο, να απενεργοποιήσετε την προσθήκη για κινητές συσκευές και μπορείτε ακόμη και να δημιουργήσετε ένα προσαρμοσμένο αναγνωριστικό HTML^{(HTML ID)} . Λοιπόν^(Well) , ας μπούμε στις λεπτομέρειες του καθενός.

Το Margin Top θα πρέπει να ρυθμιστεί ανάλογα με το χώρο που χρειάζεστε μεταξύ της αιωρούμενης πλαϊνής γραμμής και του επάνω περιθωρίου, παρομοίως, το Margin Bottom πρέπει να οριστεί σύμφωνα με τις ανάγκες σας.

Ένα πράγμα που θα ήθελα να μοιραστώ εδώ είναι ότι το Margin Bottom πρέπει να ρυθμιστεί έτσι ώστε να μην επικαλύπτεται με το υποσέλιδο σας. Τέλος πάντων^(Anway) , ελέγξτε διαφορετικές τιμές και μόλις είστε ικανοποιημένοι με το αποτέλεσμα κάντε κλικ για αποθήκευση.

Εάν θέλετε να απενεργοποιήσετε την προσθήκη για κινητές συσκευές, απλώς πληκτρολογήστε την τιμή του πλάτους οθόνης κάτω από την οποία θα απενεργοποιηθεί η προσθήκη στα Απενεργοποίηση πλάτους^(Width) και Απενεργοποίηση ύψους^{(Diable Height)} . Σημειώστε ότι και οι δύο τιμές είναι απαραίτητες εάν θέλετε να απενεργοποιήσετε την προσθήκη για συγκεκριμένο ύψος και πλάτος.

Τα προσαρμοσμένα αναγνωριστικά HTML^{(Custom HTML IDs)} είναι επίσης διαθέσιμα εάν το ύψος του υποσέλιδου αλλάζει σελίδα σε σελίδα, τότε για να διορθώσετε το πρόβλημα επικάλυψης θα πρέπει να χρησιμοποιήσετε το  αναγνωριστικό ετικέτας HTML . Λοιπόν^(Well) , το κοντέινερ υποσέλιδου θέματος έχει ένα αναγνωριστικό, για παράδειγμα  , το κοντέινερ υποσέλιδου του προεπιλεγμένου θέματος Twenty Sixteen έχει ένα id=”colophon”. Στα προσαρμοσμένα αναγνωριστικά HTML^{(Custom HTML IDs)} , πρέπει να εισαγάγω μόνο colophon, χωρίς άλλα σύμβολα! Και το Floating sidebar θα λειτουργήσει τέλεια.

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

Έχετε κάποιες προτάσεις ή ιδέες σχετικά με το σταθερό widget; Ενημερώστε με καθώς οι προτάσεις είναι ευπρόσδεκτες.

How to Add a Floating Sidebar in Wordpress

Floating sidebar is something which you see on most of the websites but today you are here to learn how to add a floating sidebar in WordPress blog. Floating sіdebars are used in websites to grab the visitors attention and floating ѕidebar have a νery high conversion rate if used with the Subscribe widget.

I am using the floating subscribe widget from a long time and I can assure of its result. Well, you can use this with any kind of widget not just with the subscribe widget. You can use it to promote your latest post, Ebook or images etc. Floating sidebar increase the visibility of whatever you want to promote to your visitors and it surely grabs attention.

Before moving any further I would like to tell you that sometimes using sidebar can really hamper your visitor’s retention rate because it messes with the overall experience of the visitor. So you should always use a plain and simple design widget when using with floating sidebar.

How to Add a Floating Sidebar in Wordpress

Now if you want to add a floating sidebar in WordPress blog then you must install this plugin called Q2W3 Fixed Widget. To install it from your admin panel, go to Plugins > Add New then search the plugin. Install and Activate the plugin, so that you can start using it.

After activating the plugin, go to Appearance > Widgets and inside your sidebar click on the widget that you want to make sticky. Just check the little box near Fixed widget option then click save and you will have a nice floating sidebar, pretty easy stuff.

How to configure the Fixed Widget

Don’t get to excited because there is more to the Q2W3 Fixed Widget, go to Appearance > Fixed Widget Options to configure the plugin. On this page, you can set margin, disable the plugin for mobile devices and you can even create a custom HTML ID. Well, let’s get into the details of each one.

Margin Top should be set according to how much space you need between your floating sidebar and the top margin similarly Margin Bottom must be set according to your needs.

One thing I would like to share here is that Margin Bottom must be set so that it doesn’t overlap with your footer. Anway check different values and once you are satisfied with the result click to save.

If you want to disable the plugin for mobile devices just type the value of the screen width below which the plugin will disable in Disable Width and Diable Height. Note that both the values are necessary if you want to disable the plugin for a particular height & width.

Custom HTML IDs are also available if your footer height change page to page then to fix the overlapping issue you should use  HTML tag id. Well, theme footer container has an id for example Twenty Sixteen default theme’s footer container has an id=”colophon”.  In the Custom HTML IDs, I need to enter just colophon, without any other symbols! And Floating sidebar will work perfectly.

I hope this article was helpful to you and you were successfully able to learn how to Add a Floating Sidebar in Wordpress blog without any issues. If you still have any question regarding this guide please feel free to ask them in comments.

Have some suggestions or ideas about fixed widget? Let me know as suggestions are welcome.

Related posts

• Πώς να μετακινήσετε ιστότοπο WordPress από έναν κεντρικό υπολογιστή σε άλλο

• Πώς να εγκαταστήσετε και να ρυθμίσετε το WordPress στο Microsoft Azure

• Πώς να εκτελέσετε απίστευτα γρήγορο WordPress στο Microsoft Azure

• Πώς να ρυθμίσετε το απόρρητο στο WordPress και γιατί είναι σημαντικό

• Πώς να εγκαταστήσετε το WordPress στην πλατφόρμα Google Cloud

• Πώς να προστατέψετε με κωδικό πρόσβασης σελίδες στον ιστότοπό σας στο WordPress

• Πώς να δημιουργήσετε τον δικό σας ιστότοπο που μοιάζει με Twitter χρησιμοποιώντας το θέμα P2 του WordPress

• Πώς να εγκαταστήσετε ένα θέμα στο WordPress

• Πώς να μεταβείτε από τον κλασικό επεξεργαστή WordPress στο Gutenberg

• Πώς να εγκαταστήσετε έναν ιστότοπο δοκιμής WordPress στον υπολογιστή σας

• Οδηγός WordPress Gutenberg: Πώς να χρησιμοποιήσετε το νέο πρόγραμμα επεξεργασίας

• Πρέπει να έχετε ρυθμίσεις WordPress Yoast SEO 2022

• Πώς να αντιγράψετε μια σελίδα στο WordPress

• 9 Πρόσθετα που πρέπει να έχετε για νέες εγκαταστάσεις WordPress

• Πώς να δημιουργήσετε αντίγραφα ασφαλείας του ιστότοπού σας WordPress

• Πώς να επιταχύνετε οποιονδήποτε ιστότοπο WordPress χρησιμοποιώντας .HTACCESS

• Κριτική βιβλίου: Δημιουργήστε τον δικό σας ιστότοπο: Ένας οδηγός κόμικ για HTML, CSS και Wordpress

• Το WordPress εμφανίζει Σφάλμα HTTP κατά τη μεταφόρτωση εικόνων

• Πώς να αφαιρέσετε κακόβουλο λογισμικό από τον ιστότοπό σας στο WordPress

• Πώς να επιταχύνετε έναν ιστότοπο WordPress σε 11 βήματα