Zmiana strony logowania WordPress
Najczęściej programiści opuszczają stronę logowania w ten sposób, Jak to wyglądało po zamontowaniu?. Ale trzeba przyznać, że każdy klient będzie pod wrażeniem nietypowego projektu wejścia do panelu kontrolnego WordPress., zwłaszcza jeśli w projekcie zastosowano kolory korporacyjne organizacji.
To zadanie stanęło przede mną, gdy klient poprosił mnie o wykonanie zamkniętej strony firmowej, na której siedziałby, jak powiedział, nie mniej 200 człowiek.
Po pogrzebaniu w runecie i bagnecie znalazłem dobry samouczek dotyczący zmiany strony logowania WordPress i od razu zdecydowałem się go wypróbować.
W pierwszym etapie zmieniamy logo strony logowania.
Wklej kod do swojego pliku funkcja.php.
1 2 3 4 5 |
function fb_custom_login_logo() { $style = '<style type="text/css"> h1 a { background: transparent url(' . get_bloginfo('url') . '/favicon.ico) no-repeat 30px center !important; } </style>'; echo $style; } add_action( 'login_head', 'fb_custom_login_logo' ); |
Teraz poprawiliśmy logo, ale imię, które widzimy po najechaniu myszką, wciąż nie to, czego potrzebujemy.
Kod do zmiany tekstu w tytule
Aby skrypt zadziałał, wklej kod do swojego pliku funkcja.php
1 2 3 4 |
function fb_login_headertitle() { return esc_attr( get_bloginfo( 'name', 'display' ) ); } add_filter( 'login_headertitle', 'fb_login_headertitle' ); |
Zmiana linku w logo strony logowania
Link do strony głównej serwisu, Aby to zrobić, wklej kod do pliku funkcja.php.
1 2 3 4 |
function fb_login_headerurl() { return esc_url( home_url( '/' ) ); } add_filter( 'login_headerurl', 'fb_login_headerurl' ); |
To były trzy obowiązkowe kroki, które są ważne przy tworzeniu pięknej i profesjonalnej strony internetowej..
Możesz także dołączyć style do projektu strony logowania..
1 2 3 4 5 6 |
// custom login for theme // folder themes/theme_name/custom-login/ function fb_custom_login() { echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/custom-login/custom-login.css" />'; } add_action('login_head', 'fb_custom_login'); |
W ten sposób możesz zmienić motyw projektu logowania po prostu z połączonych stylów css.
/*
- Podstawowy kurs projektowania stron internetowych;
- Układ stron;
- Ogólny kurs CMS WordPress oraz kontynuacja kursu dotyczącego tworzenia szablonów;
- Tworzenie stron internetowych w PHP.