{"id":371400,"date":"2023-04-04T12:37:00","date_gmt":"2023-04-04T09:37:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371400"},"modified":"2023-04-04T12:43:17","modified_gmt":"2023-04-04T09:43:17","slug":"helpoin-tapa-lisata-wordpressin-toimintakehotus","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/helpoin-tapa-lisata-wordpressin-toimintakehotus\/","title":{"rendered":"Helpoin tapa lis\u00e4t\u00e4 WordPressin toimintakehotus"},"content":{"rendered":"\n

WordPressin toimintakehotus tai CTA on useimmiten verkkosivustolla oleva painike, joka kehottaa k\u00e4ytt\u00e4j\u00e4\u00e4 tekem\u00e4\u00e4n tiettyj\u00e4 toimia<\/strong>. Mutta toimintakehotus voi tulla my\u00f6s kuvan, sis\u00e4ll\u00f6n, tekstin ja mit\u00e4 sinulla on.<\/p>\n

WordPressin toimintakehotukset ovat loistava tapa kannustaa vuorovaikutusta verkkosivustollasi, edist\u00e4\u00e4 myynti\u00e4, innostaa k\u00e4ytt\u00e4j\u00e4\u00e4 tekem\u00e4\u00e4n tiettyj\u00e4 toimia<\/strong> ja paljon muuta. Toisin kuin mainokset, ponnahdusikkunat ja vastaavat markkinointikeinot, ne ovat yksinkertaisia, huomaamattomia ja johtavat konkreettisiin tuloksiin. Niist\u00e4 voi olla merkitt\u00e4v\u00e4\u00e4 apua, kun sivustosi navigoinnista tulee selke\u00e4\u00e4 ja selke\u00e4\u00e4<\/strong>. WordPressin toimintakehotuksen olennainen teht\u00e4v\u00e4 on saada vierailijat ryhtym\u00e4\u00e4n haluamiisi toimiin \u2013 ja t\u00e4m\u00e4 voi olla mit\u00e4 tahansa s\u00e4hk\u00f6postilistasi ostamisesta ja tilaamisesta aina koko tekstin lukemiseen.<\/p>\n

CTA :n sijoituspaikka on oma taitonsa .<\/strong> Liian monien toimintakehotusten lis\u00e4\u00e4minen verkkosivustollesi voi aiheuttaa ylikuormitusta ja est\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4\u00e4 ryhtym\u00e4st\u00e4 mihink\u00e4\u00e4n toimiin. Toisaalta, jos toimintakehotuksia ei ole lainkaan, k\u00e4ytt\u00e4j\u00e4 j\u00e4\u00e4 passiiviseen asemaan ja tekee verkkosivustostasi jopa v\u00e4hemm\u00e4n houkuttelevan<\/strong>.<\/p>\n

On monia tapoja lis\u00e4t\u00e4 WordPress-toimintakehotus verkkosivustollesi. Melkein jokainen sivunrakennusohjelma antaa sinun luoda toimintakehotuksen k\u00e4ytt\u00e4m\u00e4ll\u00e4 kuvaa, painiketta ja teksti\u00e4, ja valittavana on my\u00f6s runsaasti tehokkaita WP CTA -laajennuksia .<\/a> Mutta nopein ja helpoin tapa lis\u00e4t\u00e4 kauniita ja tehokkaita toimintakehotuksia on Elementor-laajennuksen Qi-lis\u00e4osat.<\/p>\n

Miksi valita Qi toimintakehotusten lis\u00e4\u00e4miseen?<\/h2>\n

Qi Addons for Elementor<\/a> on erinomainen, monipuolinen ratkaisu kaikenlaisille Elementor-verkkosivustoille. Se sis\u00e4lt\u00e4\u00e4 60 ilmaista ja yli 40 premium-widgeti\u00e4, joiden avulla voit luoda kaikki elementit, joita tarvitaan toimivaan ja kauniiseen verkkosivustoon<\/strong>. Se on intuitiivinen ja eritt\u00e4in k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llinen<\/strong> \u2013 edes opetusohjelmaa ei tarvita, ja sen vaihtoehtoja hieman kokeilemalla l\u00f6yd\u00e4t sen uskomattoman monipuoliseksi ja tehokkaaksi.<\/p>\n

Mit\u00e4 tulee toimintakehotuksiin, voimme n\u00e4hd\u00e4 Qi Addonin sivulla upeita esimerkkej\u00e4<\/a> ty\u00f6kalun tekij\u00f6iden tekemist\u00e4 toimintakehotuksista, joita voidaan k\u00e4ytt\u00e4\u00e4 my\u00f6s inspiraationa.<\/p>\n

\"Helpoin<\/a><\/p>\n

On t\u00e4rke\u00e4\u00e4 ymm\u00e4rt\u00e4\u00e4 alusta alkaen, mit\u00e4 toimintakehotus voi sis\u00e4lt\u00e4\u00e4. Otsikko on valinnainen, sinulla voi olla se tai ei. Teksti on my\u00f6s valinnainen ja antaa lis\u00e4tietoja itse toiminnasta. Toimintapainike voidaan muotoilla eri tavoin ja sill\u00e4 on oma animaatio. T\u00e4ll\u00e4 widgetill\u00e4 ei vain linkin tarvitse olla napsautettava, vaan my\u00f6s koko toimintakehotuskentt\u00e4 voi olla klikattava. Seuraava asia, joka voi olla osa toimintakehotusta, on tausta, ja se on valinnainen sek\u00e4 reunus.<\/p>\n

Kuinka luoda WordPress-toimintakehotus Qi-lis\u00e4osien avulla<\/h2>\n

Kun olet asentanut Qi<\/strong> -lis\u00e4osat, l\u00f6yd\u00e4t kaikki sen elementit widgeteist\u00e4. Etsi vain CTA-elementti ja ved\u00e4 ja pudota haluamaasi CTA-kohtaan<\/strong>.<\/p>\n

\"Helpoin<\/a><\/p>\n

Kun olet lis\u00e4nnyt sen, kuten mink\u00e4 tahansa widgetin, l\u00f6yd\u00e4t asetukset vasemmalta<\/strong>. Kun olet lis\u00e4nnyt toimintakehotus-widgetin, k\u00e4ytett\u00e4viss\u00e4si on joitakin oletuslomakkeita, joita voit muuttaa ja tasata sivusi tyyliin sopivaksi.<\/p>\n

Sis\u00e4lt\u00f6- ja Tyyli-v\u00e4lilehti<\/strong> ovat toimintakehotus-widgetin asetukset. T\u00e4ss\u00e4 voit m\u00e4\u00e4ritt\u00e4\u00e4, mitk\u00e4 elementit haluat n\u00e4hd\u00e4, ja tyylin toimintakehotuskent\u00e4n. Lis\u00e4asetukset-v\u00e4lilehti on, kuten tied\u00e4t, oletuselementtiv\u00e4lilehti, jonka asetukset liittyv\u00e4t itse sarakkeen tai mink\u00e4 tahansa muun elementin asetuksiin.<\/p>\n

\"Helpoin<\/a><\/p>\n

Sis\u00e4lt\u00f6-v\u00e4lilehden asetukset<\/h3>\n

Aloitetaan Yleiset asetukset Sis\u00e4lt\u00f6-v\u00e4lilehdess\u00e4<\/strong>.<\/p>\n

\"Helpoin<\/a><\/p>\n

T\u00e4h\u00e4n lis\u00e4t\u00e4\u00e4n otsikko ja teksti<\/strong>. Kuten olemme jo maininneet, n\u00e4m\u00e4 eiv\u00e4t ole pakollisia kentti\u00e4, jos et kirjoita niit\u00e4, sinulla ei yksinkertaisesti ole teksti\u00e4<\/strong>. T\u00e4m\u00e4 on tuskin koskaan tarpeellista, koska toimintakehotuspainike edellytt\u00e4\u00e4, ett\u00e4 k\u00e4ytt\u00e4j\u00e4\u00e4 kehotetaan ryhtym\u00e4\u00e4n johonkin toimintoon jollakin tavalla<\/strong>. Jos tyhj\u00e4 painike itsess\u00e4\u00e4n riitt\u00e4isi inspiroimaan k\u00e4ytt\u00e4j\u00e4\u00e4 toimimaan, mik\u00e4 tahansa painike tekisi ty\u00f6n, mutta niin ei ole.<\/p>\n

Seuraava vaihtoehto on Button Below ja meill\u00e4 on tarjolla tiettyj\u00e4 arvoja. Mit\u00e4 se oikeastaan \u200b\u200btarkoittaa?<\/p>\n

\"Helpoin<\/a><\/p>\n

T\u00e4m\u00e4 tarkoittaa, ett\u00e4 m\u00e4\u00e4rit\u00e4mme n\u00e4yt\u00f6n koon, jonka j\u00e4lkeen painike on otsikon ja tekstin alapuolella eik\u00e4 tekstin linjassa<\/strong>, kuten suurilla n\u00e4yt\u00f6ill\u00e4. T\u00e4m\u00e4 on loistava vaihtoehto, koska ei ole mit\u00e4\u00e4n syyt\u00e4 k\u00e4ytt\u00e4\u00e4 t\u00e4t\u00e4 asettelua my\u00f6s mobiililaitteissa. Se olisi paljon vaikeampaa lukea ja ymm\u00e4rt\u00e4\u00e4 ja her\u00e4tt\u00e4\u00e4 v\u00e4hemm\u00e4n huomiota.<\/p>\n

\"Helpoin<\/a><\/p>\n

T\u00e4ss\u00e4 voimme huomata yhden t\u00e4rke\u00e4n asian<\/strong> ja se, ett\u00e4 painike on melko liimattu tekstiin. Tietenkin t\u00e4m\u00e4 on helppo korjata, ja n\u00e4yt\u00e4mme kuinka korjata se my\u00f6hemmin, toistaiseksi vain huomioi t\u00e4m\u00e4, jotta voit varmistaa pienempien laitteiden reagoivuuden.<\/p>\n

Ota linkkipeitto k\u00e4ytt\u00f6\u00f6n<\/strong>, yleisen osan viimeinen vaihtoehto viittaa siihen, onko vain painike vai koko toimintakehotustila klikattavissa. Meid\u00e4n tapauksessamme t\u00e4ll\u00e4 hetkell\u00e4 koko musta osa on napsautettava. Huomio, emme alussa m\u00e4\u00e4ritt\u00e4neet linkki\u00e4, johon toiminto johtaa, ja ennen kuin linkki on asetettu, mit\u00e4\u00e4n ei voi klikata.<\/p>\n

Seuraava luku k\u00e4sittelee Buttonia<\/strong>. T\u00e4ss\u00e4 s\u00e4\u00e4d\u00e4mme, mist\u00e4 painikkeemme tehd\u00e4\u00e4n, mutta emme miten se muotoillaan. My\u00f6s t\u00e4\u00e4ll\u00e4 valitsemme tekstin, joka l\u00f6ytyy siit\u00e4 ja lis\u00e4\u00e4mme linkin.<\/p>\n

\"Helpoin<\/a><\/p>\n

Mit\u00e4 tulee asetteluihin, k\u00e4ytett\u00e4viss\u00e4 on kolme vaihtoehtoa<\/strong>.<\/p>\n

\"Helpoin<\/a><\/p>\n

T\u00e4ytetyss\u00e4 asettelussa on tausta- ja tekstipainike<\/strong>. T\u00e4ll\u00e4 painikkeella voimme lis\u00e4t\u00e4 reunuksen my\u00f6hemmin tyylivaihtoehtoihin. Esitetyss\u00e4 asettelussa on vain reunus ja teksti<\/strong>, taustan v\u00e4ri\u00e4 ei ole mahdollista muuttaa my\u00f6hemmin. Tekstiasettelussa on vain teksti\u00e4<\/strong>, eik\u00e4 siihen voi lis\u00e4t\u00e4 taustaa tai reunusta.<\/p>\n

Lis\u00e4ksi on olemassa kolme erilaista painiketyyppi\u00e4, jotka ovat saatavilla t\u00e4ytetylle ja \u00e4\u00e4riviivalle asetetulle, mutta eiv\u00e4t tekstimuodolle.<\/p>\n

Vakiotyyppi on oletusarvo. Sis\u00e4reunuksen tyyppi<\/strong> -vaihtoehto lis\u00e4\u00e4 sis\u00e4reunuksen valittuun asetteluun. Iconed Boxed -tyyppi\u00e4<\/strong> k\u00e4ytet\u00e4\u00e4n vain painikkeelle, jossa on kuvake ja johon haluamme sijoittaa erityisen laatikon kuvakkeelle. Kiinnit\u00e4 huomiota, lis\u00e4simme ja tyylitelimme kuvakkeen ja sen taustan alla.<\/p>\n

\"Helpoin<\/a><\/p>\n

T\u00e4\u00e4ll\u00e4 meill\u00e4 on my\u00f6s Enable Button Text Underline -vaihtoehto<\/strong>, jos haluamme tekstin alleviivauksen, alleviivauksessa on my\u00f6s animaatio.<\/p>\n

\"Helpoin<\/a><\/p>\n

Painikkeiden asetuksista voimme my\u00f6s valita koon<\/strong>, mutta my\u00f6hemmin tyyliss\u00e4 voimme asettaa sen tarkemmin ja saavuttaa, ett\u00e4 koot vastaavat muita sivuston elementtej\u00e4. Kirjoitamme my\u00f6s painikkeen tekstin ja linkin<\/strong>.<\/p>\n

Painikekuvake-asetuksia<\/strong> k\u00e4ytet\u00e4\u00e4n lis\u00e4\u00e4m\u00e4\u00e4n kuvake kuvakekirjastosta tai lataamalla svg-kuvake, m\u00e4\u00e4rit\u00e4mme my\u00f6s kuvakkeen sijainnin (oikea\/vasen) t\u00e4ss\u00e4.<\/p>\n

\"Helpoin<\/a><\/p>\n

Kuten olemme jo n\u00e4hneet, voimme k\u00e4ytt\u00e4\u00e4 kuvaketta Iconed Boxed -tyypin<\/strong> kanssa, mutta t\u00e4m\u00e4 koskee vain painiketta, jossa haluamme kuvakkeen olevan laatikossamme, muuten voimme lis\u00e4t\u00e4 mink\u00e4 tahansa kuvakkeen kaikkiin muihin tyyppeihin ja asetteluihin.<\/p>\n

\"Helpoin<\/a><\/p>\n

Tyyli-v\u00e4lilehden asetukset<\/h3>\n

N\u00e4m\u00e4 ovat tyyliasetukset. Kaikki asetukset ovat ryhmitt\u00e4in ja on melko selv\u00e4\u00e4, mihin kukin asetus viittaa<\/strong>. Tietenkin, jos painikkeellemme ei ole valittu alleviivauspainiketta, meill\u00e4 ei tietenk\u00e4\u00e4n ole asetuksia sille.<\/p>\n

\"Helpoin<\/a><\/p>\n

Tyyli\u00e4 k\u00e4ytet\u00e4\u00e4n m\u00e4\u00e4ritt\u00e4m\u00e4\u00e4n tekstin ja otsikon typografia ja v\u00e4ri<\/strong>.<\/p>\n

\"Helpoin<\/a><\/p>\n

Asetamme t\u00e4h\u00e4n my\u00f6s toimintakehotuskent\u00e4n taustan. Voit valita jonkin v\u00e4rin tai gradientin, ja hy\u00f6dyllist\u00e4 on, ett\u00e4 jos et halua taustaa eli l\u00e4pin\u00e4kyv\u00e4\u00e4, t\u00e4m\u00e4 on vaihtoehto<\/strong>. T\u00e4m\u00e4 p\u00f6yt\u00e4 on merkitty nuolella, laita t\u00e4m\u00e4 pallo alkuun. Vain oletuskent\u00e4ss\u00e4 on v\u00e4ri ja jos vaihdat taustan ja asetat taustav\u00e4rin samaksi kuin sivustolla, se tarkoittaa, ett\u00e4 jos muutat sivun v\u00e4ri\u00e4, tarvitset taustan. Jos laitat l\u00e4pin\u00e4kyv\u00e4n taustan, kent\u00e4n taustaa ei tarvitse muuttaa sivun taustan muutoksella.<\/p>\n

\"Helpoin<\/a><\/p>\n

Voimme my\u00f6s lis\u00e4t\u00e4 taustan, kuvavaihtoehtoja on pari.<\/p>\n

\"Helpoin<\/a><\/p>\n

V\u00e4lityylit ovat vaihtoehtoja tekstitysten, tekstin ja painikkeiden v\u00e4lisen v\u00e4lin<\/strong> m\u00e4\u00e4ritt\u00e4miseen .<\/p>\n

Pitimen pehmuste<\/strong> viittaa sis\u00e4ll\u00f6n ymp\u00e4rill\u00e4 olevaan tilaan.<\/p>\n

\"Helpoin<\/a><\/p>\n

Text Margin Top<\/strong> \u2013 tekstin yl\u00e4puolella oleva marginaali m\u00e4\u00e4r\u00e4ytyy, eli j\u00e4rjest\u00e4mme tekstin ja otsikon v\u00e4liin.<\/p>\n

Sis\u00e4ll\u00f6n t\u00e4ytt\u00f6 oikealle<\/strong> \u2013 t\u00e4ytt\u00f6 oikeanpuoleisen tekstin ymp\u00e4rille, erottaa tekstin painikkeesta, jos se on liian pitk\u00e4.<\/p>\n

\"Helpoin<\/a><\/p>\n

Button Margin<\/strong> \u2013 asettamalla arvon voimme asettaa painikkeen sijainnin, m\u00e4\u00e4ritt\u00e4\u00e4 marginaalit painikkeen ymp\u00e4rill\u00e4. T\u00e4ss\u00e4 meid\u00e4n on erityisesti kiinnitett\u00e4v\u00e4 huomiota reagoivaan ja v\u00e4limatkan p\u00e4\u00e4ss\u00e4 olevaan tekstipainikkeeseen. Yl\u00e4painikkeen marginaalia k\u00e4ytet\u00e4\u00e4n t\u00e4m\u00e4n v\u00e4lin s\u00e4\u00e4t\u00e4miseen.<\/p>\n

\"Helpoin<\/a><\/p>\n

Painikkeiden tyyli -valikon<\/strong> avulla voit m\u00e4\u00e4ritt\u00e4\u00e4 painikkeiden erilaisia \u200b\u200byksityiskohtia, kuten fontin v\u00e4rin, reunuksen v\u00e4rin, leveyden ja s\u00e4teen sek\u00e4 taustav\u00e4rin ja pehmusteen. T\u00e4rkein asetus t\u00e4ss\u00e4 on se , haluatko painikkeen toimivan osoittimen p\u00e4\u00e4ll\u00e4, mik\u00e4 tarkoittaa, ett\u00e4 riitt\u00e4\u00e4, ett\u00e4 osoitat sen p\u00e4\u00e4ll\u00e4 napsautusta varten<\/strong>. Jos valitset t\u00e4st\u00e4 Normaali<\/strong> -vaihtoehdon, painike toimii, kun sit\u00e4 napsautetaan.<\/p>\n

\"Helpoin<\/a><\/p>\n

Button Icon Style -asetuksissa<\/strong> voit asettaa kuvakkeen koon liukus\u00e4\u00e4timell\u00e4, voit my\u00f6s valita normaalin ja hover-vaihtoehdon v\u00e4lill\u00e4 ja asettaa my\u00f6s kuvakkeen v\u00e4rin ja marginaalin.<\/p>\n

\"Helpoin<\/a><\/p>\n

Painikkeen sis\u00e4reunuksen asetusten<\/strong> avulla voit m\u00e4\u00e4ritt\u00e4\u00e4 sis\u00e4reunuksen v\u00e4rin, leveyden ja siirtym\u00e4n.<\/p>\n

\"Helpoin<\/a><\/p>\n

Button Underline Style -asetusten<\/strong> avulla voit m\u00e4\u00e4ritt\u00e4\u00e4 painikkeen alleviivauksen v\u00e4rin, leveyden, offsetin, paksuuden ja kohdistuksen. On eritt\u00e4in k\u00e4tev\u00e4\u00e4, ett\u00e4 n\u00e4et v\u00e4litt\u00f6m\u00e4sti kaikki tekem\u00e4si muutokset.<\/p>\n

\"Helpoin<\/a><\/p>\n

Siin\u00e4 on k\u00e4yt\u00e4nn\u00f6ss\u00e4 kaikki. Jos olet tyytyv\u00e4inen painikkeesi ulkoasuun, voit sulkea editorin ja tarkistaa, milt\u00e4 se n\u00e4ytt\u00e4\u00e4 liven\u00e4 sivulla.<\/p>\n

Nyt kun tied\u00e4t, kuinka helppoa on lis\u00e4t\u00e4 toimintakehotuksia mihin tahansa sivustoosi, sinun tarvitsee vain mietti\u00e4 tarkkaan, mihin verkkosivustosi kohtaan voit sijoittaa toimintakehotuksia. Kun tunnet yleis\u00f6si hyvin, voit luoda tehokkaimmat toimintakehotukset, ja on my\u00f6s paljon ty\u00f6kaluja, jotka voivat auttaa sinua ymm\u00e4rt\u00e4m\u00e4\u00e4n paremmin yleis\u00f6si piirteit\u00e4 ja k\u00e4ytt\u00e4ytymist\u00e4. Jos sinulla on kysytt\u00e4v\u00e4\u00e4 Qi-lis\u00e4osien k\u00e4yt\u00f6st\u00e4, kysy ne kommenttiosiossa \u2013 jaamme mielell\u00e4mme kokemuksemme ja tietomme.<\/p>\n

: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Opi lis\u00e4\u00e4m\u00e4\u00e4n WordPress-toimintakehotuksia sivustollesi helpoimmin ja nopeimmin Elementorin Qi-lis\u00e4osien avulla.<\/p>\n","protected":false},"author":1,"featured_media":279438,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[570],"tags":[843],"class_list":["post-371400","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpressin-perusteet","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/371400","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=371400"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/371400\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/279438"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=371400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=371400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=371400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}