Jak dodać własne logo kokpitu w WordPress?

Czy chcesz dodać własne logo kokpitu w WordPress?

Często klienci zastępują logo WordPress własnym logo kokpitu w celach brandingowych.

W tym artykule pokażemy, jak dodać własne logo kokpitu w WordPressie w celu brandingu.

Czym jest własne logo kokpitu i dlaczego warto je dodać?

Niestandardowe logo kokpitu pojawia się na pulpicie administracyjnym WordPress z Twoim własnym niestandardowym logo lub brandingiem.

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

• Branding: Wzmacnia tożsamość Twojej marki i sprawia, że obszar administracyjny WordPress jest bardziej częścią Twojej firmy.
• Profesjonalizm: Własne logo kokpitu nadaje twojej witrynie WordPress bardziej profesjonalny i dopracowany wygląd.
• Białe etykiety: Jeśli budujesz witryny internetowe dla klientów lub prowadzisz sieć witryn typu multisite, możesz użyć dostosowanych logo kokpitu do białej etykiety obszaru administracyjnego WordPress. Oznacza to, że możesz całkowicie usuwać branding WordPress i zastępować go swoim własnym, aby stworzyć własne doświadczenie dla swoich klientów.

Niezależnie od tego, czy jesteś właścicielem małej firmy, sklepu internetowego czy bloga, ważne jest, aby mieć własny kokpit logo, który pomoże spersonalizować zaplecze i ustanowić silną wewnętrzną tożsamość marki.

Metoda 1: Dodanie własnego logo kokpitu w WordPressie 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 włączanie wtyczki White Label CMS. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu należy przejść na stronę Ustawienia ” White Label CMS.

Następnie wystarczy wybrać kartę „Branding”.

Przełącz przełącznik od lewej do prawej na „Ukryj logo WordPress i odnośniki”.

Następnie należy przejść do karty „Kokpit”.

Tutaj możesz przesłać własne logo w miejscu, w którym jest napisane „Ikonka kokpitu”.

Własne logo powinno mieć wymiary dokładnie 40 x 40 pikseli.

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

Teraz wróć do obszaru administracyjnego WordPress.

Powinieneś zobaczyć logo w twoim kokpicie. Oto jak będzie ono wyglądać:

Oprócz własnego logo na kokpicie, White Label CMS oferuje również inne funkcje rebrandingu twojej instalacji WordPress.

Szczegółowe instrukcje znajdują się w naszym przewodniku na temat białej etykiety kokpitu administracyjnego WordPress.

Metoda 2: Ręczne dodawanie własnego logo kokpitu w WordPressie

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

Większość poradników dotyczących dodawania krótkich kodów do witryny WordPress wymaga dodania kodu do pliku functions. php twojego motywu. Chociaż może to zadziałać, wiele może pójść nie tak.

Nawet najmniejszy błąd w kodzie lub sposobie jego dodania może zepsuć twoją witrynę WordPress i uczynić ją niedostępną. Dlatego zalecamy to tylko zaawansowanym użytkownikom.

Nawet dla zaawansowanych użytkowników, WPCode jest najbezpieczniejszym sposobem, aby to zrobić, więc na początek będziesz musiał zainstalować i włączać darmową wtyczkę WPCode. Aby uzyskać bardziej szczegółowe instrukcje, postępuj zgodnie z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Następnie zapisz swoje własne logo jako plik custom-logo.png na komputerze. Musi on mieć wymiary dokładnie 40 x 40 pikseli.

Po przygotowaniu własnego logo należy przesłać je do katalogu /wp-content/themes/your-theme/images za pomocą FTP. Jeśli twój motyw nie ma katalogu z obrazkami, musisz go utworzyć.

Następnie przejdź do sekcji Fragmenty kodu >> +Dodaj fragment kodu.

Wylądujesz w bibliotece WPCode, gdzie znajdują się dziesiątki fragmentów kodu do wyboru.

W tym przypadku należy wybrać opcję „Dodaj swój własny kod” i kliknąć przycisk „Użyj fragmentu kodu”.

Dołącz tytuł, taki jak „Własny kokpit logo”.

Następnie zmień „Fragment kodu” na „Fragment PHP”.

Następnie wystarczy dodać 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.

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

Przewiń w dół do „Metoda wstawienia” i wybierz „Automatyczne wstawienie”.

Aby upewnić się, że twoje własne logo będzie wyświetlane w kokpicie, rozwiń menu rozwijane Położenie i wybierz opcję „Tylko administrator”.

Na koniec przełącz przełącznik z Nieaktywny na Aktywny i kliknij przycisk „Zapisz”.

Ten kod po prostu dodaje CSS wymagany do wyświetlania twojego własnego logo na pasku administratora WordPress.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodać własne logo kokpitu w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat ukrywania niepotrzebnych elementów w WordPressie za pomocą Adminimize lub przeczytać nasz wpis na blogu na temat najlepszych wskazówek, sztuczek i hacków WordPress, aby lepiej dostosować twoją witrynę internetową.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.