{"id":367353,"date":"2023-03-04T15:53:00","date_gmt":"2023-03-04T12:53:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367353"},"modified":"2022-10-12T12:34:30","modified_gmt":"2022-10-12T09:34:30","slug":"kuinka-luoda-kytkimia-ja-harmonikoita-wordpressissa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-luoda-kytkimia-ja-harmonikoita-wordpressissa\/","title":{"rendered":"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4"},"content":{"rendered":"\n<p>Haitarit ja Toggles ovat k\u00e4tevi\u00e4 elementtej\u00e4, jotka lis\u00e4\u00e4v\u00e4t sivullesi toimintoja, antavat sinun j\u00e4sent\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4 paremmin ja auttavat verkkosivuston yleisess\u00e4 organisoinnissa. <strong>Niiden lis\u00e4\u00e4minen ei ole erityisen monimutkaista, mutta se voi olla erityisen helppoa oikealla ty\u00f6kalulla<\/strong>.<\/p>\n<p>Siksi valitsimme k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4lliset <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/?campaign=TogglesAccordions&#038;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Qi-lis\u00e4osat Elementorille<\/a>, joka sis\u00e4lt\u00e4\u00e4 <strong>laajan valikoiman mukautusvaihtoehtoja ja on uskomattoman helppok\u00e4ytt\u00f6inen<\/strong>. T\u00e4m\u00e4 laajennus on t\u00e4ll\u00e4 hetkell\u00e4 suurin <strong>60 ilmaisen widgetin<\/strong> kokoelma, joilla voit lis\u00e4t\u00e4 toimintoja verkkosivustollesi. Lis\u00e4ksi tarjolla on h\u00e4mm\u00e4stytt\u00e4v\u00e4 kokoelma yli <strong>40 premium-Qi-widgeti\u00e4<\/strong>. Ja mik\u00e4 on my\u00f6s eritt\u00e4in t\u00e4rke\u00e4\u00e4, on se, ett\u00e4 se on yhteensopiva kaikkien WordPress-teemojen kanssa.<\/p>\n<h2>Lis\u00e4\u00e4 haitarit ja vaihda ilmainen widget Qi-lis\u00e4osilla Elementorille<\/h2>\n<p>Qi-lis\u00e4osien avulla voit <strong>mukauttaa harmonikkatyylit t\u00e4ysin k\u00e4ytt\u00e4m\u00e4si WordPress-teeman<\/strong> mukaan fonteista v\u00e4reihin ja reunuksiin ja kaikkeen silt\u00e4 v\u00e4lilt\u00e4.<\/p>\n<p>Inspiraation saamiseksi suosittelemme tutustumaan <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/accordions-and-toggles\/?campaign=TogglesAccordions&#038;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">widget-sivuun<\/a>. N\u00e4yt\u00e4mme sinulle, kuinka sovelsimme sit\u00e4.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f0a5ca65.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f0a5ca65.jpg\" alt=\"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4\" ><\/a><\/p>\n<p>Perusk\u00e4sitys Elementorin toiminnasta on kaikki mit\u00e4 sinun tarvitsee ymm\u00e4rt\u00e4\u00e4 t\u00e4ss\u00e4 osiossa. T\u00e4m\u00e4 on itse asiassa rivi, joka sis\u00e4lt\u00e4\u00e4 kaksi saraketta, joissa on kuva vasemmassa sarakkeessa ja haitarit oikeassa sarakkeessa. <strong>Tietenkin haitari voi kattaa koko rivin tai mink\u00e4 tahansa rivin osan tarpeidesi mukaan<\/strong>.<\/p>\n<p>Ennen kuin jatkamme, katsotaanpa joitain t\u00e4m\u00e4n lis\u00e4osan mukana tulevia tyylin perusominaisuuksia. Aloitetaan siis k\u00e4ytt\u00e4ytymisest\u00e4. <strong>Kahden tyyppinen k\u00e4ytt\u00e4ytyminen on mahdollista \u2013 harmonikka<\/strong>, jossa vain yksi esine voi olla auki kerrallaan, ja <strong>vaihtopainikkeet<\/strong>, jotka sallivat useamman kuin yhden esineen olevan auki samalla hetkell\u00e4.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f0d359b6.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f0d359b6.jpg\" alt=\"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4\" ><\/a><\/p>\n<p><strong>Tyyli\u00e4 voidaan edelleen m\u00e4\u00e4ritell\u00e4 reunoilla, ja k\u00e4ytett\u00e4viss\u00e4 on useita vaihtoehtoja:<\/strong><\/p>\n<ul>\n<li>Vakio \u2013 ei rajoja<\/li>\n<li>Rasiallinen \u2013 reunuksilla,<\/li>\n<li>Reunus yl\u00e4reunassa \u2013 vain yl\u00e4reunassa otsikon yl\u00e4puolella<\/li>\n<li>Border Between &#8211; vain otsikon ja kuvauksen v\u00e4linen raja<\/li>\n<\/ul>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f10ce932.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f10ce932.jpg\" alt=\"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4\" ><\/a><\/p>\n<h2>Kuinka lis\u00e4t\u00e4 accoridoneja ja vaihtaa Qi-lis\u00e4osien kanssa<\/h2>\n<p>Aluksi asetamme rivin jaetuksi kahteen sarakkeeseen ja lis\u00e4\u00e4mme kuvan vasempaan sarakkeeseen, jotta osasta tulee visuaalisesti houkuttelevampi.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f143d6e6.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f143d6e6.jpg\" alt=\"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4\" ><\/a><\/p>\n<p>Kun kuva on lis\u00e4tty, l\u00f6yd\u00e4mme Haitarit ja Toggles -widgetin kirjoittamalla hakupalkkiin tai vieritt\u00e4m\u00e4ll\u00e4 valikkoa alasp\u00e4in. Kun widget l\u00f6ytyy, <strong>napsauta sit\u00e4, pid\u00e4 sit\u00e4 painettuna ja siirry kohtaan, johon haluat sijoittaa uuden elementin<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f17f28ff.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f17f28ff.jpg\" alt=\"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4\" ><\/a><\/p>\n<p>Lis\u00e4simme Haitarit ja Toggles -widgetin rivin oikealle puolelle, ja n\u00e4et <strong>kaikki siihen liittyv\u00e4t asetukset vasemmalla<\/strong>. Widgetin oletusasetukset on asetettu siten, ett\u00e4 <strong>teksti ja tyyli vastaavat automaattisesti k\u00e4ytt\u00e4m\u00e4\u00e4si teemaa<\/strong>, joten jos et n\u00e4e tarvetta muuttaa sit\u00e4, voit lopettaa prosessin t\u00e4\u00e4ll\u00e4, widget n\u00e4ytt\u00e4\u00e4 silt\u00e4 kuin se luonnollisesti kuuluu teemaan.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f1aa77cc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f1aa77cc.jpg\" alt=\"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4\" ><\/a><\/p>\n<p>Seuraava asia, joka sinun on asetettava, on <strong>k\u00e4ytt\u00e4ytyminen ja tyyli<\/strong>. Olemme jo maininneet k\u00e4ytt\u00e4ytymis- ja tyylivaihtoehdot, jotta voit m\u00e4\u00e4ritt\u00e4\u00e4 t\u00e4\u00e4ll\u00e4 sen, mik\u00e4 toimii sinulle. T\u00e4t\u00e4 artikkelia varten valitsimme Haitarit-vaihtoehdon Behavior-valikosta ja Standard style.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f1dc011b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f1dc011b.jpg\" alt=\"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4\" ><\/a><\/p>\n<p>Nyt on teht\u00e4v\u00e4 <strong>kohteiden lis\u00e4\u00e4minen<\/strong>. Vierit\u00e4 alas l\u00f6yt\u00e4\u00e4ksesi <strong>Kohdeasetukset<\/strong>. Huomaat kaksi pient\u00e4 kuvaketta Kohteet-v\u00e4lilehden oikeassa yl\u00e4kulmassa. Ensimm\u00e4inen on <strong>olemassa olevan kohteen kopioimiseen<\/strong> ja seuraava <strong>pieni X on kohteen poistamiseen<\/strong>. Kohde-v\u00e4lilehden alapuolella on <strong>Lis\u00e4\u00e4 uusi -painike<\/strong>, jota k\u00e4ytet\u00e4\u00e4n uusien kohteiden lis\u00e4\u00e4miseen. Kun napsautat kirjoittaaksesi uuden kohteen, sinun on ensin <strong>asetettava otsikko ja kirjoitettava sitten teksti alla olevaan kentt\u00e4\u00e4n<\/strong>. Huomaat paljon vaihtoehtoja, jotka ovat samanlaisia \u200b\u200bkuin useissa tekstieditoreissa tekstin tyyliin ja muotoiluun. Suosittelemme, ett\u00e4 j\u00e4rjest\u00e4t tekstin ja otsikon t\u00e4ss\u00e4 vaiheessa, sill\u00e4 saat heti esikatselun siit\u00e4, milt\u00e4 se lopulta n\u00e4ytt\u00e4\u00e4.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f206ce5c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f206ce5c.jpg\" alt=\"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4\" ><\/a><\/p>\n<p>Kun olet kirjoittanut tekstin, voit asettaa <strong>sis\u00e4ll\u00f6n korkeuden<\/strong>. T\u00e4m\u00e4 vaihtoehto <strong>viittaa vaihtokent\u00e4n kokoon<\/strong>. Jos asetat sen <strong>korkeudeksi korkein<\/strong>, jokainen tuote on samankokoinen kuin suurin. Jos valitset <strong>Yksitt\u00e4isen kohteen korkeus<\/strong> -vaihtoehdon, kunkin kohteen koko vastaa siin\u00e4 olevan sis\u00e4ll\u00f6n kokoa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f234b68b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f234b68b.jpg\" alt=\"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4\" ><\/a><\/p>\n<p>Jos haluat <strong>muuttaa oletuskuvakkeita, jotka n\u00e4kyv\u00e4t kohteen avaamisen ja sulkemisen yhteydess\u00e4, napsauta Avaa kuvake tai Sulje kuvake -kentt\u00e4\u00e4, jolloin n\u00e4kyviin tulee kaksi uutta vaihtoehtoa<\/strong>. Toinen on tarkoitettu uusien kuvakkeiden lis\u00e4\u00e4miseen kuvakekirjastosta ja toinen SVG:n lis\u00e4\u00e4miseen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f262759d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f262759d.jpg\" alt=\"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4\" ><\/a><\/p>\n<p>Nyt voimme siirty\u00e4 <strong>Tyyli-asetuksiin<\/strong>. T\u00e4\u00e4ll\u00e4 voit hienos\u00e4\u00e4t\u00e4\u00e4 harmonikka- ja widget-tyyli\u00e4.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f28d995d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f28d995d.jpg\" alt=\"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4\" ><\/a><\/p>\n<p>Voit <strong>valita otsikon tyylin ja m\u00e4\u00e4ritt\u00e4\u00e4 otsikon typografian<\/strong>. Kuten mainitsimme, oletusasetukset on asetettu siten, ett\u00e4 widgetin tyyli vastaa k\u00e4ytt\u00e4m\u00e4\u00e4si teemaa. Mutta voit aina <strong>kokeilla kaikkia muita vaihtoehtoja yksinkertaisesti valitsemalla ne ja muutokset n\u00e4kyv\u00e4t v\u00e4litt\u00f6m\u00e4sti n\u00e4yt\u00f6n oikeassa reunassa olevassa widgetiss\u00e4<\/strong>. Tutustu vaihtoehtoihin ja katso, mik\u00e4 sopii sinulle parhaiten.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f2cbed4b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f2cbed4b.jpg\" alt=\"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4\" ><\/a><\/p>\n<p>Seuraavat asetukset viittaavat tyylin muutoksiin, joita <strong>kohteelle tapahtuu, kun se suljetaan tai avataan<\/strong>. Voit esimerkiksi asettaa tekstin eriv\u00e4riseksi avattaessa tai taustan voi olla eriv\u00e4rinen. On my\u00f6s mahdollisuus asettaa eri t\u00e4ytt\u00f6, kun kohde on aktiivinen eli avattu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f30ee551.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f30ee551.jpg\" alt=\"Kuinka luoda kytkimi\u00e4 ja harmonikoita WordPressiss\u00e4\" ><\/a><\/p>\n<p>Jos pid\u00e4t video-opetusohjelmista, katso t\u00e4m\u00e4 Qin tekij\u00f6iden luoma:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/WDgy5sFM0vc\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Tiivistettyn\u00e4<\/h2>\n<p>Kun tunnet laajennuksen tutummaksi, tutkit entist\u00e4 hienostuneempia vaihtoehtoja harmonikka- ja vaihtowidgetin tyylin hienos\u00e4\u00e4t\u00f6\u00f6n. T\u00e4m\u00e4 intuitiivinen ty\u00f6kalu on t\u00e4ydellinen aloittelijoille, koska se on uskomattoman helppok\u00e4ytt\u00f6inen, ja kokeneet k\u00e4ytt\u00e4j\u00e4t nauttivat my\u00f6s sen k\u00e4yt\u00f6st\u00e4, koska se tarjoaa niin runsaasti mukautusvaihtoehtoja.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Opi luomaan haitareita WordPressiss\u00e4 ilmaisella laajennuksella ja j\u00e4rjest\u00e4 sis\u00e4lt\u00f6si k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llisimm\u00e4ll\u00e4 tavalla!<\/p>\n","protected":false},"author":1,"featured_media":364273,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[570],"tags":[843],"class_list":["post-367353","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\/367353","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=367353"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/367353\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/364273"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=367353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=367353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=367353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}