Kuinka tehdä Takaisin alkuun -painike WordPressissä
Oletko suunnitellut tehdä sivustostasi vierailijoidesi saavutettavimman? Takaisin alkuun -painikkeen lisääminen WordPress-blogiisi voi tehdä tempun. Tämä pätee erityisesti, jos blogisi vaatii paljon vieritystä sisällön katselun aikana.
Tässä opetusohjelmassa näytämme, kuinka voit asentaa takaisin alkuun -painikkeen blogiisi kahdella eri laajennuksella – WPFront Scroll Top ja GP Back To Top -laajennuksella. Ensimmäinen sisältää runsaasti vaihtoehtoja täyden laajennuksen mukauttamiseen, kun taas toinen on helpompi käyttää.
Mikä on Takaisin alkuun -painike?
Pohjimmiltaan Takaisin alkuun -painike tulee useimmiten nuolen tai tekstin muodossa, joka näkyy tekstin alareunassa, kun käyttäjä vierittää sivua alaspäin. Tämän painikkeen napsauttaminen tuo käyttäjän takaisin sivun alkuun. Se voi olla erityisen hyödyllinen niille, jotka haluavat selata verkkosivustoja matkapuhelimillaan. Monet ihmiset käyttävät tahmeaa valikkoa helpottaakseen verkkosivustolla liikkumista, mutta Takaisin alkuun -painike voi olla lisäominaisuus, joka auttaa lukijoitasi edelleen selatessaan sivuasi.
Mitä tulee tyyliin, tämän painikkeen tulee olla riittävän näkyvä, jotta se kiinnittää vierailijan huomion. Sen ei kuitenkaan pitäisi olla liian suuri tai ylikorostettu, jotta se ei häiritsisi käyttäjiä liikaa. Hyvä esimerkki siitä, miltä tämän painikkeen pitäisi näyttää verkkosivustolla, on Dalia WordPress -mallissa.
Takaisin alkuun -painikkeen asentaminen WPFront Scroll Top -laajennuksella
Kun olet asentanut sen, löydät laajennuksen hallintapaneelin Asetukset-välilehdeltä nimellä Scroll Top.
Jos haluat aktivoida sen, muista valita Ota käyttöön -valintaruutu ennen kuin teet mitään muuta. Myöhemmin voit asettaa Scroll Offset, eli pikselien määrän ennen kuin painike tulee näkyviin. Voit myös säätää mittoja, jotka haluat painikkeellasi olevan.
Button Opacity on myös loistava vaihtoehto, jonka avulla voit saada painikkeen näyttämään kirkkaammalta, kun se ei ole aktiivinen. Tämä antaa sille mukavan animaatiovaikutelman.
Kun valitset Automaattinen piilotus -vaihtoehdon ja kirjoitat sekuntien määrän Automaattinen Piilota jälkeen -ruutuun, painike katoaa määrittämäsi käyttämättömyysajan jälkeen ja tulee uudelleen näkyviin, kun siirrät hiiren osoitinta uudelleen.
WPFront Scroll Top -laajennuksen avulla käyttäjät voivat myös säätää painikkeen asentoa, ja se sisältää jopa vaihtoehtoja pienille laitteille.
Halutessasi voit asettaa Takaisin alkuun -painikkeen näkymään vain määrittämilläsi sivuilla. Voit tehdä tämän valitsemalla Sisällytä seuraaville sivuille ja merkitsemällä kaikki niiden sivujen valintaruudut, joilla haluat painikkeesi näkyvän.
WPFront Scroll Top -laajennus sisältää myös suuren määrän kuvia, joiden avulla voit säätää painikkeen tyyliä vastaamaan verkkosivustosi teemaa. Jos mikään tämän luettelon kuvista ei toimi sinulle, voit myös valita jonkin omastasi. Tätä varten sinun on ensin lisättävä kuva Mediakirjastoon, jotta se näkyy käytettävissä olevien kuvapainikkeiden luettelossa. Toinen vaihtoehto on lisätä kuva lisäämällä mukautettu URL-osoite.
Kun määrität kaikki laajennusvaihtoehdot ja valitset kuvapainikkeen, varmista, että napsautat Tallenna muutokset.
GP Back To Top -laajennuksen käyttäminen
Jos et ole lukemattomia asetuksia sisältävien lisäosien fani ja pidät enemmän yksinkertaisesta mutta suoraviivaisesta lähestymistavasta, GB Back To Top Plugin on sinua varten.
Asennuksen jälkeen voit käyttää sitä valitsemalla Asetukset > GP Takaisin alkuun hallintapaneelissasi.
Kuten olemme jo korostaneet, GP Pluginin asetuksia on helppo käsitellä. Mutta mikä tärkeintä, itse laajennus toimii hyvin. On vain asetuksia, joiden avulla voit säätää vaihtoehtoja, kuten painikkeen kokoa, kirjasinkokoa ja taustaväriä.
Kun otat takaisin alkuun -painikkeen sivullasi tällä laajennuksella, se näyttää tältä:
