Een zwevende zijbalk toevoegen in Wordpress
Diversen / / November 28, 2021
Zwevende zijbalk is iets dat u op de meeste websites ziet, maar vandaag bent u hier om te leren hoe u een zwevende zijbalk kunt toevoegen aan een WordPress-blog. Zwevende zijbalken worden op websites gebruikt om de aandacht van bezoekers te trekken en zwevende zijbalken hebben een zeer hoge conversieratio als ze worden gebruikt met de widget Abonneren.
![Een zwevende zijbalk toevoegen in WordPress](/f/c1e82a0b2eacd54201d05f6d1829d711.jpg)
Ik gebruik de zwevende abonneerwidget al heel lang en ik kan het resultaat verzekeren. Welnu, je kunt dit met elk soort widget gebruiken, niet alleen met de abonneer-widget. U kunt het gebruiken om uw laatste bericht, e-boek of afbeeldingen enz. te promoten. Drijvende zijbalk vergroot de zichtbaarheid van alles wat u bij uw bezoekers wilt promoten en het trekt zeker de aandacht.
Voordat ik verder ga, wil ik je vertellen dat het gebruik van de zijbalk soms de retentiegraad van je bezoeker echt kan belemmeren, omdat het de algehele ervaring van de bezoeker verstoort. U moet dus altijd een duidelijke en eenvoudige ontwerpwidget gebruiken wanneer u de zwevende zijbalk gebruikt.
Inhoud
- Een zwevende zijbalk toevoegen in WordPress
- Hoe de vaste widget te configureren
Een zwevende zijbalk toevoegen in WordPress
Als u nu een zwevende zijbalk in WordPress-blog wilt toevoegen, moet u deze plug-in installeren met de naam Q2W3 Vaste widget. Om het vanuit uw beheerderspaneel te installeren, gaat u naar Plug-ins > Nieuwe toevoegen en doorzoekt u de plug-in. Installeer en activeer de plug-in, zodat u deze kunt gaan gebruiken.
Ga na het activeren van de plug-in naar Uiterlijk > Widgets en klik in je zijbalk op de widget die je plakkerig wilt maken. Vink gewoon het kleine vakje bij de optie Vaste widget aan en klik vervolgens op Opslaan en je hebt een mooie zwevende zijbalk, vrij eenvoudige dingen.
![Vaste widgetoptie in primaire zijbalk](/f/cc3ebcf54e233c2c2e0b29adb15b6367.png)
Hoe de vaste widget te configureren
Raak niet opgewonden, want er is meer aan de Q2W3 Fixed Widget, ga naar Uiterlijk > Fixed Widget-opties om de plug-in te configureren. Op deze pagina kunt u de marge instellen, de plug-in voor mobiele apparaten uitschakelen en zelfs een aangepaste HTML-ID maken. Welnu, laten we ingaan op de details van elk ervan.
![vaste widget-opties](/f/71e8406bd8d735a47ca66fc9b63f40ab.png)
Margin Top moet worden ingesteld op basis van hoeveel ruimte u nodig heeft tussen uw zwevende zijbalk en de bovenmarge, op dezelfde manier moet Margin Bottom worden ingesteld op basis van uw behoeften.
Een ding dat ik hier wil delen, is dat Margin Bottom zo moet worden ingesteld dat het niet overlapt met je voettekst. Controleer verschillende waarden en als u tevreden bent met het resultaat, klikt u om op te slaan.
Als u de plug-in voor mobiele apparaten wilt uitschakelen, typt u gewoon de waarde van de schermbreedte waaronder de plug-in zal uitschakelen in Breedte uitschakelen en Hoogte uitschakelen. Merk op dat beide waarden nodig zijn als u de plug-in voor een bepaalde hoogte en breedte wilt uitschakelen.
Aangepaste HTML-ID's zijn ook beschikbaar als de hoogte van uw voettekst van pagina naar pagina verandert. Om het overlappende probleem op te lossen, moet u de HTML-tag-ID gebruiken. Welnu, de voettekstcontainer van het thema heeft een id, bijvoorbeeld Twenty Sixteen-voettekstcontainer van het standaardthema heeft een id=”colofon”. In de Custom HTML ID's hoef ik alleen colofon in te voeren, zonder andere symbolen! En de zwevende zijbalk werkt perfect.
Ik hoop dat dit artikel je heeft geholpen en dat je met succes hebt kunnen leren hoe je zonder problemen een zwevende zijbalk in een WordPress-blog kunt toevoegen. Als je nog vragen hebt over deze gids, stel ze dan gerust in de comments.
Heeft u suggesties of ideeën over een vaste widget? Laat het me weten, suggesties zijn welkom.