Jeśli współpracujemy z Wordpressem, możliwe, że lubimy spersonalizować naszą stronę z wszystkimi możliwymi szczegółami. Jednym z najbardziej pożądanych przez klientów dostosowań jest logowanie. Domyślnie projekt, który Wordpress oferuje nam do logowania, jest dość prosty i przejrzysty. Dlatego możemy chcieć zawrzeć w nim bardziej osobisty akcent, taki jak nasza marka.
Jeśli masz bloga opracowanego w Wordpress, będziesz wiedział, że aby nim zarządzać, musisz uzyskać dostęp do adresu URL, takiego jak http://www.midominio.com/wp-admin, który pokazuje stronę logowania administratora instalacji; To domyślnie zawiera logo Wodpress, które możemy zmienić. Ale nie tylko to, ale możemy również zmodyfikować link, na który wskazuje po kliknięciu na niego, a także jego podpowiedź (plakat, który wyświetla się po umieszczeniu wskaźnika myszy nad logo).
Dostosowanie można przeprowadzić na dwa sposoby: poprzez wtyczki specjalistyczne lub dodając kawałek kod do odpowiedniego pliku instalacyjnego.
Podczas przeprowadzania wszelkich dostosowań w Wordpress Prościej jest za pomocą wtyczki, prawda jest taka, że wpływają one bezpośrednio na czas ładowania naszej strony dzięki czemu zawsze, gdy jest ona w naszym zasięgu, łatwiej będzie wykonać tego typu czynności poprzez „dotykanie” kodu.
W tym samouczku zobaczymy, jak to zrobić bezpośrednio dodanie trzech odpowiednich fragmentów kodu php do każdej z personalizacji, którą przeprowadzimy:
Modyfikacje
- Zmień logo.
- Zmień link do logo.
- Dostosuj etykietkę logo.
1. Zmień logo
Krok 1
Pierwszą rzeczą, którą musimy zrobić, to przygotować obraz, którego użyjemy jako logo. To powinno być kwadratowe, z 80 x 80 pikseli i w formacie .png.webp, najlepiej z Przezroczyste tło, ponieważ strona logowania jest szara i w ten sposób będzie się z nią doskonale „dopasowywać”.
Krok 2
Gdy mamy już gotowy obraz, którego użyjemy jako logo, który w naszym przykładzie nazywa się logo.png.webp, musimy to zapisać w folderze obrazy naszego aktualnego tematu ( \ wp-treść \ motywy \aktualny temat\ obrazy) gdzie aktualny temat odpowiada nazwie motywu aktywnego w instalacji.
Możemy przeprowadzić ten proces, zarówno za pośrednictwem klienta FTP jak przez hostujący menedżer plików, na wypadek, gdybyś go miał.
Krok 3
Teraz konieczne będzie dodanie odpowiedniego kodu php do pliku functions.php naszego aktywnego motywu. Najszybszym sposobem na to jest użycie własnego edytora plików Wordpress. Aby to zrobić, w ramach instalacji Wordpress wykonaj kliknij menu Dostosuj a potem około Redaktor. Teraz w lewej kolumnie kliknij plik functions.php i przewiń do końca.
Aby wskazać logo, które chcesz wyświetlić, dodaj następujący kod. We fragmencie kodu musisz zastąpić tekst logo.png.webp po nazwie, którą nadałeś własnemu logo
// dostosuj funkcję logowania logofunction my_custom_login_logo () {echo ''; } add_action ('login_head', 'my_custom_login_logo');
2. Zmień link do logo
Aby zmienić adres URL powiązany z logo strony, musisz również dodać do pliku funkcje.php następujący fragment kodu:
// dostosuj funkcję linku do logo put_my_url () {return ('http://www.solvetic.com'); // Tutaj wskaż adres URL, do którego prowadzą linki do logo} add_filter ('login_headerurl', 'put_my_url');
3. Dostosuj etykietkę logo
Na koniec, aby personalizacja strony logowania była kompletna, zmienimy tekst, który pojawia się po najechaniu kursorem na obraz logo, który domyślnie to „Powered by WordPress”.
W tym celu będziesz musiał dodać do pliku ostatni fragment kodu funkcje.php aktywnego tematu:
// dostosuj funkcję linku do logo put_my_url () {return ('http://www.solvetic.com'); // Tutaj wskaż adres URL, do którego prowadzą linki do logo} add_filter ('login_headerurl', 'put_my_url');
Po zakończeniu edycji konieczne będzie zapisanie wprowadzonych zmian, aby zaczęły obowiązywać. Aby to zrobić, kliknij przycisk Aktualizować plik znalezione na końcu edytora. Teraz, jeśli wejdziesz na stronę logowania Wordpres, możesz zobaczyć, jak wygląda po zastosowanych zmianach.
PamiętaćMożesz wypróbować te "sztuczki" bez obawy o dekonfigurację swojej witryny w Wordpress przy użyciu lokalnej instalacji, jak wyjaśniono w samouczku Jak mieć przenośną instalację WordPressa
Pobierz bezpłatne szablony Wordpress
Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
