{"id":365795,"date":"2022-10-22T13:56:00","date_gmt":"2022-10-22T10:56:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=365795"},"modified":"2023-01-20T19:25:11","modified_gmt":"2023-01-20T16:25:11","slug":"anpassa-din-wordpress-inloggningssida-med-yith-custom-login-plugin","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/anpassa-din-wordpress-inloggningssida-med-yith-custom-login-plugin\/","title":{"rendered":"Anpassa din WordPress-inloggningssida med YITH Custom Login-plugin"},"content":{"rendered":"\n<p>Det b\u00e4sta med att ha en WordPress-webbplats \u00e4r hur l\u00e4tt det \u00e4r att anpassa den. Det finns inget behov av att ha massor av pengar f\u00f6r att g\u00f6ra det, eller kodningsf\u00f6rm\u00e5ga eller tid. Du beh\u00f6ver bara ladda ner och installera ett gratis tema eller ett plugin, s\u00e5 kommer webbplatsen att se annorlunda ut eller f\u00e5 n\u00e5gra nya funktioner.<\/p>\n<p>Du kan g\u00f6ra det f\u00f6r varje sida p\u00e5 din webbplats. \u00c4ven inloggningssidan, som s\u00e5 l\u00e4tt tas f\u00f6r given, kan modifieras f\u00f6r att \u00e5terspegla den nya designen p\u00e5 din webbplats. N\u00e4r du ser hur l\u00e4tt det \u00e4r att \u00e4ndra det kommer du f\u00f6rmodligen att fr\u00e5ga dig sj\u00e4lv varf\u00f6r du inte har gjort det tidigare. L\u00e5t oss se hur du kan anv\u00e4nda <a href=\"https:\/\/wordpress.org\/plugins\/yith-custom-login\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">YITH Custom Login Page<\/a> eller en av de b\u00e4sta <a href=\"https:\/\/themewp.inform.click\/sv\/5-banbrytande-wordpress-custom-login-plugins\/\" title=\"WordPress-plugins f\u00f6r anpassad inloggning\">WordPress-plugins f\u00f6r anpassad inloggning<\/a>. Detta g\u00f6r att alla enkelt kan <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-loggar-in-pa-wordpress-i-nagra-enkla-steg\/\" title=\"logga in p\u00e5 din WordPress-webbplats\">logga in p\u00e5 din WordPress-webbplats<\/a>.<\/p>\n<h2>Varf\u00f6r skulle du vilja skapa en anpassad WordPress-inloggningssida?<\/h2>\n<p>Standardinloggningssidan <strong>f\u00f6r WordPress ser enkel ut och reducerad till rena element<\/strong>. Den har tv\u00e5 f\u00e4lt, en logotyp, en knapp, ett par l\u00e4nkar och en kryssruta. S\u00e5 h\u00e4r ser det ut:<\/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=\"Anpassa din WordPress-inloggningssida med YITH Custom Login-plugin\"><\/a><\/p>\n<p>Det \u00e4r inget fel p\u00e5 den h\u00e4r sidan. Det g\u00f6r det v\u00e4ldigt enkelt att logga in p\u00e5 WordPress \u2013 det finns n\u00e4stan inget du kan g\u00f6ra fel h\u00e4r eftersom allt \u00e4r l\u00e4tt att f\u00f6rst\u00e5.<\/p>\n<p>Men det \u00e4r ett missat tillf\u00e4lle. \u00c5tminstone <strong>b\u00f6r du kunna visa din egen logotyp p\u00e5 inloggningssidan<\/strong>. Det skulle inte skada om du kunde visa n\u00e5got annat &#8211; en maskot, till exempel &#8211; eller br\u00e5ka med f\u00e4rger, lite eller med typsnitten.<\/p>\n<h2>Vad kan du g\u00f6ra med YITH Custom Login?<\/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=\"Anpassa din WordPress-inloggningssida med YITH Custom Login-plugin\"><\/a><\/p>\n<p>YITH Custom Login-plugin kan hj\u00e4lpa dig att \u00e4ndra hur din webbplatss inloggningssida ser ut. N\u00e4r du har installerat plugin-programmet kommer det att \u00e4ndra utseendet p\u00e5 din WordPress-inloggningssida s\u00e5 att den ser ut s\u00e5 h\u00e4r:<\/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=\"Anpassa din WordPress-inloggningssida med YITH Custom Login-plugin\"><\/a><\/p>\n<p>Inloggningssidan kommer inte att f\u00f6rbli s\u00e5 om du inte vill. Det h\u00e4r \u00e4r standardutseendet du f\u00e5r efter <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-installerar-wordpress-plugins-pa-ett-enkelt-satt\/\" title=\"installation och aktivering av plugin-programmet\">installation och aktivering av plugin-programmet<\/a>, men du kan \u00e4ndra det. <strong>Du kan till exempel \u00e4ndra bakgrundsf\u00e4rgen p\u00e5 sidan eller st\u00e4lla in en bild f\u00f6r bakgrunden<\/strong>.<\/p>\n<p>Du kan ocks\u00e5 byta papegojmaskot med din om du har en. Sidan \u00e4r redo f\u00f6r din logotyp, och du kan leka med f\u00e4lten f\u00f6r anv\u00e4ndarnamn och l\u00f6senord f\u00f6r att \u00e4ndra deras utseende och hur de \u00e4r m\u00e4rkta. <strong>I grund och botten ger detta plugin dig kontroll \u00f6ver alla viktiga element p\u00e5 inloggningssidan<\/strong>. L\u00e5t oss titta n\u00e4rmare p\u00e5 det.<\/p>\n<h2>Allm\u00e4nna Inst\u00e4llningar<\/h2>\n<p>Innan vi dyker in i plugins allm\u00e4nna inst\u00e4llningar, l\u00e5t oss f\u00f6rst se till att du vet hur du hittar plugin. <strong>Du b\u00f6r hitta alternativet &quot;utseende&quot; i huvudmenyn och klicka p\u00e5 &quot;inloggningssk\u00e4rmen&quot; under det<\/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=\"Anpassa din WordPress-inloggningssida med YITH Custom Login-plugin\"><\/a><\/p>\n<p>N\u00e4r du har gjort det kommer du att g\u00e5 till plugin-alternativ och du ser att fliken allm\u00e4nna inst\u00e4llningar \u00e4r den f\u00f6rsta fr\u00e5n v\u00e4nster.<\/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=\"Anpassa din WordPress-inloggningssida med YITH Custom Login-plugin\"><\/a><\/p>\n<p>Fliken allm\u00e4nna inst\u00e4llningar \u00e4r d\u00e4r du g\u00f6r tv\u00e5 viktiga saker: <strong>aktivera det anpassade inloggningspluginet och st\u00e4ll in din maskotbild<\/strong>. Inst\u00e4llningarna \u00e4r lika enkla som de l\u00e5ter, \u00e5tminstone tills du kommer till den punkt d\u00e4r du inte \u00e4r n\u00f6jd med din maskots position &#8211; och det \u00e4r chansen att du inte kommer att vara det.<\/p>\n<p>L\u00e5t oss g\u00e5 igenom alternativen p\u00e5 den h\u00e4r sidan en efter en.<\/p>\n<ul>\n<li><strong>Aktivera anpassad inloggning:<\/strong> N\u00e4r du har installerat plugin-programmet kommer detta alternativ att vara markerat som standard. Om du vid n\u00e5got tillf\u00e4lle vill \u00e5terg\u00e5 till standardinloggningssidan, \u00e4r allt du beh\u00f6ver g\u00f6ra att avmarkera den h\u00e4r rutan.<\/li>\n<li><strong>Visa maskotbild:<\/strong> Det h\u00e4r \u00e4r rutan du m\u00e5ste markera om du vill att en maskot ska visas p\u00e5 din anpassade inloggningssida. N\u00e4r rutan \u00e4r avmarkerad kommer maskoten inte att synas.<\/li>\n<li><strong>Mascotte image URL:<\/strong> Papegojmaskoten \u00e4r inst\u00e4lld som standard, och du beh\u00f6ver inte \u00e4ndra den om du inte vill. Om du vill \u00e4ndra det, \u00e4r det b\u00e4sta s\u00e4ttet att g\u00f6ra det att l\u00e4gga till bilden (.png-format, cirka 140x185px) till mediebiblioteket och sedan bara l\u00e4gga en l\u00e4nk till den i det h\u00e4r f\u00e4ltet.<\/li>\n<li><strong>Anpassad CSS:<\/strong> Detta \u00e4r f\u00e4ltet d\u00e4r du \u00e4ndrar maskotens position. Det \u00e4r det mest komplicerade du kan g\u00f6ra p\u00e5 fliken allm\u00e4nna inst\u00e4llningar.<\/li>\n<\/ul>\n<p>Om du inte \u00e4r n\u00f6jd med hur maskoten ser ut <strong>m\u00e5ste du <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-inspekterar-webbplatselement-i-din-webblasare\/\" title=\"inspektera den\">inspektera den<\/a> och rota runt i koden tills du hittar v\u00e4rdena som anger dess position<\/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=\"Anpassa din WordPress-inloggningssida med YITH Custom Login-plugin\"><\/a><\/p>\n<p><strong>Du kommer bara att fippla med &quot;topp&quot; och &quot;r\u00e4tt&quot; v\u00e4rden<\/strong>. Om du beh\u00f6ver lite hj\u00e4lp med att ta reda p\u00e5 vilka parametrar som fungerar b\u00e4st f\u00f6r dig, kanske prova dessa till att b\u00f6rja med:<\/p>\n<pre><code>#login img.mascotte {\nposition:absolute;\nright:-122px;\ntop:62px;\n}<\/code><\/pre>\n<p>N\u00e4r du \u00e4ndrar dem m\u00e5ste du kopiera hela koden till f\u00e4ltet Custom CSS. Gl\u00f6m inte att spara \u00e4ndringarna n\u00e4r du \u00e4r klar.<\/p>\n<h2>Bakgrundsinst\u00e4llningar<\/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=\"Anpassa din WordPress-inloggningssida med YITH Custom Login-plugin\"><\/a><\/p>\n<p>Fliken f\u00f6r bakgrundsinst\u00e4llningar l\u00e5ter dig <strong>finjustera bakgrundens utseende och beteende<\/strong>. H\u00e4r \u00e4r vad som v\u00e4ntar dig n\u00e4r du byter till den h\u00e4r fliken:<\/p>\n<ul>\n<li><strong>Bakgrundsbild<\/strong>: F\u00e4ltet d\u00e4r du placerar l\u00e4nken till en bakgrundsbild om du planerar att anv\u00e4nda en.<\/li>\n<li><strong>Bakgrundsf\u00e4rg<\/strong>: Du f\u00e5r n\u00e5gra alternativ f\u00f6r att v\u00e4lja bakgrundsf\u00e4rg, s\u00e5 att du kan v\u00e4lja hur din anpassade WordPress-inloggningssida ser ut \u00e4ven om du inte anv\u00e4nder en bakgrundsbild.<\/li>\n<li><strong>Upprepning av bakgrund<\/strong>: Du f\u00e5r standardalternativen f\u00f6r att bakgrundsbilden ska upprepas horisontellt, vertikalt eller inte upprepas alls.<\/li>\n<li><strong>Bakgrundsposition<\/strong>: Det h\u00e4r alternativet l\u00e5ter dig st\u00e4lla in positionen f\u00f6r bakgrundsbilden \u2014 du har topp- och bottenpositioner och v\u00e4nster-, h\u00f6ger- och centraljusteringar.<\/li>\n<li><strong>Bakgrundsbilaga<\/strong>: Du har tv\u00e5 beteenden att v\u00e4lja f\u00f6r din bakgrundsbild: den kan antingen fixas och alltid visas p\u00e5 sidan, eller s\u00e5 kan den rulla och flytta tillsammans med den.<\/li>\n<\/ul>\n<p>Det \u00e4r alla ganska vanliga saker f\u00f6r att st\u00e4lla in bakgrunder. L\u00e4gg till din egen bild eller inte, lek med olika kombinationer av bakgrundsbildposition och upprepa, v\u00e4lj en snygg f\u00e4rg eller kombinera de tv\u00e5 \u2013 det \u00e4r helt upp till dig. Som alltid, kom ih\u00e5g att spara alla \u00e4ndringar du vill beh\u00e5lla.<\/p>\n<h2>Logotypinst\u00e4llningar<\/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=\"Anpassa din WordPress-inloggningssida med YITH Custom Login-plugin\"><\/a><\/p>\n<p>En av de b\u00e4sta anv\u00e4ndningsomr\u00e5dena f\u00f6r YITH Custom Login-plugin \u00e4r att <strong>l\u00e4gga till din egen logotyp p\u00e5 pluginsidan ist\u00e4llet f\u00f6r WordPress-logotypen<\/strong>. P\u00e5 fliken Logotypalternativ hittar du f\u00f6ljande alternativ.<\/p>\n<ul>\n<li><strong>Logotypbild:<\/strong> Det \u00e4r h\u00e4r du v\u00e4ljer vilken bild du ska anv\u00e4nda f\u00f6r din logotyp.<\/li>\n<li><strong>Bakgrundsf\u00e4rg:<\/strong> Om du laddar upp en logotyp i .png-formatet kan du v\u00e4lja f\u00e4rgen som visas under din logotyp.<\/li>\n<li><strong>Logotypens bredd och logotypens h\u00f6jd:<\/strong> Du kan v\u00e4lja storleken p\u00e5 din logotyp p\u00e5 inloggningssidan.<\/li>\n<\/ul>\n<p>Dessa fyra alternativ \u00e4r allt du beh\u00f6ver f\u00f6r att st\u00e4lla in din logotyp p\u00e5 YITHs anpassade inloggningssida. N\u00e4r du har gjort de justeringar du vill ha, kom ih\u00e5g att klicka p\u00e5 knappen &quot;spara alternativ&quot; innan du g\u00e5r vidare.<\/p>\n<h2>Formul\u00e4rinst\u00e4llningar<\/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=\"Anpassa din WordPress-inloggningssida med YITH Custom Login-plugin\"><\/a><\/p>\n<p>Formul\u00e4rf\u00e4ltet m\u00f6jligg\u00f6r den mest djupg\u00e5ende anpassningen i hela plugin-programmet. Det finns tre grupper av alternativ under den h\u00e4r fliken:<\/p>\n<ul>\n<li><strong>De allm\u00e4nna formul\u00e4rinst\u00e4llningarna:<\/strong> Det \u00e4r h\u00e4r du st\u00e4ller in bredden p\u00e5 beh\u00e5llaren och v\u00e4ljer platsh\u00e5llare f\u00f6r anv\u00e4ndarnamn och l\u00f6senord.<\/li>\n<li><strong>Typografiinst\u00e4llningar:<\/strong> Du kan v\u00e4lja typsnitt, storlek, stil och f\u00e4rg f\u00f6r text i f\u00e4lten, allm\u00e4n text och texten p\u00e5 knappen Skicka knappen separat. Du kan ocks\u00e5 v\u00e4lja vilken f\u00e4rg texten p\u00e5 knappen Skicka-knappen \u00e4ndras till n\u00e4r du h\u00e5ller muspekaren.<\/li>\n<li><strong>F\u00e4rginst\u00e4llning:<\/strong> Du kan anpassa f\u00e4rgerna p\u00e5 f\u00e4ltens bakgrunder och kanter i olika situationer: n\u00e4r du fokuserar p\u00e5 dem, n\u00e4r du skickar in eller n\u00e4r du h\u00e5ller muspekaren \u00f6ver dem.<\/li>\n<\/ul>\n<p>Om du vill att formul\u00e4rf\u00e4lten ska vara i f\u00e4rgerna p\u00e5 ditt f\u00f6retags logotyp, <strong>\u00e4r det h\u00e4r platsen d\u00e4r du kan st\u00e4lla in allt<\/strong>. Se bara till att alla \u00e4ndringar du vill beh\u00e5lla sparas innan du st\u00e4nger fliken.<\/p>\n<h2>L\u00e5t oss avsluta det!<\/h2>\n<p>Din WordPress-webbplats kan vara s\u00e5 vacker och intressant, eller s\u00e5 barbent och enkel, som du vill att den ska vara. Det \u00e4r den stora anpassningsbarheten som g\u00f6r att bygga en webbplats i WordPress till en s\u00e5 givande upplevelse. <strong>S\u00e5 n\u00e4r du funderar p\u00e5 att finjustera din webbplats, tro inte att du har fastnat med samma WordPress-inloggningssida<\/strong>. Med YITH Custom Login-plugin kan du l\u00e4gga till en ny inloggningssida och sedan anpassa den f\u00f6r att matcha din vision eller ditt f\u00f6retags visuella identitet och stil.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Beh\u00f6ver du skapa en anpassad inloggningssida f\u00f6r din WordPress-webbplats? L\u00e4r dig hur du g\u00f6r det enkelt med YITH Custom Login-plugin!<\/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":[574],"tags":[850],"class_list":["post-365795","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-grunderna-i-wordpress","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/365795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=365795"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/365795\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/364812"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=365795"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=365795"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=365795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}