Miten muuttaa WordPress Logo kokoa (toimii minkä tahansa teeman)
äskettäin yksi lukijoistamme kysyi, onko mahdollista muuttaa logon kokoa WordPress?
sivustosi logo on tärkeä osa brändiäsi. Riippuen WordPress teema käytät, joskus se ei ole selvää, miten muuttaa logon kokoa, jotta se isompi tai pienempi.
tässä artikkelissa näytämme , miten voit helposti muuttaa WordPress-logon kokoa, askel askeleelta.
miksi muuttaa logon kokoa WordPress?
kun lataa logonsa WordPressiin, se ei välttämättä ole aina oikean kokoinen.
liian pieni logo ei erotu joukosta. Vaikka, logo, joka on liian suuri voi päätyä negatiivisesti vaikuttaa suunnitteluun sivuston.
jos olet panostanut mukautettuun logosuunnitteluun, haluat varmistaa, että logosi näkyy oikean kokoisena verkkosivustosi otsikossa.
logosuunnittelussa vielä mukana oleville katso poiminnat parhaista vapaiden logojen tekijöistä.
tästä huolimatta näytämme muutamia eri tapoja, joilla voit muuttaa logon kokoa WordPressissä.
valitsemasi menetelmä riippuu käyttämästäsi WordPress-teemasta ja mukavuustasostasi CSS-koodin muokkaamisen kanssa.
- muuta WordPress-logon kokoa WordPress-customizerilla
- muuta WordPress-logon kokoa muokkaamalla CSS-koodia
- muuta WordPress-logon kokoa muokkaamatta CSS-koodia
menetelmä 1. Muuta WordPress logon kokoa WordPress Customizer
yksinkertaisin ja helpoin tapa muuttaa logon kokoa WordPress on käyttämällä teema customizer. Kuitenkin tämä menetelmä toimii vain, jos WordPress teema tukee sitä.
monissa suosituissa teemoissa, kuten Divi, Astra, Ultra ja muut, on sisäänrakennettu logon koon vaihtotyökalu.
kun lataat logosi WordPressiin, nämä teemat helpottavat logon säätämistä yksinkertaisella liukusäätimellä, jolla voit säätää leveyttä ja korkeutta.
huomaa: logosi koko on vain yhtä suuri kuin lataamasi kuva, joten haluat varmistaa, että lataat suuremman logokuvan, jos tavoitteesi on tehdä siitä suurempi.
opetusohjelman vuoksi näytämme, miten logoa vaihdetaan Divi -, Astra-ja Ultra-teemoissa, mutta menetelmä on samanlainen suosituimmissa WordPress-teemoissa. Jos teema ei ole tätä vaihtoehtoa, sinun täytyy käyttää menetelmää 2 tai 3 tämän opetusohjelman.
muuta WordPress-logon kokoa Divi WordPress Theme
ensin siirry Divi ”Theme Customizeriin ja klikkaa” Header & Navigation ” – valikkovaihtoehtoa.
tämän jälkeen napsauta ”Primary Menu Bar” – pudotusvalikkoa.
Tässä voit muuttaa logosi kokoa.
ensin sinun täytyy säätää ’valikon korkeus’ asetusta. Tämä ohjaa korkeus koko navigointivalikon ja määrittää, kuinka suuri voit tehdä logo.
tämän jälkeen voit muuttaa ”Logo Max Height” – asetusta, joka on prosenttiosuus koko valikon korkeudesta.
voit säätää ”Logo Max Height” – liukusäädintä ylös ja alas, kunnes löydät täydellisen logon koon WordPress-blogiisi.
varmista, että napsautat ”Julkaise” – painiketta tallentaaksesi muutoksesi ennen ruudusta poistumista.
muuta WordPress-logon kokoa Astra WordPress-teemassa
ensimmäinen asia, mitä sinun tarvitsee tehdä, on navigoida ulkonäköön ”Mukauta ja napsauta sitten ”Header” – valikkovaihtoehtoa.
tämän jälkeen napsauta ”Site Identity” – valikkoasetusta.
Tässä voit helposti säätää logosi kokoa.
sivuston identiteetti sinun tarvitsee vain siirtää ”logon leveys” – liukusäädintä vasemmalle tai oikealle.
voit automaattisesti nähdä logon koon muutokset reaaliajassa, kun liikutat liukusäädintä.
kun olet tyytyväinen logosi kokoon, paina ”Julkaise” ennen kuin poistut sivulta.
muuta WordPress-logon kokoa Ultra WordPress-teemassa
muokataksesi logon kokoa Ultra-teemassa, siirry ulkoasuun ”Mukauta ja napsauta” sivuston Logo & Tagline ” – navigointikohdetta.
tämän jälkeen klikkaa ”Site Logo” pudotusvalikosta.
valitse sitten näkyviin tuleva ”Logo Image” – Radiopainike.
nyt voit muuttaa logon kokoa syöttämällä uudet mitat logokuvan oikealla puolella oleviin ruutuihin. Jos haluat kuvan skaalautuvan alkuperäisen koon mukaan, syötä vain uudet logon mitat yhteen ruutuun.
leveyttä voi muuttaa vasemmalla olevan laatikon kanssa ja korkeutta oikealla olevan laatikon kanssa.
kun siirryt uusiin ulottuvuuksiin, näet logosi koon muutoksen reaaliajassa.
kun olet muokannut logosi kokoa, paina ”Julkaise” – painiketta.
jos teemaasi ei ole korostettu yllä, on vielä mahdollista, että voit muokata logosi kokoa WordPress customizerin avulla.
yksinkertaisesti mene ulkoasuun ” Mukauta käyttämääsi teemaa ja katso, mitä muokkausvaihtoehtoja logollesi tai otsakkeellesi on tarjolla.
Menetelmä 2. Muuta WordPress logon kokoa muokkaamalla CSS
jos WordPress teema ei tue muuttaa logon kokoa käyttämällä WordPress teema customizer, voit muuttaa kokoa lisäämällä mukautetun CSS.
ensimmäiseksi sinun täytyy navigoida verkkosivustosi kotisivulle.
napsauta hiiren kakkospainikkeella missä tahansa sivulla ja valitse ’tarkasta’ – asetus. Tämä tuo esiin tarkastaa valikko, joka näyttää kaikki koodi sivun.
sen jälkeen hiiren osoittimen näköistä ”valitse elementti” – kuvaketta.
Näin voit valita verkkosivustosi logoelementin ja tarkastella koodia.
seuraava, yksinkertaisesti viemällä sivustosi logon päälle, kunnes CSS-Luokka ponnahtaa esiin. Se näyttää samanlaiselta kuin alla oleva kuva.
käytät tätä CSS-luokkaa muokataksesi WordPress-logosi kokoa. Joten, kirjoita tämä tekstieditori kuten Muistio.
Nyt voit suunnata takaisin WordPress admin dashboard ja navigoida ulkonäkö ” muokata. Sinun täytyy klikata ’Lisää CSS’ valikko vaihtoehto.
tämä avaa pudotusvalikon, johon voit lisätä mukautetun CSS-koodin.
lisää vain aiemmin löytämäsi CSS-luokka ja määritä uudet Kuvan mitat. Voit käyttää alla olevaa CSS-koodia esimerkkinä.
img.custom-logo { max-height: 100px !important;}
yllä oleva img.custom-logo CSS-luokka pitää vaihtaa teeman käyttämään CSS-luokkaan.
voit myös muuttaa max-height minkä kokoiseksi haluat.
Tältä näyttää WordPress-kustomaattorin sisällä.
kun olet tehnyt muutokset, klikkaa ’julkaista’ – painiketta tehdä muutokset live.
Menetelmä 3. Muuta WordPress Logo kokoa muokkaamatta CSS
jos et ole mukava muokata teema tiedostoja tai lisäämällä mukautetun CSS, niin tämä menetelmä on sinua varten.
käyttämällä WordPress styling plugin, voit tehdä visuaalisia muutoksia sivustoosi samanlainen vetämällä ja pudottamalla page builder.
suosittelemme käyttämään CSS Heroa. Se styler plugin jonka avulla voit muokata lähes jokainen CSS tyyli WordPress sivuston kirjoittamatta yhden rivin CSS-koodi.
Deal: WPBeginner reader ’ s voi saada 34% alennus kautta CSS Hero Kuponki-Koodi.
ensin sinun täytyy asentaa ja aktivoida liitännäinen. Lisätietoja, katso askel askeleelta opas siitä, miten asentaa WordPress plugin.
kun olet aktivoinut liitännäisen, sinun on napsautettava ”siirry tuotteen aktivointiin” – painiketta aktivoidaksesi liitännäisen. Se sijaitsee aivan asennettujen lisäosien luettelon yläpuolella.
tämä tuo sinut näytölle, johon voit syöttää käyttäjätunnuksesi ja salasanasi. Seuraa vain näytön ohjeita, ja sinut ohjataan takaisin sivustoosi, kun tilisi on vahvistettu.
sen jälkeen klikkaa ”Muokkaa CSS Hero” – painiketta WordPress admin-työkalupalkin yläosassa.
tämä vie sinut sivustollesi CSS Hero käynnissä sen päällä. CSS Hero käyttää WYSIWYG (mitä näet on mitä saat) editori.
kun napsautat mitä tahansa sivun elementtiä, se avaa vasemmalla olevan työkalupalkin muokataksesi sitä.
klikkaa seuraavaksi WordPress-logoa sivun yläreunassa.
sen jälkeen klikkaa ”Show Advanced Props” – linkkiä.
tämä antaa sinulle vielä enemmän CSS muokkausmahdollisuuksia.
etsi sitten ”toimenpiteet” – ruutu. Täältä löydät vaihtoehtoja kutsutaan ’Max leveys’ ja ’Max korkeus’.
haluat muuttaa nämä haluamaasi kuvakokoon. Jos haluat kuvan pysyvän samoissa mitoissa, muuta vain korkeutta tai leveyttä.
tekemäsi muutokset näkyvät automaattisesti sivullasi.
kun olet muuttanut logosi kokoa, sinun täytyy klikata ”Tallenna ja julkaise”saadaksesi muutokset elämään.
toivomme, että tämä artikkeli auttoi sinua muuttamaan WordPress-logon kokoa. Saatat myös haluta nähdä asiantuntija poimii paras live chat ohjelmisto pienyrityksille, ja meidän luettelo on oltava WordPress plugins liiketoiminnan sivustoja.
jos pidit tästä artikkelista, niin tilaa YouTube-kanavamme WordPress video tutorialsille. Löydät meidät myös Twitteristä ja Facebookista.