Jak přizpůsobit přihlašovací stránku WordPress

Pokud pracujeme s Wordpressem, je možné, že si rádi přizpůsobíme naši stránku všemi možnými detaily. Jednou z nejžádanějších úprav ze strany zákazníků je přihlášení. Ve výchozím nastavení je design, který nám Wordpress nabízí pro přihlášení, poměrně jednoduchý a čistý. Proto do něj možná budeme chtít zahrnout více osobní kontakt, jako je naše značka.

Pokud máte blog vytvořený ve Wordpressu, budete vědět, že pro jeho správu musíte přistupovat k adrese URL, jako je http://www.midominio.com/wp-admin, která zobrazuje přihlašovací stránku správce instalace; Ve výchozím nastavení obsahuje logo Wodpress, které můžeme změnit. Ale nejen to, můžeme také upravit odkaz, na který ukazuje, když na něj kliknete, stejně jako jeho popisek (plakát, který se zobrazí při umístění ukazatele myši nad logo).

Toto přizpůsobení lze provést dvěma způsoby: through pluginy specializované nebo přidání kusu kód do příslušného instalačního souboru.

Při provádění jakýchkoli přizpůsobení v Wordpress Je to jednodušší pomocí pluginu, pravdou je, že tyto přímo ovlivňují dobu načítání naší stránky, takže kdykoli je na dosah, bude snazší provádět tento typ akcí „dotykem“ na kód.

V tomto tutoriálu uvidíme, jak to udělat přímo přidání tří odpovídajících fragmentů kódu php ke každému přizpůsobení, které provedeme:

Přizpůsobení

  • Změňte logo.
  • Změnit odkaz na logo.
  • Přizpůsobte si popisek loga.

1. Změnit logo


Krok 1
První věc, kterou musíme udělat, je připravit obrázek, který použijeme jako logo. To by mělo být čtvercové 80 x 80 px a ve formátu .png.webp, nejlépe s Průhledné pozadí, protože přihlašovací stránka je zašedlá a tímto způsobem s ní dokonale „splyne“.

Krok 2
Jakmile máme připravený obrázek, který použijeme jako logo, kterému se v našem příkladu říká logo.png.webp, musíme jej uložit do složky snímky našeho aktuálního tématu ( \ wp-content \ themes \aktuální téma\ snímky) kde aktuální téma odpovídá názvu motivu, který máte ve své instalaci aktivní.

Tento proces můžeme provést, a to jak prostřednictvím klienta FTP jako přes hostitelský správce souborů, v případě, že ho máte.

Krok 3
Nyní bude nutné do souboru přidat odpovídající kód php functions.php našeho aktivního tématu. Nejrychlejším způsobem je použít vlastní editor souborů Wordpress. Chcete -li to provést, v rámci instalace aplikace Wordpress proveďte klikněte na nabídku Přizpůsobit a pak o Editor. Nyní v levém sloupci klikněte na functions.php a přejděte na jeho konec.

Chcete -li určit logo, které chcete zobrazit, přidejte následující kód. Ve fragmentu kódu musíte nahradit text logo.png.webp jménem, ​​které jste dali svému vlastnímu logu

 // přizpůsobení logofunkce přihlášení my_custom_login_logo () {echo ''; } add_action ('login_head', 'my_custom_login_logo');

2. Změnit odkaz na logo


Chcete -li změnit adresu URL propojenou s logem stránky, musíte do souboru také přidat functions.php následující část kódu:
 // přizpůsobení funkce odkazu na logo put_my_url () {return ('http://www.solvetic.com'); // Zde uveďte URL, na kterou logo odkazuje} add_filter ('login_headerurl', 'put_my_url');

3. Přizpůsobte si popisek loga


Nakonec, a aby byla personalizace přihlašovací stránky dokončena, změníme text, který se zobrazí při najetí myší na obrázek loga, které je ve výchozím nastavení „Powered by WordPress“.

K tomu budete muset do souboru přidat poslední fragment kódu functions.php aktivního tématu:

 // přizpůsobení funkce odkazu na logo put_my_url () {return ('http://www.solvetic.com'); // Zde uveďte URL, na kterou logo odkazuje} add_filter ('login_headerurl', 'put_my_url');

Jakmile jsou úpravy dokončeny, bude nutné provedené změny uložit, aby se projevily. Chcete -li to provést, klikněte na tlačítko Aktualizovat soubor najdete na konci editoru. Nyní, když vstoupíte na svou přihlašovací stránku Wordpres, uvidíte, jak vypadá po použitých změnách.

Zapamatovat siTyto „triky“ můžete vyzkoušet bez obav z dekonfigurace svého webu ve Wordpressu pomocí místní instalace, jak je vysvětleno v tutoriálu Jak mít přenosnou instalaci WordPressu

Stáhněte si zdarma šablony Wordpress

Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod
wave wave wave wave wave