Kelluva sivupalkki on jotain, jonka näet useimmilla verkkosivustoilla, mutta tänään olet täällä oppimassa lisäämään kelluvaa sivupalkkia WordPress - blogiin. Kelluvia sivupalkkeja käytetään verkkosivustoilla vierailijoiden huomion kiinnittämiseen, ja kelluvalla sivupalkilla on erittäin korkea tulosprosentti, jos sitä käytetään Tilaa^(Subscribe) - widgetin kanssa.

Olen käyttänyt kelluvaa tilaus-widgetiä pitkään ja voin olla varma sen tuloksesta. No, voit käyttää tätä minkä tahansa widgetin kanssa, ei vain tilauswidgetin kanssa. Voit käyttää sitä mainostaaksesi viimeisintä viestiäsi, e- kirjaasi^(Ebook) tai kuviasi jne. Kelluva sivupalkki lisää kaiken näkyvyyttä vierailijoille, ja se varmasti kiinnittää huomion.

Ennen kuin siirryt pidemmälle, haluaisin kertoa sinulle, että joskus sivupalkin käyttö voi todella haitata vierailijasi pysyvyyttä, koska se sotkee ​​vierailijan yleisen kokemuksen. Joten sinun tulee aina käyttää tavallista ja yksinkertaista suunnitteluwidgetiä, kun käytät kelluvaa sivupalkkia.

Kelluvan sivupalkin lisääminen Wordpressiin^(Wordpress)

Jos nyt haluat lisätä kelluvan sivupalkin WordPress - blogiin, sinun on asennettava tämä Q2W3 Fixed Widget -laajennus . Asenna se hallintapaneelista siirtymällä kohtaan Plugins > Add New ja etsi sitten laajennus. Asenna^(Install) ja aktivoi^(Activate) laajennus, jotta voit aloittaa sen käytön.

Kun olet aktivoinut laajennuksen, siirry kohtaan Appearance > Widgets ja napsauta sivupalkin sisällä widgetiä, josta haluat kiinnittää. Valitse vain pieni ruutu Fixed widget -vaihtoehdon vieressä ja napsauta sitten Tallenna, niin sinulla on mukava kelluva sivupalkki, melko helppoa tavaraa.

Kiinteän widgetin määrittäminen

Älä innostu, koska Q2W3 Fixed Widgetissä^{(Q2W3 Fixed Widget)} on enemmänkin, vaan määritä laajennus valitsemalla Appearance > Fixed Widget Options . Tällä sivulla voit asettaa marginaalin, poistaa laajennuksen käytöstä mobiililaitteissa ja voit jopa luoda mukautetun HTML-tunnuksen^{(HTML ID)} . No^(Well) , mennään jokaisen yksityiskohtiin.

Margin Top tulee asettaa sen mukaan, kuinka paljon tilaa tarvitset kelluvan sivupalkin ja ylämarginaalin väliin, samoin Margin Bottom on asetettava tarpeidesi mukaan.

Yksi asia, jonka haluan jakaa tässä, on se, että Margin Bottom on asetettava niin, että se ei mene päällekkäin alatunnisteen kanssa. Tarkista^(Anway) joka tapauksessa eri arvot ja kun olet tyytyväinen tulokseen, napsauta tallentaaksesi.

Jos haluat poistaa laajennuksen käytöstä mobiililaitteissa, kirjoita vain näytön leveyden arvo, jonka alapuolella laajennus poistaa käytöstä Disable Width ja Disable Height -kohtaan^{(Diable Height)} . Huomaa, että molemmat arvot ovat välttämättömiä, jos haluat poistaa laajennuksen käytöstä tietyltä korkeudelta ja leveydeltä.

Muokatut HTML-tunnukset^{(Custom HTML IDs)} ovat myös saatavilla, jos alatunnisteen korkeus vaihtuu sivulta toiselle. Korjaa päällekkäinen ongelma käyttämällä  HTML -tunnistetunnusta. No^(Well) , teeman alatunnistesäiliöllä on tunnus esimerkiksi  Twenty Sixteen oletusteeman alatunnistesäiliössä on id=”colofoni”. Muokatuissa HTML-tunnuksissa^{(Custom HTML IDs)} minun on syötettävä vain colophon ilman muita symboleja! Ja kelluva sivupalkki toimii täydellisesti.

Toivon, että tämä artikkeli oli hyödyllinen sinulle ja opit onnistuneesti lisäämään kelluvan sivupalkin Wordpress - blogiin ilman ongelmia. Jos sinulla on vielä kysyttävää tästä oppaasta, voit kysyä niitä kommenteissa.

Onko sinulla ehdotuksia tai ideoita kiinteästä widgetistä? Kerro minulle, koska ehdotuksia otetaan vastaan.

How to Add a Floating Sidebar in Wordpress

Floating sidebаr is sоmething which you see on most of the websіtes but todаy you are here to learn hоw tо add a floаting sidebar in WordPress blog. Floating sidebаrs are used in websites to grab the visitors attention and floating sidebar have a very high convеrsion rate іf 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-sivuston siirtäminen isännästä toiseen

• Kuinka asentaa ja määrittää WordPress Microsoft Azuressa

• Kuinka ajaa äärimmäisen nopeaa WordPressiä Microsoft Azuressa

• Tietosuojan määrittäminen WordPressissä ja miksi se on tärkeää

• Kuinka asentaa WordPress Google Cloud Platformiin

• Lapsiteeman luominen WordPressissä

• 8 ilmaista Premium WordPress-teemaa asennettavaksi

• Kuinka asentaa teema WordPressiin

• 3 parasta SEO-laajennusta WordPressille

• Kuinka käyttää Lumen5:tä blogitekstin muuttamiseksi videoksi

• Kuinka perustaa oma Twitterin kaltainen verkkosivusto käyttämällä WordPressin P2-teemaa

• Kuinka suojata salasanalla sivuja WordPress-sivustollasi

• 7 WordPress-vinkkiä mobiiliystävälliseen verkkosivustoon

• Kuinka rakentaa Wix-blogi, joka on yhtä hyvä kuin WordPress

• Kuinka tehdä WordPress-sivustosta suojattu

• Kuinka löytää WordPress-järjestelmänvalvojan kirjautuminen

• Paras blogin kirjoitusmuoto pisteiden keräämiseen

• 9 pakollista lisäosaa uusia WordPress-asennuksia varten

• Ohjaa käyttäjät 404-sivulta WordPressissä

• WordPress Gutenberg -opastus: Uuden editorin käyttäminen