Muokkaa brändi logoa, favicon, brändi värejä, fontteja ja teemaa
Päivitetty viimeksi: 26 toukokuuta 2025
Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:
|
Käyttäjät, joilla on Muokkaa tili oletusasetuksia -oikeus, voivat muokata brändi logoa, favicon, brändi, teemaa ja fontteja brändipaketti.
Huomaa: voit luoda yhden brändipaketti tili kohti. Jos sinulla on lisäosa, voit luoda yhden brändipaketti Brändi kohden.
Määritä asetuksissa logosi ja favicon, ensisijaiset, toissijaiset, aksentti- ja brändi, teemasi ja fontit. Brändi värit näkyvät sisältö, aikataulusivuilla, tarjoukset ja keskustelukanavissa, mutta ei näkyvät myyntipohjissa ja sähköposteissa.Lisää tai muokkaa logoa
Voit muokata oletuslogoa tili asetuksissa. Voit ohittaa tämän logon yksittäisten sisältö osalta.
- Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
- Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
- Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.
- Valitse Brändi Kit -osiossa Logot.
- Lisää uusi logosi:
- Jos haluat lisätä olemassa olevan kuvan tiedostot logoksi, valitse Selaa kuvia. Napsauta oikeassa paneelissa kuvaa.
- Jos haluat lisätä uuden kuvan, valitse Upload (Lataa) ja lisää kuva tietokoneeltasi.
- Kirjoita logon nimi -kenttään logon nimi . Tämä kenttä on pakollinen.
- Kirjoita Logon alt-teksti -kenttään logon kuvaus hakukoneita ja ruudunlukijoita varten. Tämä parantaa sivustosi saavutettavuutta ja SEO. Lue lisää verkkosivusto saavutettavuudesta HubSpotin kehittäjien dokumentaatiosta.
- Kirjoita Logon URL-osoite -kenttään URL-osoite, jos haluat logosi olevan napsautettavissa.
- To resize your logo, enter a new dimensio in the Width or Height field. The other field will automatically adjust to keep the image's proportions.
- Jos haluat lisätä toisen logon, napsauta Logot-osan alareunassa olevaa + Lisää .
- Jos haluat poistaa olemassa olevan kuvan, napsauta kuvan keskellä olevaa X-kirjainta.
- Jos haluat vaihtaa oletuslogon, siirrä hiiren kursori sen logon päälle, jota haluat käyttää oletuslogona, napsauta pudotusvalikkoa Toiminnot ja valitse sitten Tee oletus.
- Jos haluat poistaa logon, napsauta pudotusvalikkoa Toiminnot ja valitse sitten Poista.
- <span itemprop="name headline\">Kun olet valmis muokkaamaan logoa, napsauta vasemmassa alakulmassa <strong>Päivitä </strong>. </span></li>
<li>Voit ohittaa oletuslogon tietyn <span intento_0=0>sisällön</span> osalta <a href="https://knowledge.hubspot.com/fi/website-and-landing-pages/create-and-customize-pages" rel="noopener" style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;" target="_blank"> <span intento_1=0>sisällön</span> muokkaaja</a><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;"> tai </span><a href="/design-manager/create-and-edit-modules" rel="noopener" style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;" target="_blank">Suunnittelunhallinta</a><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">. Valitse </span><span><span style="font-style: italic;">Logo </span><span><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">moduulissa </span><strong style="background-color: transparent;">Override default logo</strong><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;"> päälle ja lataa sitten </span><span style="font-weight: bold;">logo</span><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">. </span></li>
</ul>
Lisää tai muokkaa favicon
tili asetuksissa voit mukauttaa verkkosivusto favicon, joka on pieni kuva selaimen välilehdessä sivun otsikon vieressä. favicon sovelletaan vain HubSpotissa isännöityyn sisältö.
Huomaa: voit lisätä enintään 20 favicon Brändi kohti .
- Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
- Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
- Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.
- Napsauta Brändi Kit -osiossa Suosikit.
- Lisää uusi favicon:
- Jos haluat lisätä olemassa olevan kuvan tiedostot logoksi, valitse Selaa kuvia. Napsauta oikeassa paneelissa kuvaa.
- Jos haluat lisätä uuden kuvan, valitse Lataa ja lisää kuva tietokoneeltasi.
- Kirjoita Favicon name -kenttään nimi favicon. Tämä kenttä on pakollinen.
- <span itemprop="name headline\">Voidaksesi lisätä toisen logon, </span>napsauta <strong>+ Lisää </strong> Faviconit<em> </em>osion alaosassa.</li>
<li>Poistaaksesi olemassa olevan kuvan, napsauta kuvan keskellä olevaa <strong>X</strong>.</li>Poistaaksesi kuvan, napsauta <strong>X</strong>
</ul>
- Jos haluat vaihtaa favicon, siirrä hiiren osoitin sen favicon päälle, jota haluat käyttää oletuksena, napsauta pudotusvalikkoa Toiminnot ja valitse sitten Tee oletus.
- Jos haluat poistaa logon, napsauta pudotusvalikkoa Toiminnot ja valitse sitten Poista.
- Kun olet muokannut favicon, napsauta Tallenna vasemmalla alhaalla.
Lisää tai muokkaa brändi värejä
Voit määrittää asetuksissa brändi värit, jotka näkyvät sisältö, sekä aikataulusivut, tarjoukset ja keskustelut. Brändi eivät näy myyntipohjissa ja sähköposteissa.
- Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
- Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
- Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.
- Valitse Brändi Kit -osiossa Colors (Värit).
- Voit määrittää brändi värit:
- Ensisijainen väri: brändi käytettävä pääväri. Kirjoita Ensisijainen väri-kohtaan heksadesimaalikoodi tai napsauta värivalitsinta ja valitse väri. Napsauta sitten Tallenna. Ensisijainen väri on pakollinen kenttä.
- Toissijainen väri: brändi toiseksi eniten käytetty väri. Kirjoita Secondary color (Toissijainen väri) -kohtaan heksadesimaalikoodi tai napsauta värivalitsinta ja valitse väri. Napsauta sitten Tallenna.
- Aksenttivärit: täydentävät ensisijaisia ja toissijaisia brändi. Kirjoita kohdassa Accent color (korostusväri) heksadesimaalikoodi tai napsauta värivalitsinta ja valitse väri. Napsauta sitten Tallenna. Voit lisätä enintään kolme korostusväriä.
- Lisävärit: Niitä ei käytetä automaattisesti, mutta ne ovat käytettävissä värinvalitsimissa ja niihin voidaan viitata kehitystyökaluissa. Napsauta add Lisää lisävärit-kohdan vieressä, syötä heksadesimaalikoodi tai napsauta värivalitsinta ja valitse väri. Napsauta sitten Tallenna. Voit lisätä enintään kuusitoista lisäväriä.
- Jos haluat poistaa lisävärin, napsauta poistettavan värin vieressä olevaa delete Poista ja napsauta sitten Tallenna.
Huom:
Jos sivustosi viittaa väriin, jota ei ole asetettu brändi, se käyttää varalogiikkaa:
- Toissijainen väri on oletusarvoisesti ensimmäinen käytettävissä oleva lisäväri.
- Ensimmäinen aksenttiväri oletusarvoisesti käyttää toista lisäväriä.
- Toinen aksenttiväri on oletusarvoisesti kolmas lisäväri.
- Kolmas korostusväri on oletusarvoisesti neljäs lisäväri.
- Jos lisävärejä ei ole asetettu, käytetään oletusväriarvoa. Jos oletusväriä ei ole asetettu, se käyttää varaväriä.
- Voit myös tuonti värejä elävästä sivusta, joka jo käyttää brändi värejä:
- Valitse Tuonti värit URL-osoitteesta.
- Kirjoita valintaikkunaan sen sivun URL-osoite , jossa käytetään brändi, ja valitse Etsi värejä.
- Kun skannaus on valmis, poista valintaruutu niiden värien vierestä , joita et halua tuonti, ja valitse sitten Tuonti.
Lisää, muokkaa tai poista fontteja
Voit määrittää asetuksissa ensisijaiset, toissijaiset ja mukautetut fontit, joita käytetään kaikkialla sisältö. Voit asettaa lisää tai muokata fontteja:
Lisää fontteja
- Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
- Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
- Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.
- Valitse Brändi Kit -osiossa Fonts.
- Voit määrittää tekstissä käytettävän fontin:
- Napsauta kohdassa Body (runko) Valitse fontti -pudotusvalikkoa.
- Kirjoita fontin nimi hakupalkkiin tai valitse fontti luettelo.
- Napsauta Päivitä.
- Asettaa fontin, jota käytetään otsikoissa ja isossa tekstissä:
- Napsauta Ensisijainen-kohdassa Valitse fontti -pudotusvalikkoa.
- Kirjoita fontin nimi hakupalkkiin tai valitse fontti luettelo.
-
- Napsauta Päivitä.
- Voit määrittää mukautetun fontin, joka on käytettävissä fontinvalitsimessa sisältö:
- Lisää mukautettu fontti: Napsauta kohdassa Mukautetut fontit + Lisää mukautettu fontti.
- Kirjoita fontin nimi -kenttään fontin nimi.
- Napsauta Valitse tiedosto(t).
- Valitse tietokoneelta ladattavat tiedostot. Tuetut tiedosto: TTF, OTF ja WOFF.
- Lisää lisää tiedostot valitsemalla + Lataa lisää tiedostot.
- Napsauta Seuraava.
- Käytä pudotusvalikoita valitaksesi vastaavan kirjasintyylin.
-
- Voit lisätä muita tyylejä valitsemalla + Lisää toinen kirjasintyyli.
-
- Napsauta Päivitä.
- Voit lisätä useamman kuin yhden mukautetun fontin. Jos haluat lisätä toisen, käy vaiheet läpi uudelleen.
Muokkaa fontteja
Olemassa olevien fonttien muokkaaminen:
- Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
- Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
- Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.
- Valitse Brändi Kit -osiossa Fonts.
- Voit muokata runkotekstissä käytettävää fonttia:
- Napsauta pudotusvalikkoa kohdassa Body (runko).
- Kirjoita fontin nimi hakupalkkiin tai valitse fontti luettelo.
-
- Napsauta Päivitä.
- Voit muokata otsikoissa ja isossa tekstissä käytettävää fonttia:
- Napsauta pudotusvalikkoa kohdassa Ensisijainen.
-
- Kirjoita fontin nimi hakupalkkiin tai valitse fontti luettelo.
-
- Napsauta Päivitä.
- Mukautetun fontin muokkaaminen:
-
- Valitse Mukautetut fontit-kohdassa nykyisen fontin vieressä Toiminnot ja valitse sitten Muokkaa.
-
- Käytä pudotusvalikoita vastaavan kirjasintyylin valitsemiseen.
-
- Voit lisätä uusia tyylejä valitsemalla + Lisää toinen kirjasintyyli.
- Napsauta Päivitä.
Poista mukautetut fontit
Mukautettujen fonttien poistaminen:
- Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
- Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
- Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.
- Valitse Brändi Kit -osiossa Fonts.
- Valitse Mukautetut fontit-kohdassa nykyisen fontin vieressä Toiminnot ja valitse sitten Poista.
- Valitse valintaikkunassa Poista fontti.
Vaihda teemaa
Teema on joukko malleja, moduuleja, yleistä sisältö ja tyyliasetuksia, joita voidaan käyttää verkkosivusto luomiseen. Voit muokata sivuja ja viestejä käyttämällä teemaa sisältö ja asettaa blogi käyttämään teemaa blogi.
Kaikilla tileillä on pääsy vähintään yhteen HubSpotin oletusteemaan. Teemoja voi myös ladata mallipohjakauppa -palvelusta .
Huomaa: tietopohjat käyttävät muunneltua versiota teemoista. Lisätietoja tietämyskanta teema-asetusten muokkaamisesta.
Teeman vaihtaminen:
- Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
- Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
- Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.
- Valitse Brändi Kit -osiossa Theme.
- Valitse Vaihda teema, jos haluat valita toisen teeman.
-
- Käytettävissä olevat teemat tulevat näkyviin. Valitse Set as active theme (Aseta aktiiviseksi teemaksi ) sen teeman vieressä, jota haluat käyttää brändi.
- Näytä muut ladattavissa olevat teemat napsauttamalla Näytä teemat Markkinapaikka.
- Muokkaa teema-asetuksia valitsemalla Muokkaa.
- Valitse Preview (Esikatselu ) esikatsellaksesi, miltä teemasi näyttää.
-
Branding Website Pages Account Management