![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/wordpress-uprava-vzhledu-prihlasovaci-stranky.png\")
<\/a><\/figure>\n\n\n\nV dne\u0161n\u00edm \u010dl\u00e1nku si uvedeme dva zp\u016fsoby, pomoc\u00ed kter\u00fdch lze po\u017eadovan\u00fdch zm\u011bn dos\u00e1hnout:<\/p>\n\n\n\n
- \n
- Zm\u011bna vzhledu pomoc\u00ed pluginu<\/a><\/strong><\/li>\n\n\n\n
- Zm\u011bna vzhledu pomoc\u00ed k\u00f3du<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n
Zm\u011bna vzhledu pomoc\u00ed pluginu<\/h2>\n\n\n\n
Zam\u011b\u0159\u00edme se na plugin „Custom Login Page Customizer<\/a><\/strong>„, d\u00edky kter\u00e9mu dok\u00e1\u017eete vzhled p\u0159ihla\u0161ovac\u00ed str\u00e1nky kompletn\u011b zm\u011bnit pomoc\u00ed n\u011bkolika kliknut\u00ed. Konkr\u00e9tn\u011b m\u016f\u017eete editovat pozad\u00ed p\u0159ihla\u0161ovac\u00ed str\u00e1nky, barvy, fonty a p\u0159idat vlastn\u00ed loga, nebo obr\u00e1zky.<\/p>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/wordpress-plugin-login-page-customizer-1024x287.png\")
<\/a><\/figure>\n\n\n\n\nSt\u00e1hnout plugin<\/strong><\/a><\/div>\n<\/div>\n\n\n\nPo aktivaci se v administraci WordPressu objev\u00ed nov\u00e1 kolonka s n\u00e1zvem Login Customizer<\/strong>, ve kter\u00e9 najdete Setting <\/strong>a Customizer<\/strong>:<\/p>\n\n\n\n
Setting – Nastaven\u00ed<\/h3>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/wordpress-plugin-login-page-customizer-setting-.png\")
<\/a><\/figure>\n\n\n\n- \n
- Kolonka s n\u00e1pisem „Pamatovat si m\u011b<\/strong>“ z\u016fstane v\u017edy za\u0161krtnut\u00e1<\/li>\n\n\n\n
- Lze nastavit mo\u017enost u\u017eivatelsk\u00e9ho p\u0159ihl\u00e1\u0161en\u00ed pouze pomoc\u00ed jm\u00e9na, nebo e-mailu<\/li>\n\n\n\n
- Za\u0161krtnut\u00edm deaktivujete m\u011bni\u010d jazyk\u016f, kter\u00fd je b\u011b\u017en\u011b um\u00edst\u011bn pod p\u0159ihla\u0161ovac\u00edm formul\u00e1\u0159em <\/li>\n<\/ol>\n\n\n\n
Po nastaven\u00ed p\u0159ejdeme do Customizeru, kter\u00fd n\u00e1m umo\u017en\u00ed editovat vzhled str\u00e1nky ve frontendu.<\/p>\n\n\n\n
Customizer – P\u0159izp\u016fsoben\u00ed vzhledu<\/h3>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/wordpress-plugin-login-page-customizer-zmena-vzhledu-1024x509.png\")
<\/a><\/figure>\n\n\n\nJednotliv\u00e1 nastaven\u00ed customizeru si zde vysv\u011btl\u00edme:<\/p>\n\n\n\n
- \n
- Templates<\/a><\/strong><\/li>\n\n\n\n
- Background<\/a><\/strong><\/li>\n\n\n\n
- Logo<\/a><\/strong><\/li>\n\n\n\n
- Form<\/a><\/strong><\/li>\n\n\n\n
- Fields<\/a><\/strong><\/li>\n\n\n\n
- Button<\/a><\/strong><\/li>\n\n\n\n
- Other<\/a><\/strong><\/li>\n\n\n\n
- Custom CSS & Javascript<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n
Templates – p\u0159edem definovan\u00e9 \u0161ablony<\/h4>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/wordpress-plugin-login-page-customizer-templates.png\")
<\/a><\/figure>\n\n\n\n- \n
- Lze vybrat jednu ze t\u0159\u00ed p\u0159edem nadefinovan\u00fdch \u0161ablon<\/li>\n<\/ul>\n\n\n\n
Background – zm\u011bna pozad\u00ed<\/h4>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/wordpress-plugin-login-page-customizer-background.png\")
<\/a><\/figure>\n\n\n\n- \n
- Barva pozad\u00ed<\/li>\n\n\n\n
- Obr\u00e1zek na pozad\u00ed<\/li>\n<\/ul>\n\n\n\n
Logo<\/h4>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/wordpress-plugin-login-page-customizer-logo.png\")
<\/a><\/figure>\n\n\n\n- \n
- Deaktivace loga<\/li>\n\n\n\n
- Import vlastn\u00edho loga<\/li>\n\n\n\n
- Zm\u011bna velikosti<\/li>\n\n\n\n
- Vlastn\u00ed padding<\/li>\n\n\n\n
- Nastaven\u00ed odkazu<\/li>\n\n\n\n
- Nadpis str\u00e1nky<\/li>\n<\/ul>\n\n\n\n
Form – vzhled formul\u00e1\u0159e<\/h4>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/wordpress-plugin-login-page-customizer-form.png\")
<\/a><\/figure>\n\n\n\n- \n
- Obr\u00e1zek na pozad\u00ed<\/li>\n\n\n\n
- Custom barva pozad\u00ed<\/li>\n\n\n\n
- Zm\u011bna \u0161\u00ed\u0159ky a v\u00fd\u0161ky<\/li>\n\n\n\n
- Nastaven\u00ed paddingu<\/li>\n\n\n\n
- Zaoblen\u00ed roh\u016f<\/li>\n\n\n\n
- St\u00ednov\u00e1n\u00ed<\/li>\n<\/ul>\n\n\n\n
Fields – vzhled pol\u00ed formul\u00e1\u0159e<\/h4>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/wordpress-plugin-login-page-customizer-fields.png\")
<\/a><\/figure>\n\n\n\n- \n
- Odstran\u011bn\u00ed pole „pamatovat si m\u011b“<\/li>\n\n\n\n
- Vlastn\u00ed \u0161\u00ed\u0159ka pol\u00ed<\/li>\n\n\n\n
- Velikost fontu<\/li>\n\n\n\n
- \u0160\u00ed\u0159ka, barva a st\u00ednov\u00e1n\u00ed r\u00e1me\u010dku<\/li>\n\n\n\n
- Barva pozad\u00ed a textu<\/li>\n<\/ul>\n\n\n\n
Button – vzhled tla\u010d\u00edtko<\/h4>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/wordpress-plugin-login-page-customizer-button.png\")
<\/a><\/figure>\n\n\n\n- \n
- Barva pozad\u00ed<\/li>\n\n\n\n
- Barva pozad\u00ed p\u0159i najet\u00ed my\u0161\u00ed (hover efekt)<\/li>\n\n\n\n
- Velikost tla\u010d\u00edtka<\/li>\n\n\n\n
- Velikost fontu<\/li>\n\n\n\n
- Barva textu<\/li>\n\n\n\n
- Nastaven\u00ed padding\u016f<\/li>\n\n\n\n
- Nastaven\u00ed r\u00e1me\u010dku<\/li>\n\n\n\n
- St\u00ednov\u00e1n\u00ed<\/li>\n<\/ul>\n\n\n\n
Other – ostatn\u00ed<\/h4>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/wordpress-plugin-login-page-customizer-other.png\")
<\/a><\/figure>\n\n\n\n- \n
- Deaktivace pole „Zapomenut\u00e9 heslo“, „Souhlas se zpracov\u00e1n\u00edm osobn\u00edch \u00fadaj\u016f“, nebo „P\u0159ej\u00edt zp\u011bt na web“<\/li>\n\n\n\n
- Velikost fontu<\/li>\n\n\n\n
- Barva textu + hover efekt<\/li>\n<\/ul>\n\n\n\n
Custom CSS & Javascript<\/h4>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/wordpress-plugin-login-page-customizer-custom-css-and-js.png\")
<\/a><\/figure>\n\n\n\n- \n
- Mo\u017enost p\u0159idat vlastn\u00ed CSS, nebo JavaScript k\u00f3d<\/li>\n<\/ul>\n\n\n\n
V\u00fdsledek pr\u00e1ce pak m\u016f\u017ee vypadat nap\u0159\u00edklad n\u011bjak takto:<\/p>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/uprava-vzhledu-prihlasovaci-stranky-wordpressu-vysledek-1024x622.png\")
<\/a><\/figure>\n\n\n\nZm\u011bna funkc\u00ed pomoc\u00ed PHP<\/h2>\n\n\n\n
O n\u011bco slo\u017eit\u011bj\u0161\u00ed zp\u016fsob, kter\u00fd je vhodn\u00fd zejm\u00e9na pro ty, kte\u0159\u00ed necht\u011bj\u00ed zat\u011b\u017eovat web spoustou jednor\u00e1zov\u00fdch plugin\u016f.<\/p>\n\n\n\n
Ne\u017e budete pokra\u010dovat, ujist\u011bte se, \u017ee pou\u017e\u00edv\u00e1te child theme<\/strong><\/a>, jinak by se po aktualizaci \u0161ablony ve\u0161ker\u00e9 zm\u011bny p\u0159epsaly!!<\/p>\n\n\n\n
K\u00f3d v\u017edy vkl\u00e1dejte na konec souboru functions.php<\/strong> va\u0161\u00ed \u0161ablony (k souboru se dostanete p\u0159es Vzhled > Editor souboru \u0161ablony<\/strong>).<\/p>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/editor-souboru-sablony-wordpress.png\")
<\/a><\/figure>\n\n\n\nNejprve si uk\u00e1\u017eeme n\u011bkter\u00e9 zm\u011bny, kter\u00e9 lze prov\u00e9zt pouze pomoc\u00ed php funkc\u00ed, a v dal\u0161\u00ed sekci si zalo\u017e\u00edme nov\u00fd CSS soubor pro \u00fapravu vzhledu.<\/p>\n\n\n\n
Zm\u011bna URL pro p\u0159esm\u011brov\u00e1n\u00ed u\u017eivatel\u016f, kte\u0159\u00ed se p\u0159ihl\u00e1sili<\/h3>\n\n\n\n
V tomto p\u0159\u00edpad\u011b p\u0159esm\u011brujeme u\u017eivatele na domovskou str\u00e1nku webu:<\/p>\n\n\n\n
function admin_login_redirect( $redirect_to, $request, $user ) {\n global $user;\n\n if( isset( $user->roles ) && is_array( $user->roles ) ) {\n if( in_array( \"administrator\", $user->roles ) ) {\n return $redirect_to;\n }\n else {\n return home_url();\n }\n }\n else {\n return $redirect_to;\n }\n}\n\nadd_filter(\"login_redirect\", \"admin_login_redirect\", 10, 3);<\/code><\/pre>\n\n\n\nAutomatick\u00e9 za\u0161krtnut\u00ed pole pamatovat si m\u011b<\/h3>\n\n\n\n
Automatick\u00fdm za\u0161krtnut\u00edm pole „Pamatovat si m\u011b“ se sn\u00ed\u017e\u00ed po\u010det u\u017eivatel\u016f, kte\u0159\u00ed pole neza\u0161krtli a r\u00e1zem ztratili, nebo zapomn\u011bli sv\u00e9 p\u0159ihla\u0161ovac\u00ed \u00fadaje na web.<\/p>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/07\/wordpress-login-page-prihlaseni-uprava-formulare-automaticke-zaskrtnuti-pole-pamatovat-si-me.png\")
<\/a><\/figure>\n\n\n\nfunction login_checked_remember_me() {\nadd_filter( 'login_footer', 'rememberme_checked' );\n}\nadd_action( 'init', 'login_checked_remember_me' );\n\nfunction rememberme_checked() {\necho \"<script>document.getElementById('rememberme').checked = true;<\/script>\";\n}<\/code><\/pre>\n\n\n\nZm\u011bna vzhledu pomoc\u00ed CSS<\/h2>\n\n\n\n
Pokud se chyst\u00e1te prov\u00e1d\u011bt rozs\u00e1hlej\u0161\u00ed \u00fapravy t\u00fdkaj\u00edc\u00edch se vzhledu, bude pot\u0159eba vytvo\u0159it vlastn\u00ed CSS soubor, do kter\u00e9ho budete v\u0161echny zm\u011bny vzhledu p\u0159ihla\u0161ovac\u00ed str\u00e1nky ukl\u00e1dat:<\/p>\n\n\n\n
- \n
- P\u0159ejd\u011bte do sekce Vzhled > Editor souboru \u0161ablony<\/strong> a otev\u0159ete soubor functions.php<\/strong><\/li>\n\n\n\n
- Na konec souboru p\u0159idejte k\u00f3d, kter\u00fd na\u010dte soubor s va\u0161imi custom styly (soubor vytvo\u0159\u00edme v dal\u0161\u00edch kroc\u00edch):<\/li>\n<\/ol>\n\n\n\n
function my_custom_login_stylesheet() {\n wp_enqueue_style('custom-login', get_stylesheet_directory_uri() . '\/login-style.css');\n}\nadd_action('login_enqueue_scripts', 'my_custom_login_stylesheet');<\/code><\/pre>\n\n\n\n - Na konec souboru p\u0159idejte k\u00f3d, kter\u00fd na\u010dte soubor s va\u0161imi custom styly (soubor vytvo\u0159\u00edme v dal\u0161\u00edch kroc\u00edch):<\/li>\n<\/ol>\n\n\n\n
- P\u0159ejd\u011bte do sekce Vzhled > Editor souboru \u0161ablony<\/strong> a otev\u0159ete soubor functions.php<\/strong><\/li>\n\n\n\n
- Mo\u017enost p\u0159idat vlastn\u00ed CSS, nebo JavaScript k\u00f3d<\/li>\n<\/ul>\n\n\n\n
- Background<\/a><\/strong><\/li>\n\n\n\n
- Zm\u011bna vzhledu pomoc\u00ed k\u00f3du<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n