{"id":367258,"date":"2023-02-25T12:32:00","date_gmt":"2023-02-25T09:32:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367258"},"modified":"2023-04-13T10:11:35","modified_gmt":"2023-04-13T07:11:35","slug":"kuinka-luoda-wordpress-valilehtia-qi-lisaosilla-elementorille","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-luoda-wordpress-valilehtia-qi-lisaosilla-elementorille\/","title":{"rendered":"Kuinka luoda WordPress-v\u00e4lilehti\u00e4 Qi-lis\u00e4osilla Elementorille"},"content":{"rendered":"\n

Verkkosivustosi sis\u00e4ll\u00f6n laatu riippuu pitk\u00e4lti tiedoistasi ja taidoistasi, mutta tapa, jolla sen n\u00e4yt\u00e4t, on my\u00f6s t\u00e4rke\u00e4 osa sit\u00e4, miten muut n\u00e4kev\u00e4t sen. WordPress-v\u00e4lilehdet ovat loistava tapa j\u00e4sent\u00e4\u00e4 ja j\u00e4rjest\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4 ja helpottaa sen sulattamista<\/strong> erityisesti pitkien artikkelien osalta. Lukijan pit\u00e4minen sivulla ei ole koskaan ollut helppoa, joten sen vaikeuttaminen tarjoamalla sis\u00e4lt\u00f6\u00e4, joka ei ole visuaalisesti houkuttelevaa, ei yksinkertaisesti ole viisasta.<\/p>\n

V\u00e4lilehtien avulla voit jakaa artikkelin helposti luettaviin osiin ja tehd\u00e4 siit\u00e4 helpommin lukijan ulottuville, joka voi sitten selata teksti\u00e4 sujuvammin. Tietysti on paljon muita kirjoitusvinkkej\u00e4<\/a>, joiden avulla voit tehd\u00e4 sis\u00e4ll\u00f6st\u00e4 houkuttelevamman, mutta v\u00e4lilehtien asettaminen on yksi t\u00e4rkeimmist\u00e4 asioista. T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4mme sinulle, kuinka voit lis\u00e4t\u00e4 kauniita v\u00e4lilehti\u00e4 sis\u00e4lt\u00f6\u00f6si Elementorin Qi-lis\u00e4osilla<\/strong>.<\/p>\n

V\u00e4lilehtien lis\u00e4\u00e4minen laajennuksella<\/h2>\n

Qi Addons for Elementor<\/a> on tehokas, ilmainen ty\u00f6kalu, jonka avulla voit lis\u00e4t\u00e4 verkkosivustollesi helposti monenlaisia \u200b\u200bkauniita elementtej\u00e4<\/strong>. Siin\u00e4 on intuitiivinen, k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llinen k\u00e4ytt\u00f6liittym\u00e4, ja sek\u00e4 aloittelijat ett\u00e4 kokeneet k\u00e4ytt\u00e4j\u00e4t pit\u00e4v\u00e4t sit\u00e4 helppok\u00e4ytt\u00f6isen\u00e4. Erityisen hienoa Qi:ssa on se, ett\u00e4 se keskittyy muotoiluun, joten hy\u00f6dyllisten elementtien lis\u00e4ksi se tarjoaa sinulle my\u00f6s ripauksen nykyaikaista eleganssia<\/strong>.<\/p>\n

Elementorin QI – lis\u00e4osien asennusprosessi<\/a> ei eroa muista laajennusasennuksista. Jos sinulla on kysytt\u00e4v\u00e4\u00e4, tarkista yll\u00e4 antamamme linkki ja voit my\u00f6s kirjoittaa meille kommenttiosiossa.<\/p>\n

Koska t\u00e4m\u00e4 on Elementor-laajennus, muista vaihtaa Elementor-editoriin, kun luot uutta viesti\u00e4. Kaikki Qi Addons -widgetit n\u00e4kyv\u00e4t siististi vasemmanpuoleisessa elementtivalikossa<\/strong>. Vierit\u00e4 valikkoa alasp\u00e4in l\u00f6yt\u00e4\u00e4ksesi ne.<\/p>\n

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

Nyt sinun ei tarvitse selata kaikkia Qi-elementtej\u00e4. Voit kirjoittaa hakukentt\u00e4\u00e4n sen, jonka haluat lis\u00e4t\u00e4<\/strong>, t\u00e4ss\u00e4 tapauksessa v\u00e4lilehti, ja se n\u00e4kyy hakutuloksissa. Kuten alla n\u00e4kyy, Qi-lis\u00e4osissa on kaksi v\u00e4lilehtielementti\u00e4 \u2013 vaaka-<\/a> ja pystyv\u00e4lilehti<\/a>.<\/p>\n

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

Lis\u00e4\u00e4 pystysuora v\u00e4lilehti vet\u00e4m\u00e4ll\u00e4 ja pudottamalla Elementor-elementti haluamaasi paikkaan. Kun pystysuora v\u00e4lilehti lis\u00e4t\u00e4\u00e4n, kaikki asetukset ovat vasemmalla puolella ja Sis\u00e4lt\u00f6- ja Tyyli-v\u00e4lilehdiss\u00e4 ovat kaikki v\u00e4lilehtiin liittyv\u00e4t vaihtoehdot<\/strong>. Vaihtoehto Lis\u00e4asetukset on itse asiassa Elementorin oletusryhm\u00e4 sarakkeelle.<\/p>\n

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

Ensimm\u00e4iset asetukset, jotka n\u00e4et, ovat Yleiset asetukset, ne sis\u00e4lt\u00e4v\u00e4t kaikki vaihtoehdot, joita tarvitaan sis\u00e4ll\u00f6n s\u00e4\u00e4t\u00e4miseen optimaalisesti<\/strong>.<\/p>\n

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

Sijoita sis\u00e4lt\u00f6 ruudulle -v\u00e4lilehden alapuolelle -vaihtoehdon avulla voit asettaa pystysuoran v\u00e4lilehden kohden\u00e4yt\u00f6n koon mukaan. Voit valita nelj\u00e4st\u00e4 n\u00e4ytt\u00f6koosta. Jos n\u00e4yt\u00f6n koko on esimerkiksi alle 480 pikseli\u00e4, v\u00e4lilehden otsikko sijoitetaan tekstin yl\u00e4puolelle eik\u00e4 viereen. T\u00e4m\u00e4 vaihtoehto koskee vain pystysuuntaisia \u200b\u200bv\u00e4lilehti\u00e4. Alla oleva kuva havainnollistaa, kuinka pystysuora v\u00e4lilehti n\u00e4kyy suurella n\u00e4yt\u00f6ll\u00e4 ja miten asetat n\u00e4yt\u00f6n koon kohdassa Sijoita sis\u00e4lt\u00f6 n\u00e4yt\u00f6n alapuolelle -v\u00e4lilehdell\u00e4.<\/p>\n

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

Voit kirjoittaa ja j\u00e4rjest\u00e4\u00e4 tekstin pystyv\u00e4lilehdell\u00e4 napsauttamalla Kohteet-vaihtoehtoa<\/strong>, jolloin valikko avautuu, ja sen alla on kentt\u00e4 tekstin kirjoittamista varten suoraan<\/strong>. Voit my\u00f6s heti s\u00e4\u00e4t\u00e4\u00e4 tekstin asetuksia tasauksen, typografian suhteen. Typografian yleisi\u00e4 asetuksia ei tarvitse m\u00e4\u00e4ritt\u00e4\u00e4, koska voit tehd\u00e4 sen my\u00f6hemmin Tyyli-v\u00e4lilehdell\u00e4. T\u00e4ss\u00e4 voit m\u00e4\u00e4ritt\u00e4\u00e4 my\u00f6s pystysuoran v\u00e4lilehden otsikon<\/strong> yksinkertaisesti kirjoittamalla sen Otsikko-kentt\u00e4\u00e4n. N\u00e4yt\u00f6n oikealla puolella n\u00e4et v\u00e4litt\u00f6m\u00e4sti kaikkien tekemiesi muutosten esikatselun.<\/p>\n

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

Kun olet sy\u00f6tt\u00e4nyt tekstin, voit jatkaa sen tyylin muokkaamista yksityiskohtaisemmin<\/strong>. Napsauta valikon Sis\u00e4lt\u00f6-vaihtoehdon vieress\u00e4 olevaa Tyyli -vaihtoehtoa avataksesi kaikki tyyliasetukset.<\/strong><\/p>\n

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

Otsikkotunniste-asetuksen avulla voit valita, haluatko pysty-\/vaakav\u00e4lilehden otsikon olevan H1, H2 ja niin edelleen. Yll\u00e4 olevassa kuvassa valitsimme H1:n.<\/p>\n

Otsikon typografia -vaihtoehto<\/strong> on eritt\u00e4in mielenkiintoinen. Ensimm\u00e4inen kuvake, jossa on maapallo, avaa mukautetun valikon, jonka avulla voit valita typografian tyypin yleisist\u00e4 kirjasimista<\/strong>. T\u00e4m\u00e4 on turvallinen valinta, jos haluat varmistaa, ett\u00e4 v\u00e4lilehti on verkkosivustosi yleisen tyylin mukainen.<\/p>\n

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

Jos olet tarpeeksi varma asettaaksesi otsikon typografian itse tai haluat vain tutkia lis\u00e4\u00e4 vaihtoehtoja, napsauta maapallon vieress\u00e4 olevaa kyn\u00e4kuvaketta n\u00e4hd\u00e4ksesi kaikki k\u00e4ytett\u00e4viss\u00e4 olevat typografiaasetukset<\/strong>. Voit testata niit\u00e4 kaikkia helposti, koska n\u00e4et heti vaikutuksen n\u00e4yt\u00f6n oikealla puolella.<\/p>\n

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

Perhe – vaihtoehdon<\/strong> avulla voit valita fontin<\/strong>, ja sitten kaikki alla olevat vaihtoehdot antavat sinun mukauttaa valitsemaasi kirjasinta edelleen<\/strong>.<\/p>\n

T\u00e4m\u00e4n valikon Koko-asetuksen avulla voit m\u00e4\u00e4ritt\u00e4\u00e4 kirjainten koon itse<\/strong>, Paino-asetuksen avulla voit s\u00e4\u00e4t\u00e4\u00e4 kirjainten leveytt\u00e4 fontissa<\/strong>. Muunna-asetuksen avulla voit valita, haluatko tekstin olevan vain isoilla vai pienill\u00e4 kirjaimilla vai isoilla kirjaimilla jne. Koriste-asetuksella voit valita saman fontin tyylien v\u00e4lill\u00e4 \u2013 oletus, normaali, kursivoitu tai vino. Voit my\u00f6s itse s\u00e4\u00e4t\u00e4\u00e4 rivin korkeutta<\/strong> ja kirjainv\u00e4li\u00e4.<\/p>\n

Typografia-asetuksia on todella hauska s\u00e4\u00e4t\u00e4\u00e4, koska valinnanvaraa on niin paljon, ja voit todella asettaa sek\u00e4 otsikon ett\u00e4 leip\u00e4tekstin n\u00e4ytt\u00e4m\u00e4\u00e4n t\u00e4sm\u00e4lleen sellaisilta kuin kuvittelet sen. Kun olet antanut sille viimeisen silauksen, voit siirty\u00e4 muihin tyyliasetuksiin, joihin kuuluu fontin v\u00e4rin, taustav\u00e4rin ja reunusten valitseminen, jos haluat ne<\/strong>. Jos valitsit taustan liukuv\u00e4rityypin, Sijainti-vaihtoehdon avulla voit hienos\u00e4\u00e4t\u00e4\u00e4 gradienttitehostetta.<\/p>\n

Alla n\u00e4et esimerkin otsikon j\u00e4rjest\u00e4misest\u00e4, l\u00f6ysimme reunavaihtoehdon, jonka avulla voit s\u00e4\u00e4t\u00e4\u00e4 otsikon leveytt\u00e4 eritt\u00e4in mielenkiintoiseksi. K\u00e4ytimme vain otsikon toista puolta, mutta voit kokeilla ja n\u00e4hd\u00e4, mik\u00e4 sopii sinulle parhaiten.<\/p>\n

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

Voit my\u00f6s muokata teksti\u00e4 fontin v\u00e4rin, taustav\u00e4rin, typografian ja reunustyypin mukaan. Koska sinulla on reaaliaikainen esikatselu kaikista tekemist\u00e4si muutoksista, sinulla on paljon tilaa kokeilla, kunnes l\u00f6yd\u00e4t sen, mik\u00e4 n\u00e4ytt\u00e4\u00e4 hyv\u00e4lt\u00e4 sivulta.<\/p>\n

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

Alla oleva kuva on esimerkki siit\u00e4, kuinka r\u00e4\u00e4t\u00e4l\u00f6imme tekstin niin, ett\u00e4 se sopii sivun muuhun sis\u00e4lt\u00f6\u00f6n.<\/p>\n

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

Seuraava t\u00e4rke\u00e4 t\u00e4ss\u00e4 valikossa huomioitava asetus on Active\/Hover-vaihtoehto<\/strong>. T\u00e4ss\u00e4 voit m\u00e4\u00e4ritt\u00e4\u00e4, milt\u00e4 v\u00e4lilehti n\u00e4ytt\u00e4\u00e4, kun osoitin vie sen p\u00e4\u00e4lle<\/strong>. Vaihtoehdot ovat samat kuin kaikki edell\u00e4 mainitut, joten jos haluat sis\u00e4ll\u00f6n n\u00e4ytt\u00e4v\u00e4n erilaiselta viet\u00e4ess\u00e4 hiiren osoitinta, voit m\u00e4\u00e4ritt\u00e4\u00e4 tarkalleen, kuinka erilaiselta haluat sen n\u00e4ytt\u00e4v\u00e4n.<\/p>\n

T\u00e4\u00e4lt\u00e4 l\u00f6ytyv\u00e4t Sideline-vaihtoehdot ovat animoitujen hover-tehosteiden lis\u00e4\u00e4mist\u00e4 varten.<\/strong> Suosittelemme, ett\u00e4 kokeilet sit\u00e4 hieman ja katsot, mik\u00e4 n\u00e4ytt\u00e4isi parhaimmalta sivuillasi.<\/p>\n

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

Jos olet tyytyv\u00e4inen siihen, miten asetit v\u00e4lilehden t\u00e4h\u00e4n menness\u00e4, voit jatkaa v\u00e4lityyliasetusten tutkimista. Niiden avulla voit s\u00e4\u00e4t\u00e4\u00e4 v\u00e4lilehdell\u00e4 k\u00e4ytt\u00e4miesi otsikon, sis\u00e4ll\u00f6n ja kohteiden v\u00e4li\u00e4.<\/p>\n

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

Jos sinun on lis\u00e4tt\u00e4v\u00e4 vaakasuuntainen v\u00e4lilehti, menettely on periaatteessa sama. K\u00e4ytett\u00e4viss\u00e4si on kaikki samat vaihtoehdot paitsi Sijoita sis\u00e4lt\u00f6 n\u00e4yt\u00f6n v\u00e4lilehden alle -vaihtoehdon alla.<\/p>\n

Katso tarkemmat tiedot seuraavista videoista:<\/p>\n