Jak změnit velikost loga WordPress (pracuje s jakýmkoli tématem)
nedávno se jeden z našich čtenářů zeptal, zda je možné změnit velikost loga ve WordPressu?
logo vašeho webu je důležitou součástí vaší značky. V závislosti na tématu WordPress, které používáte, někdy není jasné, jak změnit velikost loga tak, aby byla větší nebo menší.
v tomto článku vám ukážeme , jak snadno změnit velikost loga WordPress krok za krokem.
proč měnit velikost loga ve WordPressu?
když nahrajete své logo do WordPress, nemusí mít vždy správnou velikost.
logo, které je příliš malé, nevyčnívá. Zatímco logo, které je příliš velké, může nakonec negativně ovlivnit design vašeho webu.
pokud jste investovali do vlastního designu loga, pak se ujistěte, že se vaše logo v záhlaví vašeho webu zobrazí jako správná velikost.
pro ty, kteří jsou stále v procesu návrhu loga, podívejte se na naše tipy nejlepších bezplatných tvůrců loga.
jak již bylo řečeno, ukážeme vám několik různých způsobů, jak můžete změnit velikost loga ve WordPressu.
zvolená metoda bude záviset na tématu WordPress, které používáte, a na vaší úrovni pohodlí při úpravách kódu CSS.
- změňte velikost loga WordPress pomocí WordPress customizer
- změňte velikost loga WordPress úpravou kódu CSS
- změňte velikost loga WordPress bez úpravy kódu CSS
Metoda 1. Změňte velikost loga WordPress pomocí WordPress Customizer
nejjednodušší a nejjednodušší způsob, jak změnit velikost loga ve WordPressu, je použití customizeru motivů. Tato metoda však funguje, pouze pokud ji vaše téma WordPress podporuje.
mnoho populárních témat, jako jsou Divi, Astra, Ultra a další, má vestavěný nástroj pro změnu velikosti loga.
když nahrajete své logo do WordPress, tato témata usnadňují nastavení loga pomocí jednoduchého posuvníku, který můžete použít k nastavení šířky a výšky.
Poznámka: velikost vašeho loga bude pouze tak velká jako obrázek, který nahrajete, takže se ujistěte, že nahrajete větší obrázek loga, pokud je vaším cílem zvětšit.
v zájmu tutoriálu vám ukážeme, jak změnit vaše logo v motivu Divi, Astra a Ultra, ale metoda je podobná pro nejoblíbenější témata WordPress. Pokud vaše téma tuto možnost nemá, musíte použít metodu 2 nebo 3 tohoto tutoriálu.
změňte velikost loga WordPress v Divi WordPress Theme
Nejprve přejděte na Divi „Theme Customizer a klikněte na možnost nabídky „záhlaví & navigace“.
poté klikněte na rozbalovací nabídku „primární panel nabídek“.
zde můžete změnit velikost svého loga.
nejprve je třeba upravit nastavení „výška nabídky“. To řídí výšku celého navigačního menu a bude definovat, jak velký si můžete vytvořit své logo.
poté můžete změnit nastavení „Maximální výška loga“, což je procento z celkové výšky nabídky.
posuvník „maximální výška loga“ můžete nastavit nahoru a dolů, dokud nenajdete perfektní velikost loga pro váš blog WordPress.
ujistěte se, že kliknete na tlačítko „Publikovat“ pro uložení změn před ukončením obrazovky.
změňte velikost loga WordPress v tématu Astra WordPress
první věc, kterou musíte udělat, je přejít na vzhled „přizpůsobit a poté kliknout na možnost nabídky „záhlaví“.
poté klikněte na možnost nabídky „identita webu“.
zde můžete snadno upravit velikost svého loga.
vše, co musíte udělat, je přesunout posuvník „šířka loga“ doleva nebo doprava.
při pohybu posuvníku můžete automaticky vidět změny velikosti loga v reálném čase.
jakmile budete spokojeni s velikostí svého loga, nezapomeňte před ukončením stránky kliknout na tlačítko Publikovat.
změňte velikost loga WordPress v tématu Ultra WordPress
Chcete-li přizpůsobit velikost loga v tématu Ultra, přejděte na vzhled „přizpůsobit a klikněte na navigační položku “ logo webu & Tagline“.
poté klikněte na rozbalovací nabídku „Logo webu“.
poté vyberte přepínač „Logo Image“, který se zobrazí.
nyní můžete změnit velikost loga zadáním nových rozměrů do polí napravo od obrázku loga. Pokud chcete, aby se obrázek změnil na základě původní velikosti, zadejte do jednoho pole pouze nové rozměry loga.
šířku můžete změnit pomocí pole vlevo a výšku pomocí pole vpravo.
při zadávání nových rozměrů uvidíte změnu velikosti loga v reálném čase.
po dokončení přizpůsobení velikosti loga klikněte na tlačítko „Publikovat“.
pokud vaše téma není zvýrazněno výše, stále existuje šance, že si můžete přizpůsobit velikost svého loga pomocí WordPress customizer.
jednoduše přejděte na vzhled “ Přizpůsobte si jakékoli téma, které používáte, a zjistěte, jaké možnosti přizpůsobení jsou k dispozici pro vaše logo nebo záhlaví.
Metoda 2. Změňte velikost loga WordPress úpravou CSS
pokud vaše téma WordPress nepodporuje změnu velikosti loga pomocí přizpůsobovače motivů WordPress, můžete velikost změnit přidáním vlastního CSS.
první věc, kterou musíte udělat, je přejít na domovskou stránku vašeho webu.
poté klepněte pravým tlačítkem myši kdekoli na stránce a vyberte možnost „zkontrolovat“. Zobrazí se nabídka Inspect, která zobrazuje veškerý kód stránky.
poté musíte kliknout na ikonu „Vybrat prvek“, která vypadá jako ukazatel myši.
to vám umožní vybrat prvek loga vašeho webu a zobrazit kód.
dále jednoduše umístěte kurzor na logo vašeho webu, dokud se nezobrazí třída CSS. Bude to vypadat podobně jako na obrázku níže.
tuto třídu CSS použijete k přizpůsobení velikosti loga WordPress. Zapište si to do textového editoru, jako je Poznámkový blok.
nyní se můžete vrátit zpět do řídicího panelu WordPress admin a přejít na vzhled “ přizpůsobit. Musíte kliknout na možnost nabídky „Další CSS“.
tím se zobrazí rozbalovací nabídka, kde můžete přidat vlastní kód CSS.
jednoduše přidejte třídu CSS, kterou jste našli dříve, a zadejte nové rozměry obrázku. Jako příklad můžete použít níže uvedený kód CSS.
img.custom-logo { max-height: 100px !important;}
musíte změnit img.custom-logo třídu CSS výše na třídu CSS, kterou vaše téma používá.
můžete také změnit max-height na libovolnou velikost, kterou chcete.
zde je, jak to vypadá uvnitř WordPress customizer.
Jakmile provedete změny, jednoduše klikněte na tlačítko „Publikovat“, aby vaše změny byly živé.
Metoda 3. Změňte velikost loga WordPress bez úpravy CSS
pokud vám není příjemné upravovat soubory motivů nebo přidávat vlastní CSS, Pak je tato metoda pro vás.
pomocí pluginu WordPress styling můžete na svém webu provádět vizuální změny podobné použití nástroje drag and drop Page builder.
doporučujeme použít CSS Hero. Je to styler plugin, který vám umožní upravovat téměř každý styl CSS na vašem webu WordPress bez psaní jediného řádku kódu CSS.
Deal: WPBeginner reader může získat 34% sleva prostřednictvím našeho CSS Hero kód kupónu.
první věc, kterou musíte udělat, je nainstalovat a aktivovat plugin. Další podrobnosti naleznete v našem průvodci krok za krokem, Jak nainstalovat plugin WordPress.
po aktivaci musíte pro aktivaci pluginu kliknout na tlačítko „Pokračovat v aktivaci produktu“. Je umístěn přímo nad seznamem nainstalovaných pluginů.
tím se dostanete na obrazovku, kde můžete zadat své uživatelské jméno a heslo. Jednoduše postupujte podle pokynů na obrazovce a po ověření účtu budete přesměrováni zpět na svůj web.
poté klikněte na tlačítko „Přizpůsobit pomocí CSS Hero“ v horní části panelu nástrojů Správce WordPress.
tím se dostanete na svůj web s CSS Hero spuštěným nad ním. CSS Hero používá WYSIWYG (co vidíte, je to, co dostanete) editor.
když kliknete na jakýkoli prvek vaší stránky, zobrazí se panel nástrojů vlevo pro přizpůsobení.
dále klikněte na své logo WordPress v horní části stránky.
poté klikněte na odkaz „Zobrazit pokročilé rekvizity“.
to vám dává ještě více možností přizpůsobení CSS.
poté vyhledejte pole „opatření“. Zde najdete možnosti nazvané „Max Width“ a „Max Height“.
chcete je změnit na požadovanou velikost obrázku. Pokud chcete, aby obrázek zachoval stejné rozměry, změňte pouze výšku nebo šířku.
provedené změny se automaticky zobrazí na vaší stránce.
jakmile změníte velikost svého loga, musíte kliknout na „Uložit a publikovat“, aby vaše změny byly živé.
doufáme, že vám tento článek pomohl změnit velikost loga WordPress. Můžete také chtít vidět naše odborné tipy pro nejlepší live chat software pro malé a střední podniky, a náš seznam musí mít WordPress pluginy pro firemní webové stránky.
pokud se vám tento článek líbil, přihlaste se k odběru našeho kanálu YouTube pro video tutoriály WordPress. Najdete nás také na Twitteru a Facebook.