Jak dodać niestandardowe logo pulpitu w WordPress

W WPBeginner otrzymujemy wiele pytań od użytkowników, którzy chcą spersonalizować WordPressa. Jedno z najczęstszych żądań? Zmiana domyślnego logo WordPress na niestandardowe logo pulpitu.

Zastąpienie logo WordPress własnym niestandardowym logo to świetny sposób na branding obszaru administracyjnego i sprawienie, że Twoja witryna będzie naprawdę unikalna.

Niezależnie od tego, czy zarządzasz witryną samodzielnie, czy masz zespół użytkowników, niestandardowe logo pulpitu to miły akcent, który sprawia, że witryna wydaje się bardziej profesjonalna.

W tym artykule pokażemy Ci, jak dodać niestandardowe logo pulpitu w WordPress w celach brandingowych.

Czym jest niestandardowe logo pulpitu i dlaczego warto je dodać? 

Niestandardowe logo pulpitu nawigacyjnego pojawia się w pulpicie administracyjnym WordPress z własnym niestandardowym logo lub brandingiem.

Chociaż dodanie go może wydawać się drobnym szczegółem, jest to kluczowa część marki Twojej witryny i ważna z kilku powodów:

• Branding: Wzmacnia to tożsamość Twojej marki i sprawia, że obszar administracyjny WordPress bardziej przypomina część Twojej firmy.
• Profesjonalizm: Niestandardowe logo pulpitu nadaje Twojej witrynie WordPress bardziej profesjonalny i dopracowany wygląd.
• White Labeling: Jeśli tworzysz strony internetowe dla klientów lub zarządzasz siecią multisite, możesz używać niestandardowych logo pulpitu nawigacyjnego do białego etykietowania obszaru administracyjnego WordPress. Oznacza to, że możesz całkowicie usunąć branding WordPress i zastąpić go własnym, aby stworzyć niestandardowe doświadczenie dla swoich klientów.

Niezależnie od tego, czy posiadasz sklep internetowy, małą firmę, czy bloga, niestandardowe logo pulpitu nawigacyjnego jest ważne, aby pomóc spersonalizować zaplecze i zbudować silną wewnętrzną tożsamość marki.

W poniższych sekcjach pokażemy 2 różne metody dodawania niestandardowego logo pulpitu w WordPress, a także metodę prostego usuwania logo WordPress z pulpitu.

Gotowi? Zacznijmy.

Metoda 1: Dodawanie niestandardowego logo pulpitu w WordPress za pomocą wtyczki

Ta metoda jest bardzo łatwa i zalecana dla większości początkujących.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki White Label CMS. Jeśli potrzebujesz pomocy, możesz zapoznać się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić stronę Ustawienia » White Label CMS z panelu WordPress. 

Następnie upewnij się, że jesteś w zakładce „Branding”.

Stąd możesz przesunąć przełącznik z lewej na prawą, aby „Ukryć logo i linki WordPress”.

Następnie przejdź do zakładki „Pulpit”.

W sekcji „Ikona pulpitu” prześlesz niestandardowe logo. Po prostu kliknij link „Prześlij”, aby rozpocząć proces.

Twoje niestandardowe logo powinno mieć wymiary dokładnie 40 x 40 pikseli. W przeciwnym razie będzie wyglądać dziwnie – przycięte lub rozciągnięte.

Nie zapomnij kliknąć przycisku „Zapisz” w prawym górnym rogu, aby zapisać zmiany.

Teraz wróćmy do obszaru administracyjnego WordPress i otwórz panel „Pulpit”.

W tym panelu powinieneś zobaczyć nowe niestandardowe logo. Oto jak może wyglądać:

Oprócz niestandardowego logo pulpitu, wtyczka White Label CMS oferuje również inne funkcje do ponownego brandingu Twojej instalacji WordPress.

Więcej informacji można znaleźć w naszym przewodniku na temat sposobu białego etykietowania pulpitu administracyjnego WordPress.

Metoda 2: Ręczne dodawanie niestandardowego logo panelu administracyjnego w WordPress

Ta metoda jest przeznaczona dla użytkowników, którzy czują się komfortowo wklejając fragmenty kodu w WordPress. Najłatwiejszym i najbezpieczniejszym sposobem dodawania niestandardowego kodu do WordPress jest użycie wtyczki takiej jak WPCode.

Większość poradników uczących, jak dodawać skrócone kody do witryny WordPress, będzie wymagać dodania kodu do pliku functions.php motywu. Chociaż może to działać, wiele rzeczy może pójść nie tak.

