WordPress-sivustojen sivupalkki on näkyvästi esillä sivustosi yläosassa.
Kun sisällöstä tulee pitkämuotoista, verkkosivustojen tärkein kiinteistö ei ole huipulla. Se on paljon alempana sivua.
WordPressin kelluvat (tai tahmeat) sivupalkit pitävät ensisijaisen kiinteistösi näytöllä, jos haluat todella parantaa mittareitasi, olipa kyseessä sitten raha, sähköpostin valinta, kumppanitarjousten napsautukset tai mikä tahansa tavoitteesi.
Edellyttäen, että se on pöytäkoneessa, tabletissa tai PC:ssä.
Onneksi kelluvan sivupalkin lisääminen WordPress-sivustollesi on yksinkertaista. Sinun tarvitsee vain yksi yksinkertainen WordPress-laajennus.
Lue eteenpäin saadaksesi selville, mikä se on!
Kuinka saada kelluva sivupalkki WordPress-verkkosivustollesi?
Ilmaisen 'Q2W3 Fixed Widgetin' asentaminen lisää kelluvan sivupalkkitoiminnon useimpiin WP-teemoihin, joissa on vasen, oikea tai kaksinkertainen sivupalkki. Asennus on äärimmäisen yksinkertaista, ja tarttuvat sivupalkit määritetään muutamassa minuutissa, olipa kyse sitten pöytäkoneista tai jopa mobiililaitteista.
bea binene ja jake vargas
Q2W3 Fixed Sidebar -laajennuksen asentaminen, aktivointi ja määrittäminen
Napsauta 'Plugins' ja kirjoita 'Q2W3' (ilman lainausmerkkejä) näytön oikeassa yläkulmassa olevaan hakupalkkiin ja paina Enter.
Ensimmäinen tulos on yleensä oikea.
Q2W3 Fixed Widget WordPressille Thomas Maierilta ja Max Bondilta.
Paina 'Asenna nyt' ja napsauta sitten 'Aktivoi'.
Se näkyy aktiivisten laajennusten sivullasi. Jos sinua ei uudelleenohjata tälle sivulle automaattisesti, napsauta vasemman navigointipalkin liitännäislinkkiä.
Napsauta Asetukset.
Nämä ovat yleisiä asetuksia, mikä tarkoittaa, että ne vaikuttavat jokaiseen sivupalkin kelluvaan widgetiin. Et voi asettaa näitä yksilötasolla.
Tarkoituksena on lisätä pieni CSS, joka ohjaa etäisyyttä sivustosi ylä- ja alareunasta tai poistaa ne kokonaan käytöstä mobiililaitteissa.
Jos et muuta näitä, voit löytää kelluvan sivupalkin päällekkäin alatunnistealueen kanssa.
'Marginaalin yläosa' ja 'Marginaali alaosa' -kentissä voit lisätä sivupalkin, otsikon (margin-top) ja alatunnisteen (margin-bottom) väliä.
Ne vaihtelevat logosi, ylä- ja alatunnisteen koosta riippuen.
Stop ID -elementti on samanlainen kuin alamarginaali, mutta sen sijaan, että se jatkaisi kellumista, kunnes alatunniste saavutetaan, voit asettaa sivusi HTML-elementin pisteeksi, jolla se pysäyttää sen vierityksen.
Tämä on kätevää, jos sinulla on ehkä pitkä myyntisivu, jonka lopussa on suuri yhteydenottolomake tai lähetysalue, jota käytetään liidien luomiseen, tai CPA-tarjous.
Käytä selaimesi tarkistustyökalua löytääksesi tähän syötettävän tunnuksen. Useimmissa selaimissa on 'tarkista' -vaihtoehto hiiren kakkospainikkeen valikossa.
Löytääksesi ID-elementin, napsauta hiiren kakkospainikkeella selaimessasi ja valitse 'tarkista' -vaihtoehto.
Tämä avaa jaetun näytön näkymän, jossa sivustosi toisella puolella ja HTML-tyylielementit toisella puolella.
Yllä olevassa kuvakaappauksessa näet, että korostettu elementti vasemmalla on 'syötön jälkeen' -widget-alue. Oikealla korostetulla alueella näkyy, että tunnus on 'custom_HTML-7'.
Jos haluat pysäyttää kelluvan sivupalkin vierimisen heti, kun elementti latautuu, se on tunnus, joka laitetaan Stop ID -kenttään yleisissä asetuksissa.
Missä tahansa haluat widgetin lopettavan vierityksen, korosta alue sivustollasi, napsauta hiiren kakkospainikkeella, valitse Tarkasta ja etsi tunnus ja sijoita tiedot Lopeta tunnus -kenttään Q2W3:lle.
Päivitysväliksi on asetettu oletusarvoisesti 1500 millisekuntia, ja se on hyvä jättää sellaiseksi. Ainoat kaksi muuta muutettavaa kenttää ovat 'Disable Width' ja 'Disable Height'.
Nämä poistavat vieritysominaisuuden käytöstä vain, JOS asetat arvot. Laajennus on responsiivinen, mutta mobiililaitteella widgetit pinotaan sisältösi alle sivupalkissa näkymisen sijasta.
Paremman käyttökokemuksen saamiseksi poista ne käytöstä pienemmillä näytöillä.
- Jos haluat poistaa käytöstä mobiililaitteella, aseta tämä pois päältä noin 500 pikseliksi. Useimpien älypuhelimien enimmäisleveys on 414 pikseliä.
- Jos haluat poistaa käytöstä myös pienemmissä tableteissa, aseta poiston leveydeksi noin 750 px.
- Suuremmat tabletit pystyvät hallitsemaan noin 990 pikselin näytön leveyttä.
- Kannettavien ja pöytätietokoneiden näytön koko on 1 440 pikseliä tai enemmän.
Loput yleiset yhteensopivuuden asetukset ovat olemassa vianmääritystä varten.
Kun olet määrittänyt yleiset asetukset, määritä, mitkä widgetit haluat liimata sivupalkkiin.
Kun palaat nyt takaisin widgetteihisi, jokaisessa on painike, jonka voit tarkistaa tehdäksesi siitä 'kiinteän widgetin', mikä tarkoittaa, että se kelluu sivupalkissasi, kunnes se saavuttaa yleisissä asetuksissa määrittämäsi parametrit.
Ilman kelluvaa sivupalkkia, kun käyttäjät saapuvat sivun alaosaan, siellä on vain tyhjää tilaa.
Kun widgetit on kiinnitetty paikalleen, sivupalkin sisältö pysyy näkyvissä. Alla olevasta kuvasta näet, että sivut-osio (asetettu kiinteäksi widgetiksi) kelluu alas sivupalkkia sivun alaosaan, mutta ei niin pitkälle, että se rullaa alatunnisteosaan.
Jotta alatunnisteeseen rullaaminen estetään, tälle teemalle tarvittava 'Margin Bottom' on asetettu 430 pikseliin.
Jos sitä ei aseteta yleisissä asetuksissa, se jatkaisi vieritystä aiheuttaen päällekkäisyyden alatunnisteen sisällön kanssa.
Tämä täyte on hyvä työpöydällä, mutta pienemmillä näytöillä, koska Q2W3 on responsiivinen laajennus, sivupalkki putoaa sisällön alapuolelle.
Mobiilivierityksen päällekkäisyyden estämiseksi sinun on lopetettava sivupalkin vieritys Stop ID -toiminnolla heti, kun sivun alin ID-elementti latautuu näytölle.
Sama päällekkäisyysongelma ilmenee, jos korjaat widgetien sijainnin sellaisten widgetien yläpuolelle, jotka eivät ole paikallaan.
Kaikki kiinteät widgetisi on sijoitettava niiden alle, joita ei ole asetettu kellumaan. Tässä tapauksessa sivut-osio on siirrettävä ensisijaisen sivupalkin alaosaan.
Voinko tehdä kelluvan painikkeen sivupalkkiin?
Jos haluat vain kelluvan painikkeen kelluvan sivupalkin sijaan, on olemassa laajennus nimeltä Floating Action Button, joka saattaa sopia paremmin.
Se voidaan tehdä Q2W3 Fixed Widget -laajennuksella. Lisää kuva-widget, valitse kuva mediagalleriasta ja käytä 'linkki:' -kenttää hyperlinkin luomiseen.
Puhelinprotokolla tekee puhelinnumeroista klikattavia. Muita tel-protokollan korvaavia koodeja ovat 'callto' Skype-puheluille, 'wa.me
gilas vs Kiina -suoratoisto
Voidaanko kelluvasta sivupalkista tehdä dynaaminen?
Q2W3 on kätevä WordPressin kelluville sivupalkeille, mutta se ei (tällä hetkellä) tue dynaamista sisältöä, mikä tarkoittaa, että kun kiinnität widgetit paikoilleen, niitä käytetään koko sivustolla.
Se on yhteensopiva Widget Options -laajennuksen kanssa, jonka avulla voit hallita, mitkä widgetit näytetään sivu-, luokka- ja/tai viestikohtaisesti.
Yhdistä nämä kaksi laajennusta, niin voit tehdä sivupalkeistasi dynaamisia, reagoivia ja tahmeita. Nämä kaksi laajennusta ovat tehokas pino käyttäjien sitoutumisen lisäämiseen ja konversioiden kasvattamiseen.