{"id":365859,"date":"2022-10-22T14:08:00","date_gmt":"2022-10-22T11:08:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=365859"},"modified":"2023-01-20T20:03:02","modified_gmt":"2023-01-20T17:03:02","slug":"mukauta-wordpress-kirjautumissivuasi-yith-custom-login-laajennuksella","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/mukauta-wordpress-kirjautumissivuasi-yith-custom-login-laajennuksella\/","title":{"rendered":"Mukauta WordPress-kirjautumissivuasi YITH Custom Login -laajennuksella"},"content":{"rendered":"\n<p>Parasta WordPress-verkkosivustolla on se, kuinka helppoa se on mukauttaa. Sen tekemiseen ei tarvita tonnia rahaa, koodaustaitoja tai aikaa. Sinun tarvitsee vain ladata ja asentaa ilmainen teema tai laajennus, niin verkkosivusto n\u00e4ytt\u00e4\u00e4 erilaiselta tai saa uusia toimintoja.<\/p>\n<p>Voit tehd\u00e4 sen jokaiselle verkkosivustosi sivulle. Jopa kirjautumissivua, joka on niin helposti itsest\u00e4\u00e4nselvyys, voidaan muokata vastaamaan verkkosivustosi uutta ulkoasua. Kun n\u00e4et, kuinka helppoa sen muuttaminen on, kysyt todenn\u00e4k\u00f6isesti itselt\u00e4si, miksi et ole tehnyt sit\u00e4 aiemmin. Katsotaanpa, kuinka voit k\u00e4ytt\u00e4\u00e4 <a href=\"https:\/\/wordpress.org\/plugins\/yith-custom-login\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">YITH:n mukautettua kirjautumissivua<\/a> tai yht\u00e4 parhaista <a href=\"https:\/\/themewp.inform.click\/fi\/5-huippuluokan-mukautettua-wordpress-kirjautumislaajennusta\/\" title=\"mukautetun kirjautumissivun WordPress-laajennuksista\">mukautetun kirjautumissivun WordPress-laajennuksista<\/a>. N\u00e4in kuka tahansa voi <a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-kirjautua-wordpressiin-muutamalla-yksinkertaisella-vaiheella\/\" title=\"kirjautua WordPress-sivustollesi\">kirjautua WordPress-sivustollesi<\/a> helposti.<\/p>\n<h2>Miksi haluat luoda mukautetun WordPress-kirjautumissivun?<\/h2>\n<p>WordPressin oletuskirjautumissivu n\u00e4ytt\u00e4\u00e4 yksinkertaiselta ja <strong>pelkistettyn\u00e4<\/strong>. Siin\u00e4 on kaksi kentt\u00e4\u00e4, logo, painike, pari linkki\u00e4 ja yksi valintaruutu. T\u00e4lt\u00e4 se n\u00e4ytt\u00e4\u00e4:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8455da0.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-361903-633ecc8455da0.jpg\" alt=\"Mukauta WordPress-kirjautumissivuasi YITH Custom Login -laajennuksella\"><\/a><\/p>\n<p>T\u00e4ll\u00e4 sivulla ei ole mit\u00e4\u00e4n vikaa. Se tekee kirjautumisesta WordPressiin eritt\u00e4in yksinkertaista \u2013 t\u00e4\u00e4ll\u00e4 ei voi tehd\u00e4 melkein mit\u00e4\u00e4n v\u00e4\u00e4rin, koska kaikki on helppo ymm\u00e4rt\u00e4\u00e4.<\/p>\n<p>Mutta se on hukattu tilaisuus. Ainakin <strong>sinun pit\u00e4isi pysty\u00e4 n\u00e4ytt\u00e4m\u00e4\u00e4n oma logosi kirjautumissivulla<\/strong>. Ei haittaisi, jos pystyisit n\u00e4ytt\u00e4m\u00e4\u00e4n jotain muuta \u2013 esimerkiksi maskotin \u2013 tai sotkemaan v\u00e4rej\u00e4, v\u00e4h\u00e4n tai fontteja.<\/p>\n<h2>Mit\u00e4 voit tehd\u00e4 YITH:n mukautetulla kirjautumisella?<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc87f37a1.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-361903-633ecc87f37a1.jpg\" alt=\"Mukauta WordPress-kirjautumissivuasi YITH Custom Login -laajennuksella\"><\/a><\/p>\n<p>YITH Custom Login -laajennus voi auttaa sinua muuttamaan verkkosivustosi kirjautumissivun ulkoasua. Kun olet asentanut laajennuksen, se muuttaa WordPress-kirjautumissivusi ulkoasun t\u00e4lt\u00e4:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8b03bc0.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-361903-633ecc8b03bc0.jpg\" alt=\"Mukauta WordPress-kirjautumissivuasi YITH Custom Login -laajennuksella\"><\/a><\/p>\n<p>Kirjautumissivu ei pysy sellaisena, jos et halua. T\u00e4m\u00e4 on oletusasu, jonka saat <a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-asentaa-wordpress-laajennukset-helposti\/\" title=\"laajennuksen asentamisen ja aktivoinnin j\u00e4lkeen\">laajennuksen asentamisen ja aktivoinnin j\u00e4lkeen<\/a>, mutta voit muuttaa sit\u00e4. <strong>Voit esimerkiksi muuttaa sivun taustav\u00e4ri\u00e4 tai asettaa taustalle kuvan<\/strong>.<\/p>\n<p>Voit my\u00f6s vaihtaa papukaija-maskotin omaasi, jos sinulla on sellainen. Sivu on valmis logoasi varten, ja voit leikki\u00e4 k\u00e4ytt\u00e4j\u00e4tunnus- ja salasanakentill\u00e4 muuttaaksesi niiden ulkon\u00e4k\u00f6\u00e4 ja niiden merkint\u00f6j\u00e4. <strong>Pohjimmiltaan t\u00e4m\u00e4 laajennus antaa sinun hallita kaikkia t\u00e4rkeit\u00e4 elementtej\u00e4 kirjautumissivulla<\/strong>. Katsotaanpa sit\u00e4 tarkemmin.<\/p>\n<h2>Yleiset asetukset<\/h2>\n<p>Ennen kuin sukeltaamme laajennuksen yleisiin asetuksiin, varmistamme ensin, ett\u00e4 tied\u00e4t kuinka l\u00f6yd\u00e4t laajennuksen. <strong>Sinun pit\u00e4isi l\u00f6yt\u00e4\u00e4 p\u00e4\u00e4valikosta vaihtoehto &quot;ulkon\u00e4k\u00f6&quot; ja klikata sen alla olevaa &quot;kirjautumisn\u00e4ytt\u00f6\u00e4&quot;<\/strong> :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8e0924f.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-361903-633ecc8e0924f.jpg\" alt=\"Mukauta WordPress-kirjautumissivuasi YITH Custom Login -laajennuksella\"><\/a><\/p>\n<p>Kun olet tehnyt sen, siirryt laajennusvaihtoehtoihin ja n\u00e4et, ett\u00e4 Yleiset asetukset -v\u00e4lilehti on ensimm\u00e4inen vasemmalta.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc90b5a58.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-361903-633ecc90b5a58.jpg\" alt=\"Mukauta WordPress-kirjautumissivuasi YITH Custom Login -laajennuksella\"><\/a><\/p>\n<p>Yleiset asetukset -v\u00e4lilehdell\u00e4 voit tehd\u00e4 kaksi t\u00e4rke\u00e4\u00e4 asiaa: <strong>ottaa mukautetun kirjautumislaajennuksen k\u00e4ytt\u00f6\u00f6n ja asettaa maskottikuvasi<\/strong>. Asetukset ovat yht\u00e4 yksinkertaisia \u200b\u200bkuin milt\u00e4 ne kuulostaakin, ainakin siihen asti, kunnes et ole tyytyv\u00e4inen maskottisi asemaan \u2013 etk\u00e4 todenn\u00e4k\u00f6isesti olekaan.<\/p>\n<p>K\u00e4yd\u00e4\u00e4n t\u00e4m\u00e4n sivun vaihtoehdot l\u00e4pi yksitellen.<\/p>\n<ul>\n<li><strong>Ota mukautettu kirjautuminen k\u00e4ytt\u00f6\u00f6n:<\/strong> Kun olet asentanut laajennuksen, t\u00e4m\u00e4 vaihtoehto valitaan oletusarvoisesti. Jos haluat jossain vaiheessa palata oletuskirjautumissivulle, sinun tarvitsee vain poistaa t\u00e4m\u00e4n ruudun valinta.<\/li>\n<li><strong>N\u00e4yt\u00e4 maskottikuva:<\/strong> T\u00e4m\u00e4 on ruutu, joka sinun on valittava, jos haluat maskotin n\u00e4kyv\u00e4n mukautetulla kirjautumissivullasi. Kun ruutua ei ole valittu, maskotti ei ole n\u00e4kyviss\u00e4.<\/li>\n<li><strong>Maskottikuvan URL-osoite:<\/strong> Papukaija-maskotti on asetettu oletusarvoisesti, eik\u00e4 sinun tarvitse muuttaa sit\u00e4, jos et halua. Jos haluat muuttaa sit\u00e4, paras tapa tehd\u00e4 se on lis\u00e4t\u00e4 kuva (.png-muoto, noin 140x185px) Mediakirjastoon ja laittaa sitten linkki siihen t\u00e4h\u00e4n kentt\u00e4\u00e4n.<\/li>\n<li><strong>Mukautettu CSS:<\/strong> T\u00e4m\u00e4 on kentt\u00e4, jossa muutat maskotin sijaintia. Se on monimutkaisin asia, jonka voit tehd\u00e4 Yleiset asetukset -v\u00e4lilehdess\u00e4.<\/li>\n<\/ul>\n<p>Jos et ole tyytyv\u00e4inen maskotin ulkon\u00e4k\u00f6\u00f6n, <strong>sinun on <a href=\"https:\/\/themewp.inform.click\/fi\/web-sivuston-elementtien-tarkistaminen-selaimessasi\/\" title=\"tarkastettava se\">tarkastettava se<\/a> ja etsitt\u00e4v\u00e4 koodia, kunnes l\u00f6yd\u00e4t arvot, jotka m\u00e4\u00e4ritt\u00e4v\u00e4t sen sijainnin<\/strong> :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc94061ca.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-361903-633ecc94061ca.jpg\" alt=\"Mukauta WordPress-kirjautumissivuasi YITH Custom Login -laajennuksella\"><\/a><\/p>\n<p><strong>Saat vain viulua &quot;ylimm\u00e4n&quot; ja &quot;oikean&quot; arvojen kanssa<\/strong>. Jos tarvitset apua selvitt\u00e4\u00e4ksesi, mitk\u00e4 parametrit toimivat sinulle parhaiten, kokeile aluksi n\u00e4it\u00e4:<\/p>\n<pre><code>#login img.mascotte {\nposition:absolute;\nright:-122px;\ntop:62px;\n}<\/code><\/pre>\n<p>Kun muutat niit\u00e4, sinun on kopioitava koko koodi Custom CSS -kentt\u00e4\u00e4n. \u00c4l\u00e4 unohda tallentaa muutokset, kun olet valmis.<\/p>\n<h2>Taustaasetukset<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc97228b6.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-361903-633ecc97228b6.jpg\" alt=\"Mukauta WordPress-kirjautumissivuasi YITH Custom Login -laajennuksella\"><\/a><\/p>\n<p>Taustaasetukset- v\u00e4lilehdell\u00e4 voit <strong>hienos\u00e4\u00e4t\u00e4\u00e4 taustan ulkoasua ja toimintaa<\/strong>. Seuraavat asiat odottavat sinua, kun vaihdat t\u00e4h\u00e4n v\u00e4lilehteen:<\/p>\n<ul>\n<li><strong>Taustakuva<\/strong>: Kentt\u00e4, johon sijoitat linkin taustakuvaan, jos aiot k\u00e4ytt\u00e4\u00e4 sellaista.<\/li>\n<li><strong>Taustav\u00e4ri<\/strong>: Saat joitain vaihtoehtoja taustav\u00e4rin valitsemiseen, joten voit valita, milt\u00e4 mukautettu WordPress-kirjautumissivusi n\u00e4ytt\u00e4\u00e4, vaikka et k\u00e4ytt\u00e4isi taustakuvaa.<\/li>\n<li><strong>Taustatoisto<\/strong>: Saat vakioasetukset taustakuvan toistamiseen vaakasuunnassa, pystysuunnassa tai ei toista ollenkaan.<\/li>\n<li><strong>Taustan sijainti<\/strong>: T\u00e4m\u00e4n vaihtoehdon avulla voit m\u00e4\u00e4ritt\u00e4\u00e4 taustakuvan sijainnin \u2013 sinulla on yl\u00e4- ja alasijainti sek\u00e4 kohdistus vasemmalle, oikealle ja keskelle.<\/li>\n<li><strong>Taustaliite<\/strong>: Voit valita taustakuvallesi kaksi tapaa: se voi olla kiinte\u00e4 ja se voi n\u00e4ky\u00e4 aina sivulla tai se voi vieritt\u00e4\u00e4 ja liikkua yhdess\u00e4 sen kanssa.<\/li>\n<\/ul>\n<p>Se on kaikki melko tavallista taustan asettamiseen. Lis\u00e4\u00e4 oma kuvasi tai \u00e4l\u00e4, pelaa taustakuvan eri yhdistelmill\u00e4 ja toista, valitse kaunis v\u00e4ri tai yhdist\u00e4 n\u00e4m\u00e4 kaksi \u2013 se on t\u00e4ysin sinun p\u00e4\u00e4tett\u00e4viss\u00e4si. Kuten aina, muista tallentaa muutokset, jotka haluat s\u00e4ilytt\u00e4\u00e4.<\/p>\n<h2>Logon asetukset<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9a542a2.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-361903-633ecc9a542a2.jpg\" alt=\"Mukauta WordPress-kirjautumissivuasi YITH Custom Login -laajennuksella\"><\/a><\/p>\n<p>Yksi YITH Custom Login -laajennuksen parhaista k\u00e4ytt\u00f6tavoista on <strong>oman logon lis\u00e4\u00e4minen laajennussivulle WordPress-logon sijaan<\/strong>. Logovalinnat-v\u00e4lilehdell\u00e4 on seuraavat vaihtoehdot.<\/p>\n<ul>\n<li><strong>Logon kuva:<\/strong> T\u00e4ss\u00e4 voit valita kuvan, jota k\u00e4yt\u00e4t logossasi.<\/li>\n<li><strong>Taustav\u00e4ri:<\/strong> Jos lataat logon .png-muodossa, voit valita logosi alla n\u00e4kyv\u00e4n v\u00e4rin.<\/li>\n<li><strong>Logon leveys ja korkeus:<\/strong> Voit valita logosi koon kirjautumissivulla.<\/li>\n<\/ul>\n<p>N\u00e4m\u00e4 nelj\u00e4 vaihtoehtoa ovat kaikki mit\u00e4 tarvitset asettaaksesi logosi YITH:n mukautetulla kirjautumissivulla. Kun olet tehnyt haluamasi s\u00e4\u00e4d\u00f6t, muista klikata &quot;tallenna asetukset&quot; -painiketta ennen kuin jatkat.<\/p>\n<h2>Lomakeasetukset<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9ce0ff6.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-361903-633ecc9ce0ff6.jpg\" alt=\"Mukauta WordPress-kirjautumissivuasi YITH Custom Login -laajennuksella\"><\/a><\/p>\n<p>Lomakekentt\u00e4 mahdollistaa tarkimman mukauttamisen koko laajennuksessa. T\u00e4ss\u00e4 v\u00e4lilehdess\u00e4 on kolme vaihtoehtoryhm\u00e4\u00e4:<\/p>\n<ul>\n<li><strong>Yleiset lomakeasetukset:<\/strong> T\u00e4ss\u00e4 voit m\u00e4\u00e4ritt\u00e4\u00e4 s\u00e4il\u00f6n leveyden ja valita k\u00e4ytt\u00e4j\u00e4nimen ja salasanan paikkamerkit.<\/li>\n<li><strong>Typografiaasetukset:<\/strong> Voit valita erikseen kenttien, yleistekstin ja l\u00e4het\u00e4-painikkeen tekstin fontin, koon, tyylin ja v\u00e4rin. Voit my\u00f6s valita, mink\u00e4 v\u00e4rin l\u00e4hetyspainikkeen teksti muuttuu, kun osoitinta vietet\u00e4\u00e4n.<\/li>\n<li><strong>V\u00e4riasetus:<\/strong> Voit mukauttaa kenttien taustan ja reunusten v\u00e4rej\u00e4 eri tilanteissa: niihin tarkennettaessa, l\u00e4hetett\u00e4ess\u00e4 tai viet\u00e4ess\u00e4 hiiren osoitinta niiden p\u00e4\u00e4lle.<\/li>\n<\/ul>\n<p>Jos haluat lomakekenttien olevan yrityksesi logon v\u00e4reiss\u00e4, <strong>t\u00e4m\u00e4 on paikka, jossa voit m\u00e4\u00e4ritt\u00e4\u00e4 kaiken<\/strong>. Varmista vain, ett\u00e4 kaikki muutokset, jotka haluat s\u00e4ilytt\u00e4\u00e4, on tallennettu ennen v\u00e4lilehden sulkemista.<\/p>\n<h2>P\u00e4\u00e4tet\u00e4\u00e4n se loppuun!<\/h2>\n<p>WordPress-verkkosivustosi voi olla niin kaunis ja mielenkiintoinen tai niin paljas ja yksinkertainen, kuin haluat sen olevan. T\u00e4m\u00e4 on loistava muokattavuus, joka tekee verkkosivuston rakentamisesta WordPressiss\u00e4 niin palkitsevan kokemuksen. <strong>Joten kun ajattelet verkkosivustosi hienos\u00e4\u00e4t\u00f6\u00e4, \u00e4l\u00e4 ajattele, ett\u00e4 olet juuttunut samaan WordPress-kirjautumissivuun<\/strong>. YITH Custom Login -laajennuksella voit lis\u00e4t\u00e4 uuden kirjautumissivun ja muokata sit\u00e4 visiosi tai yrityksesi visuaalisen identiteetin ja tyylin mukaan.<\/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>Haluatko luoda mukautetun kirjautumissivun WordPress-verkkosivustollesi? Opi tekem\u00e4\u00e4n se helposti YITH Custom Login -laajennuksella!<\/p>\n","protected":false},"author":1,"featured_media":364812,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[570],"tags":[843],"class_list":["post-365859","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\/365859","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=365859"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/365859\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/364812"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=365859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=365859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=365859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}