Jak zmienić rozmiar Logo WordPress (działa z dowolnym motywem)
Niedawno jeden z naszych czytelników zapytał, czy można zmienić rozmiar logo w WordPress?
logo Twojej strony internetowej jest ważną częścią twojej marki. W zależności od używanego motywu WordPress, czasami nie jest jasne, jak zmienić rozmiar logo, aby było większe lub mniejsze.
w tym artykule pokażemy, jak łatwo zmienić rozmiar logo WordPress , krok po kroku.
po co zmieniać rozmiar Logo w WordPress?
po przesłaniu logo do WordPress, może nie zawsze być odpowiedni rozmiar.
logo, które jest za małe, nie będzie się wyróżniało. Podczas gdy logo, które jest zbyt duże, może negatywnie wpłynąć na wygląd twojej witryny.
jeśli zainwestowałeś w niestandardowy projekt logo, chcesz mieć pewność, że Twoje logo będzie miało odpowiedni rozmiar w nagłówku witryny.
dla tych, którzy nadal są w procesie projektowania logo, zobacz nasze typy najlepszych darmowych twórców logo.
mając to na uwadze, pokażemy Ci kilka różnych sposobów, za pomocą których możesz zmienić rozmiar logo w WordPress.
wybrana metoda będzie zależeć od używanego motywu WordPress i poziomu komfortu edycji kodu CSS.
- Zmień rozmiar logo WordPress za pomocą WordPress customizer
- Zmień rozmiar logo WordPress, edytując kod CSS
- Zmień rozmiar logo WordPress bez edycji kodu CSS
Metoda 1. Zmień rozmiar Logo WordPress za pomocą WordPress Customizer
najprostszym i najłatwiejszym sposobem zmiany rozmiaru logo w WordPress jest użycie motywu customizer. Jednak ta metoda działa tylko wtedy, gdy twój motyw WordPress go obsługuje.
wiele popularnych motywów, takich jak Divi, Astra, Ultra i inne, ma wbudowane narzędzie do zmiany rozmiaru logo.
po przesłaniu logo w WordPress motywy te ułatwiają dostosowanie logo za pomocą prostego suwaka, którego można użyć do dostosowania szerokości i wysokości.
Uwaga: rozmiar Twojego logo będzie tak duży, jak przesłany obraz, więc chcesz upewnić się, że przesłałeś większy obraz logo, jeśli twoim celem jest jego powiększenie.
ze względu na samouczek pokażemy, jak zmienić logo w motywie Divi, Astra i Ultra, ale metoda jest podobna dla większości popularnych motywów WordPress. Jeśli twój motyw nie ma tej opcji, musisz użyć metody 2 lub 3 tego samouczka.
Zmień rozmiar Logo WordPress w Divi WordPress Theme
najpierw przejdź do Divi „Theme Customizer i kliknij opcję menu „nagłówek & Nawigacja”.
następnie kliknij opcję rozwijaną „podstawowy Pasek Menu”.
tutaj możesz zmienić rozmiar swojego logo.
najpierw musisz dostosować ustawienie „wysokość Menu”. To kontroluje wysokość całego menu nawigacyjnego i określa, jak duże można zrobić logo.
następnie możesz zmienić ustawienie „Maksymalna wysokość Logo”, które jest procentem całkowitej wysokości menu.
możesz dostosować suwak „Maksymalna wysokość Logo” w górę iw dół, aż znajdziesz idealny rozmiar logo dla Twojego bloga WordPress.
upewnij się, że klikniesz przycisk „Opublikuj”, aby zapisać zmiany przed wyjściem z ekranu.
Zmień rozmiar Logo WordPress w motywie Astra WordPress
pierwszą rzeczą, którą musisz zrobić, to przejść do wyglądu „Dostosuj, a następnie kliknij opcję menu „nagłówek”.
następnie kliknij opcję menu „tożsamość witryny”.
tutaj możesz łatwo dostosować rozmiar swojego logo.
wszystko, co musisz zrobić, to przesunąć suwak „Szerokość Logo” w lewo lub w prawo.
możesz automatycznie zobaczyć zmiany rozmiaru logo w czasie rzeczywistym, podczas przesuwania suwaka.
gdy będziesz zadowolony z rozmiaru swojego logo, kliknij przycisk „Publikuj” przed opuszczeniem strony.
Zmień rozmiar Logo WordPress w motywie Ultra WordPress
aby dostosować rozmiar logo w motywie Ultra, przejdź do wyglądu „Dostosuj i kliknij pozycję nawigacji” Logo witryny & Tagline”.
, a następnie kliknij rozwijane „Logo witryny”.
następnie wybierz przycisk radiowy „obraz Logo”, który się pojawi.
teraz możesz zmienić rozmiar logo, wprowadzając nowe wymiary w polach po prawej stronie obrazu logo. Jeśli chcesz, aby obraz był skalowany na podstawie oryginalnego rozmiaru, wprowadź tylko nowe wymiary logo w jednym polu.
możesz zmienić szerokość Z pudełkiem po lewej stronie, a wysokość Z pudełkiem po prawej stronie.
wprowadzając nowe wymiary, zobaczysz zmianę rozmiaru logo w czasie rzeczywistym.
po zakończeniu dostosowywania rozmiaru logo kliknij przycisk „Publikuj”.
jeśli twój motyw nie jest podświetlony powyżej, nadal istnieje szansa, że możesz dostosować rozmiar swojego logo za pomocą WordPress customizer.
po prostu przejdź do Wygląd ” Dostosuj dowolny motyw, którego używasz i zobacz, jakie opcje dostosowywania są dostępne dla Twojego logo lub nagłówka.
Metoda 2. Zmień rozmiar Logo WordPress, edytując CSS
jeśli twój motyw WordPress nie obsługuje zmiany rozmiaru logo za pomocą WordPress theme customizer, możesz zmienić rozmiar, dodając Niestandardowy CSS.
pierwszą rzeczą, którą musisz zrobić, to przejść do strony głównej witryny.
następnie kliknij prawym przyciskiem myszy w dowolnym miejscu na stronie i wybierz opcję „Sprawdź”. Spowoduje to wyświetlenie menu inspekcji, które pokazuje cały kod strony.
następnie kliknij ikonę „Wybierz element”, która wygląda jak wskaźnik myszy.
to pozwoli Ci wybrać element logo Twojej strony i wyświetlić kod.
następnie po prostu najedź kursorem na logo witryny, aż pojawi się Klasa CSS. Będzie to wyglądać podobnie do poniższego obrazka.
użyjesz tej klasy CSS, aby dostosować rozmiar swojego logo WordPress. Zapisz to w edytorze tekstu, takim jak Notatnik.
teraz możesz wrócić do panelu administracyjnego WordPress i przejść do wyglądu ” Dostosuj. Musisz kliknąć opcję menu „dodatkowy CSS”.
spowoduje to wyświetlenie listy rozwijanej, w której możesz dodać niestandardowy kod CSS.
po prostu dodaj klasę CSS znalezioną wcześniej i określ nowe wymiary obrazu. Możesz użyć poniższego kodu CSS jako przykładu.
img.custom-logo { max-height: 100px !important;}
musisz zmienić img.custom-logo klasę CSS powyżej na klasę CSS używaną przez Twój motyw.
Możesz również zmienić max-height na dowolny rozmiar.
oto jak to wygląda wewnątrz WordPress customizer.
po wprowadzeniu zmian po prostu kliknij przycisk „Opublikuj”, aby wprowadzić zmiany w życie.
Metoda 3. Zmień rozmiar Logo WordPress bez edycji CSS
jeśli nie czujesz się komfortowo edytując pliki motywów lub dodając Niestandardowy CSS, ta metoda jest dla ciebie.
korzystając z wtyczki do stylizacji WordPress, możesz wprowadzić zmiany wizualne w swojej witrynie podobne do Kreatora Stron typu przeciągnij i upuść.
zalecamy użycie CSS Hero. Jest to wtyczka styler, która pozwala edytować prawie każdy styl CSS w witrynie WordPress bez pisania jednej linii kodu CSS.
oferta: czytelnicy WPBeginner mogą uzyskać zniżkę 34% za pośrednictwem naszego kodu kuponu CSS Hero.
pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
po aktywacji należy kliknąć przycisk „Przejdź do Aktywacji produktu”, aby aktywować wtyczkę. Znajduje się tuż nad listą zainstalowanych wtyczek.
spowoduje to przejście do ekranu, na którym możesz wprowadzić swoją nazwę użytkownika i hasło. Po prostu postępuj zgodnie z instrukcjami wyświetlanymi na ekranie, a po zweryfikowaniu konta zostaniesz przekierowany z powrotem do swojej witryny.
następnie kliknij przycisk „Dostosuj za pomocą bohatera CSS” u góry paska narzędzi administratora WordPress.
to przeniesie cię do twojej witryny z uruchomionym CSS Hero. CSS Hero używa edytora WYSIWYG (What you See Is What you Get).
po kliknięciu dowolnego elementu strony wyświetli się pasek narzędzi po lewej stronie, aby dokonać dostosowań.
następnie kliknij logo WordPress u góry strony.
następnie kliknij link „Pokaż zaawansowane właściwości”.
daje to jeszcze więcej opcji dostosowywania CSS.
następnie znajdź pole „miary”. Tutaj znajdziesz opcje o nazwie „Maksymalna szerokość” i „maksymalna wysokość”.
chcesz je zmienić na preferowany rozmiar obrazu. Jeśli chcesz, aby obraz zachował te same wymiary, Zmień tylko wysokość lub szerokość.
wprowadzone zmiany pojawią się automatycznie na twojej stronie.
po zmianie rozmiaru logo musisz kliknąć „Zapisz i opublikuj”, aby wprowadzić zmiany w życie.
mamy nadzieję, że ten artykuł pomógł Ci zmienić rozmiar logo WordPress. Możesz również zobaczyć nasze typy ekspertów dla najlepszego oprogramowania do czatu na żywo dla małych firm oraz naszą listę wtyczek WordPress dla stron biznesowych.
jeśli podoba Ci się ten artykuł, Subskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.