{"id":365989,"date":"2022-11-04T10:35:00","date_gmt":"2022-11-04T07:35:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=365989"},"modified":"2022-12-10T12:16:06","modified_gmt":"2022-12-10T09:16:06","slug":"kuinka-rakentaa-yksisivuinen-wordpress-verkkosivusto-elementorilla","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-rakentaa-yksisivuinen-wordpress-verkkosivusto-elementorilla\/","title":{"rendered":"Kuinka rakentaa yksisivuinen WordPress-verkkosivusto Elementorilla"},"content":{"rendered":"\n

Helppok\u00e4ytt\u00f6isyys on t\u00e4rkein syy siihen, miksi WordPress on suosituin sis\u00e4ll\u00f6nhallintaj\u00e4rjestelm\u00e4<\/strong>. My\u00f6s ihmiset, joilla ei ole vahvaa teknist\u00e4 taustaa, voivat helposti luoda ja yll\u00e4pit\u00e4\u00e4 verkkosivustoja yksin. T\u00e4ll\u00e4 opetusohjelmalla osoitamme juuri sen k\u00e4ytt\u00e4m\u00e4ll\u00e4 Elementor -sivunrakennusty\u00f6kalua<\/a> yhden sivun WordPress-verkkosivuston rakentamiseen<\/strong>.<\/p>\n

Aloitetaan selitt\u00e4m\u00e4ll\u00e4, mik\u00e4 yksisivuinen verkkosivusto itse asiassa on. Toisin kuin nimi antaa ymm\u00e4rt\u00e4\u00e4, se ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 rajoitu yhdelle sivulle<\/strong>. Haluat esimerkiksi luoda etusivun, jossa on osiot, kuten Etusivu, Tietoja, Yhteystiedot ja vastaavat, ja linkitt\u00e4\u00e4 sielt\u00e4 galleriaan, portfolioon tai blogiin.<\/p>\n

Liikkuminen p\u00e4\u00e4sivusi osien v\u00e4lill\u00e4 ilman, ett\u00e4 sinun tarvitsee selata kaikkia osioita, voidaan tehd\u00e4 helposti k\u00e4ytt\u00e4m\u00e4ll\u00e4 sivulla olevia linkkej\u00e4<\/strong> tai ankkureita. Elementorissa on my\u00f6s valmis elementti ankkurin asettamista varten<\/strong>, ja se on eritt\u00e4in helppok\u00e4ytt\u00f6inen.<\/p>\n

Tietenkin voit k\u00e4ytt\u00e4\u00e4 ankkureita sivun eri osien yhdist\u00e4miseen<\/a><\/strong> k\u00e4ytt\u00e4m\u00e4ll\u00e4 Menu Anchor -elementti\u00e4 yhdess\u00e4 eri linkitett\u00e4vien elementtien kanssa, mutta t\u00e4ss\u00e4 opetusohjelmassa keskustelemme siit\u00e4, kuinka se tehd\u00e4\u00e4n valikon avulla.<\/p>\n

Aloitetaan<\/h2>\n

Luomme sivun, jossa on nelj\u00e4 osiota, ja k\u00e4yt\u00e4mme valikkoa linkitt\u00e4\u00e4ksemme kaikkiin n\u00e4ihin. Koska Etusivu-osio tulee joka tapauksessa olemaan sivumme yl\u00e4osassa, ei ankkuria tarvita. Linkki sivullesi vie sinut sivun yl\u00e4osaan, joten voit k\u00e4ytt\u00e4\u00e4 sit\u00e4 vain valikon Etusivu-vaihtoehdossa.<\/p>\n

T\u00e4m\u00e4 tarkoittaa , ett\u00e4 tarvitsemme kolme muuta ankkuria, yhden kullekin muulle osiolle<\/strong>: Tietoja meist\u00e4, Ruokalistamme ja Yhteystiedot.<\/p>\n

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

Voit sijoittaa ankkurin yksinkertaisesti etsim\u00e4ll\u00e4 Menu Anchor -elementin Elementorin sivupalkin valikosta<\/strong> ja vet\u00e4m\u00e4ll\u00e4 ja pudottamalla sen haluamaasi kohtaan<\/strong>, esimerkiksi jokaisen osion yl\u00e4puolelle.<\/p>\n

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

Huomaa, ett\u00e4 ankkuri on vain auttamaan navigoinnissa, eik\u00e4 se siksi n\u00e4y vierailijalle mill\u00e4\u00e4n tavalla,<\/strong> se n\u00e4kyy vain editorissa, jotta voimme n\u00e4hd\u00e4 miss\u00e4 se on, kun rakennamme verkkosivustoamme.<\/p>\n

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

Seuraavaksi meid\u00e4n on nimett\u00e4v\u00e4 jokainen ankkureista ja annettava niille heid\u00e4n yksil\u00f6lliset tunnuksensa<\/strong>. N\u00e4iden on oltava yksi merkkijono, jossa k\u00e4ytet\u00e4\u00e4n isoja ja pieni\u00e4 kirjaimia, numeroita, v\u00e4liviivoja ja alaviivoja, mutta ei v\u00e4lily\u00f6ntej\u00e4.<\/p>\n

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

Linkin luominen valikosta<\/h2>\n

Seuraavaksi aiomme rakentaa mukautetun valikon<\/a> k\u00e4ytt\u00e4m\u00e4ll\u00e4 WordPressin oletuseditoria<\/strong> ja noudattamalla n\u00e4it\u00e4 helppoja ohjeita.<\/p>\n

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

Luomme sitten valikkoon kolme mukautettua linkki\u00e4<\/strong>. Sy\u00f6t\u00e4mme URL – kentt\u00e4\u00e4n ankkurin nimemme, jonka alussa on #<\/strong>, kuten kohdassa #ankkurin_nimi. Linkin tekstikentt\u00e4 on valikkovaihtoehdon teksti. T\u00e4ss\u00e4 tapauksessa, koska haluamme ankkurilinkin viev\u00e4n meid\u00e4t Tietoja meist\u00e4 -osioon, sy\u00f6t\u00e4mme t\u00e4m\u00e4n. Toistamme t\u00e4m\u00e4n my\u00f6s Menu- ja Yhteystiedot-osioissa: lis\u00e4\u00e4 ankkuri ja linkit\u00e4 sitten valikon kautta.<\/p>\n

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

Huomaa, ett\u00e4 n\u00e4m\u00e4 ankkurilinkit toimivat vain samalla sivulla, jolla ankkurit ovat<\/strong>. Jos sinulla on toinen sivu, jolla on sama valikko, ankkurilinkki ei toimi. Ankkurilinkit menev\u00e4t vain niiden kohdeankkureiden j\u00e4lkeen sivulla, jolla linkitetyt elementit ovat<\/strong>.<\/p>\n

N\u00e4in m\u00e4\u00e4ritettyn\u00e4 ankkurilinkki toimii kaikille ankkureille<\/strong> riippumatta siit\u00e4, mill\u00e4 sivulla linkki on.<\/p>\n

Kuten olet n\u00e4hnyt, sinulla on t\u00e4ysin toimiva, helposti navigoitava yksisivuinen verkkosivusto muutamassa minuutissa, nopeasti ja helposti, l\u00e4hes nollalla vaivalla ja tarkalleen nollalla koodaustiedolla. Tarvitset vain Elementor-sivunrakennusty\u00f6kalun ja t\u00e4m\u00e4n k\u00e4tev\u00e4n opetusohjelman, ja olet valmis. \u00c4l\u00e4 my\u00f6sk\u00e4\u00e4n unohda pit\u00e4\u00e4 sis\u00e4lt\u00f6si tuoreena ja kiinnostavana. Valitse kuvat huolellisesti ja kiinnit\u00e4 huomiota sivuston j\u00e4rjestykseen. Samalla tiedolla voi olla erilainen merkitys sen mukaan, mihin ne on sijoitettu. K\u00e4yt\u00e4 siis eri v\u00e4rej\u00e4 sis\u00e4ll\u00f6llesi tai vaihda fonttia<\/a> kiinnitt\u00e4\u00e4ksesi huomion ammattimaisesti.<\/p>\n

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

Ota yksisivuinen WordPress-verkkosivusto k\u00e4ytt\u00f6\u00f6n WPKlikin ja Elementor-sivunrakennusohjelman avulla.<\/p>\n","protected":false},"author":1,"featured_media":363491,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[570],"tags":[843],"class_list":["post-365989","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\/365989","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=365989"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/365989\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/363491"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=365989"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=365989"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=365989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}