Nawet drobny błąd w kodzie lub sposób jego dodania może zepsuć Twoją witrynę WordPress i uczynić ją niedostępną. Dlatego polecamy to tylko zaawansowanym użytkownikom.

Nawet dla zaawansowanych użytkowników WPCode jest najbezpieczniejszym sposobem na zrobienie tego.

Zatem na początek musisz zainstalować i aktywować bezpłatną wtyczkę WPCode. Aby uzyskać bardziej szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Następnie upewnij się, że zapisałeś niestandardowe logo jako plik custom-logo.png na swoim komputerze. Musi mieć dokładnie wymiary 40 x 40 px.

Gdy Twoje niestandardowe logo będzie gotowe, prześlesz je do folderu /wp-content/themes/your-theme/images za pomocą FTP. Jeśli Twój motyw nie ma folderu obrazów, musisz go utworzyć.

Stamtąd możesz przejść do Fragmenty kodu » +Dodaj fragment.

Następnie trafisz do biblioteki WPCode, gdzie do wyboru jest kilkadziesiąt fragmentów kodu.

Tutaj chcesz wybrać opcję „Dodaj własny kod” i kliknąć przycisk „Użyj fragmentu”.

W edytorze nadasz fragmentowi tytuł, na przykład „Niestandardowe logo pulpitu”.

Następnie musisz ustawić „Typ kodu” na „Fragment PHP”.

Następnie po prostu dodaj ten kod w polu „Podgląd kodu”:

function wpb_custom_logo() {
echo '
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/custom-logo.png) !important;
background-position: 0 0;
color:rgba(0, 0, 0, 0);
}
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-position: 0 0;
}
</style>
';
}

//hook into the administrative header output
add_action('wp_before_admin_bar_render', 'wpb_custom_logo');

Powinno to wyglądać mniej więcej tak:

Zanim przejdziemy dalej, upewnijmy się, że cały tekst i formatowanie są dokładnie takie same, jak pokazano powyżej.

jeśli wszystko wygląda dobrze, możesz przewinąć w dół do „Metoda wstawiania” i wybrać „Automatyczne wstawianie”.

Aby upewnić się, że Twoje niestandardowe logo pojawi się w panelu, rozwiń menu rozwijane „Lokalizacja” i wybierz „Tylko administrator”.

Na koniec możesz przełączyć przełącznik z „Nieaktywny” na „Aktywny” i kliknąć przycisk „Zapisz”.

Ten kod po prostu dodaje kod CSS wymagany do wyświetlenia Twojego niestandardowego logo na pasku administracyjnym WordPress.

Alternatywa: Usuwanie logo WordPress z panelu administracyjnego

Jeśli wolisz po prostu całkowicie usunąć logo WordPress z panelu administracyjnego bez zastępowania go niestandardowym logo, ta metoda jest dla Ciebie.

Jak wspomnieliśmy wcześniej, WPCode jest najlepszą wtyczką do fragmentów kodu i ułatwia dodawanie niestandardowego kodu do WordPress.

Co więcej, zawiera bibliotekę ponad 1500 gotowych fragmentów kodu, w tym jeden do usuwania logo paska administracyjnego WordPress, którego możesz użyć do szybkiego dostosowania swojej witryny, bez konieczności posiadania doświadczenia w kodowaniu.

Aby rozpocząć, musisz zainstalować i aktywować bezpłatną wtyczkę WPCode. Jeśli potrzebujesz pomocy, możesz skorzystać z naszego samouczka na temat instalacji wtyczki WordPress.

Po aktywacji przejdź do Fragmenty kodu » Biblioteka z panelu administracyjnego WordPress.

Stamtąd możesz wyszukać fragment kodu „Usuń logo WordPress z paska administracyjnego”. Gdy go znajdziesz, po prostu najedź na niego kursorem i kliknij przycisk „Użyj fragmentu kodu”.

WPCode automatycznie doda kod za Ciebie.

Wybierze również odpowiednią metodę wstawiania i doda tagi, które pomogą Ci śledzić kod używany na Twojej stronie.

Teraz czas aktywować fragment kodu.

Wystarczy przełączyć przełącznik u góry strony z „Nieaktywny” na „Aktywny” i nacisnąć przycisk „Zaktualizuj”.

To wszystko; usunąłeś teraz logo WordPress z panelu administracyjnego.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać niestandardowe logo pulpitu nawigacyjnego w WordPress. Następnie możesz również zapoznać się z naszym przewodnikiem na temat ukrywania niepotrzebnych elementów z WordPress za pomocą Adminimize lub przeczytać nasze eksperckie wybory wtyczek i wskazówek, które usprawnią obszar administracyjny WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.