{"id":25957,"date":"2021-06-17T15:32:00","date_gmt":"2021-06-17T12:32:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25957"},"modified":"2021-10-17T20:15:43","modified_gmt":"2021-10-17T17:15:43","slug":"kuinka-lisata-tarrapainikkeita-wordpress-verkkosivustolle","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-lisata-tarrapainikkeita-wordpress-verkkosivustolle\/","title":{"rendered":"Kuinka lis\u00e4t\u00e4 tarrapainikkeita WordPress-verkkosivustolle"},"content":{"rendered":"<p>Haluatko lis\u00e4t\u00e4 tahmeat painikkeet WordPress-sivustoosi? K\u00e4ytt\u00e4m\u00e4ll\u00e4 tahmea toimintopainikkeita, k\u00e4ytt\u00e4j\u00e4 voi helposti saada verkkosivustoon liittyvi\u00e4 tietoja. N\u00e4m\u00e4 tiedot voivat olla s\u00e4hk\u00f6postiosoitteesi, puhelinnumerosi, sijainti Google-kartalla, linkit sosiaalisiin verkostoihin jne. T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4n sinulle, kuinka lis\u00e4t\u00e4 tahmeat painikkeet WordPress-verkkosivustoosi.<\/p>\n<p>Tahmeat toimintopainikkeet toimivat kuin kelluva widget. N\u00e4m\u00e4 painikkeet lukitaan, vaikka k\u00e4ytt\u00e4j\u00e4 vieritt\u00e4isi yl\u00f6s tai alas. Se n\u00e4ytt\u00e4\u00e4 hyv\u00e4lt\u00e4 verkkosivustolta ja tekee siit\u00e4 k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llisemm\u00e4n. Tarrapainikkeiden lis\u00e4\u00e4minen parantaa tuloksia ja vierailijoiden sitoutumista.<\/p>\n<h3>Alku<\/h3>\n<p>Voit lis\u00e4t\u00e4 tahmeat painikkeet WordPressiin kahdella tavalla. Yksi tapa on rakentaa koodi tyhj\u00e4st\u00e4 ja toinen on k\u00e4ytt\u00e4\u00e4 laajennusta. T\u00e4ss\u00e4 opetusohjelmassa aion k\u00e4ytt\u00e4\u00e4 laajennusta. Syy on ilmeinen, jos saamme hyv\u00e4n laajennuksen, joka pystyy suorittamaan pienen teht\u00e4v\u00e4mme, miksi tuhlata aikaa sen rakentamisesta tyhj\u00e4st\u00e4.<\/p>\n<p>Koodaaminen on j\u00e4rkev\u00e4\u00e4, jos haluat luoda suuren ja monimutkaisen toiminnallisuuden. T\u00e4llaisissa tapauksissa laajennukset eiv\u00e4t v\u00e4ltt\u00e4m\u00e4tt\u00e4 sovi k\u00e4ytt\u00f6\u00f6si, ja on parasta olla luottamatta niihin, koska niiden p\u00e4ivitykset saattavat rikkoa toiminnallisuutta. Mutta t\u00e4llaisissa pienemmiss\u00e4 teht\u00e4viss\u00e4 (tahmeat painikkeet) voit luottaa laajennuksiin.<\/p>\n<p><strong>WP Sticky<\/strong> on yksi tehokkaimmista laajennuksista tarttuvien elementtien lis\u00e4\u00e4miseksi verkkosivustollesi. Se on siisti pieni laajennus, jonka avulla voit lis\u00e4t\u00e4 <strong>rajoittamattoman m\u00e4\u00e4r\u00e4n tahmeita elementtej\u00e4<\/strong>, jotka ovat yhteensopivia kaikkien teemojen, laajennusten ja sivunrakentajien kanssa, ja koko toimenpide voidaan suorittaa muutamassa minuutissa. H\u00e4n korostaa prosessin yksinkertaisuutta, joten koko menettely koostuu:<\/p>\n<ul>\n<li>Nime\u00e4 elementtisi<\/li>\n<li>Siirr\u00e4 ja napsauta Valitse kohde -painiketta<\/li>\n<li>Valitse haluamasi elementti, jonka haluat tehd\u00e4 tahmeaksi<\/li>\n<li>Napsauttamalla Tallenna muutokset<\/li>\n<\/ul>\n<p>Ja siin\u00e4 on melkein kaikki &#8211; valittu kohde on nyt liitetty sivustoosi. Mukana on melko v\u00e4h\u00e4n <strong>asetuksia<\/strong>, joten voit leikki\u00e4 tahmean elementin peitt\u00e4vyydell\u00e4, valita Fade-in- tai Slide down -tehosteen, asettaa vieritysalueen ja paljon muuta. Lis\u00e4ksi voit asettaa ihanteellisesti erilaisia \u200b\u200basetuksia verkkosivustosi vaatimusten mukaisesti &#8211; voit lis\u00e4t\u00e4 rajoituksen tietyn kriteerin perusteella, mik\u00e4 tarkoittaa, ett\u00e4 elementti ei n\u00e4y tahmea valitussa:<\/p>\n<ul>\n<li>Sivut<\/li>\n<li>Viestit<\/li>\n<li>Luokat<\/li>\n<li>Tunnisteet:<\/li>\n<li>Tai viestityypit<\/li>\n<\/ul>\n<p>Voit tietysti s\u00e4\u00e4t\u00e4\u00e4 sit\u00e4 kaikkialle tai est\u00e4\u00e4 sen mainitsemilla saadaksesi t\u00e4ydellisen hallinnan laajennuksesta. Oletko huolissasi siit\u00e4, miten ne n\u00e4kyv\u00e4t eri laitteilla? T\u00e4m\u00e4 voidaan m\u00e4\u00e4ritt\u00e4\u00e4 my\u00f6s Laitteet-v\u00e4lilehdess\u00e4, jossa voit valita tarkan n\u00e4yt\u00f6n koon, jolla kohteesi n\u00e4kyv\u00e4t tahmeana. Voit valita melkein mink\u00e4 tahansa haluamasi elementin, olipa se sitten <a href=\"https:\/\/wpsticky.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tahmea otsikko<\/a>, tahmea valikko, widget, navigointi, video &#8230; kaikki voidaan asettaa muutamassa minuutissa ja voit luoda niin monta kuin haluat. Tehokas, tyylik\u00e4s ja mahdollisimman yksinkertainen.<\/p>\n<p>Lis\u00e4ksi on olemassa muita ty\u00f6kaluja, jotka auttavat sinua luomaan tahmea elementtej\u00e4 sivustollesi. Asenna ja aktivoi samalla <a href=\"https:\/\/wordpress.org\/plugins\/buttonizer-multifunctional-button\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Smart Floating Action Buttons &#8211; Buttonizer -laajennus<\/a>. Seuraavassa osassa n\u00e4emme kuinka t\u00e4t\u00e4 laajennusta k\u00e4ytet\u00e4\u00e4n.<\/p>\n<h3>Lis\u00e4\u00e4 tahmeat painikkeet WordPress-sivustoosi<\/h3>\n<p>Kun olet asentanut laajennuksen, siirry ohjauspaneelin &quot;Buttonizer&quot; -valikkoon. T\u00e4ll\u00e4 laajennuksella ei ole taustaj\u00e4rjestelm\u00e4n asetussivua. Sen sijaan se tarjoaa k\u00e4ytt\u00f6liittym\u00e4n, jotta voit n\u00e4hd\u00e4 muutosten vaikutukset v\u00e4litt\u00f6m\u00e4sti.<\/p>\n<p>Laajennus tarjoaa yli 25 toimintoa napsautuksella. Oletetaan, ett\u00e4 luettelosta haluat lis\u00e4t\u00e4 s\u00e4hk\u00f6postiosoitteen, puhelimen ja Google Map -sivuston tahmeisiin painikkeisiin.<\/p>\n<p>Napsauta Lis\u00e4\u00e4-painiketta ja nime\u00e4 painike. Annan painikkeelle nimen &quot;Puhelin&quot;. Sen j\u00e4lkeen n\u00e4et k\u00e4ytt\u00f6liittym\u00e4ss\u00e4 olevan painikkeen alla olevan kuvan mukaisesti.<\/p>\n<p>Koska t\u00e4m\u00e4 painike on &quot;puhelinnumeroa&quot; varten, meid\u00e4n on m\u00e4\u00e4ritett\u00e4v\u00e4 se. Napsauta Asetukset-kuvaketta PHONE-kohdan vieress\u00e4. Valintapaneeli painikkeen mukauttamiseksi avautuu.<\/p>\n<p>Valitse avattavasta Painiketoiminto-luettelosta Soittotoiminto (puhelinnumero). Lis\u00e4\u00e4 puhelinnumerosi tekstiruutuun.<\/p>\n<p>Sitten haluan asettaa puhelimen kuvakkeen t\u00e4lle painikkeelle. T\u00e4m\u00e4 voidaan tehd\u00e4 <strong>STYLE &gt;&gt; ICON<\/strong> -osiosta. Napsauta ICON-kuvakkeen alla SELECT ICON, avautuu ponnahdusikkuna, jossa valitset kuvakkeen Font Awesome -kirjastosta.<\/p>\n<p>Noudattamalla samaa prosessia voimme lis\u00e4t\u00e4 sivustoon niin monta painiketta. Valitse jokaiselle painikkeelle vastaava painikkeen toiminto ja saat eri vaihtoehdot painikkeelle.<\/p>\n<p>Lopuksi haluamme asettaa tarttuvien painikkeiden sijainnin. Napsauta &quot;Uusi ryhm\u00e4&quot; -kohdan vieress\u00e4 olevaa &quot;Asetukset&quot; -kuvaketta.<\/p>\n<p>Sijainti-osiosta saat parametrit painikkeiden sijainnin asettamiseksi. Haluan sen olevan oikea ja keskitetty. Joten asetin &quot;0%&quot; kohtaan &quot;HORIZONTAL&quot; ja keskiosan kohtaan &quot;VERTICAL&quot;.<\/p>\n<p>Buttonizer-laajennukset tarjoavat monia muita ominaisuuksia, joita sinun pit\u00e4isi pelata ja tutustua. Laajennus tarjoaa vaihtoehtoja painikkeiden v\u00e4reille, painikkeiden animaatioille, taustalle, mukautetuille luokille, laitteen n\u00e4kyvyydelle ja muulle.<\/p>\n<p>Kun yll\u00e4 olevia asetuksia on sovellettu, tahmeat painikkeet n\u00e4kyv\u00e4t verkkosivustolla alla olevan kuvakaappauksen mukaisesti.<\/p>\n<p>Toivottavasti sait tiedon tahmeiden painikkeiden lis\u00e4\u00e4misest\u00e4 WordPress-sivustoosi. Jaa ajatuksesi ja ehdotuksesi alla olevassa kommenttiosassa.<\/p>\n<h4>Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/foogallery-kaunis-wordpress-kuvagallerian-laajennus\/\" title=\"FooGallery - kaunis WordPress-kuvagallerian laajennus\">FooGallery &#8211; kaunis WordPress-kuvagallerian laajennus<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-kasvattaa-sahkopostitilaajia-wordpress-verkkosivustolla\/\" title=\"Kuinka lis\u00e4t\u00e4 s\u00e4hk\u00f6postitilaajia WordPress-sivustollasi\">Kuinka lis\u00e4t\u00e4 s\u00e4hk\u00f6postitilaajia WordPress-sivustollasi<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-lisata-koodia-body-tagin-jalkeen-wordpressissa\/\" title=\"Kuinka lis\u00e4t\u00e4 koodi kehotunnisteen j\u00e4lkeen WordPressiss\u00e4\">Kuinka lis\u00e4t\u00e4 koodi kehotunnisteen j\u00e4lkeen WordPressiss\u00e4<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4n sinulle, kuinka lis\u00e4t\u00e4 tahmeat painikkeet WordPress-verkkosivustolle. Tahmeat painikkeet ovat hy\u00f6dyllisi\u00e4 muuntamisessa ja vuorovaikutuksessa<\/p>\n","protected":false},"author":1,"featured_media":21615,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[499,610],"tags":[843],"class_list":["post-25957","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","category-uncategorized-6","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/25957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=25957"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/25957\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/21615"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=25957"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=25957"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=25957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}