Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.

Muokkaa logoa, faviconia, teemaa ja brändin värejä.

Päivitetty viimeksi: huhtikuuta 22, 2025

Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:

Kaikki tuotteet ja HubSpot-tilaukset

Käyttäjät, joilla on Muokkaa tilin oletusasetuksia -oikeudet, voivat muokata brändisi logoa, faviconia ja brändivärejä brändipaketissasi.

Huomaa: voit luoda yhden brändipaketin tiliä kohti. Jos sinulla on Brands-lisäosa, voit luoda yhden brändipaketin brändiä kohden.

Määritä asetuksissalogosi ja faviconisi sekä ensisijaiset, toissijaiset, korostus- ja lisävärit. Brändin värit näkyvät sisältöeditorissa, aikataulusivuilla, lainauksissa ja keskustelukanavissa, mutta ne eivät näy myyntipohjissa ja sähköposteissa.

Muokkaa logoa

Voit muokata oletuslogoa tilisi asetuksissa. Voit ohittaa tämän logon yksittäisten sisältöjen osalta.

  • Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
  • Valitse vasemmanpuoleisessa sivupalkin valikossa Tilin oletusasetukset.
  • Napsauta Branding-välilehteä .
  • Jos käytät Brands-lisäosaa, napsauta Brand Kit -kohdassa olevaa pudotusvalikkoa ja valitse brändi, jonka logon haluat päivittää.

branding-select-brand

  • Jos haluat lisätä uuden logon, napsauta Logot-osiossa + Lisää.
  • Lisää uusi logosi:
    • Jos haluat lisätä olemassa olevan kuvan tiedostotyökalusta logoksi, valitse Selaa kuvia. Napsauta oikeassa paneelissa kuvaa.
    • Jos haluat lisätä uuden kuvan, napsauta 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 hakukoneoptimointia. Lue lisää verkkosivuston saavutettavuudesta HubSpotin kehittäjien dokumentaatiosta.
  • Kirjoita Logon URL-osoite -kenttään URL-osoite, jos haluat logosi olevan napsautettavissa.
  • Jos haluat muuttaa logon kokoa, kirjoita uusi ulottuvuus Leveys- tai Korkeus-kenttään . Toinen kenttä mukautuu automaattisesti niin, että kuvan mittasuhteet säilyvät.
  • Jos haluat lisätä toisen logon, napsauta Logot-osan alareunassa olevaa + Lisää .
  • Jos haluat poistaa olemassa olevan kuvan, vie hiiren kursori kuvan päälle ja napsauta oikeassa yläkulmassa olevaa X-kirjainta . Jos haluat poistaa logon, napsauta pudotusvalikkoa Toiminnot ja valitse sitten Poista.
edit-logo
  • Kun olet muokannut logon, napsauta Tallenna vasemmalla alhaalla.
Voit ohittaa tietyn sisällön oletuslogonsisältöeditorissa taiDesign Managerissa. NapsautaLogo-moduulissa Override default logo -kytkintä ja lataa sitten logo.override-default-logo-in-content-editor.

Muokkaa suosikkikuvasi

Tilin asetuksissa voit muokata verkkosivustosi favicon-kuvaketta, joka on pieni kuva selaimen välilehdessä sivun otsikon vieressä. Suosikkikuvasi sovelletaan vain HubSpotissa isännöityyn sisältöön.

Huomaa: voit lisätä enintään 20 faviconia tuotemerkkiä kohti.

  • Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
  • Napsauta vasemmanpuoleisessa sivupalkin valikossa Account defaults( Tilin oletusasetukset).
  • Napsauta Branding-välilehteä .
  • Jos käytät Brands-lisäosaa, napsauta Brand Kit -kohdassa olevaa pudotusvalikkoa ja valitse brändi, jonka logon haluat päivittää.

branding-select-brand

  • Jos haluat lisätä uuden suosikkikuvakkeen, napsauta + Lisää suosikkikuvat-osiossa.
  • Lisää uusi favicon:
    • Jos haluat lisätä olemassa olevan kuvan tiedostotyökalusta suosikkikuvaksesi, valitse Selaa kuvia. Napsauta oikeassa paneelissa kuvaa.
    • Jos haluat lisätä uuden kuvan suosikkikuvaksesi, napsauta Upload (Lataa) ja lisää sitten kuva tietokoneeltasi. Saat parhaan tuloksen tallentamalla suosikkikuvasi 48 x 48 px:n kokoisena kuvana jossakin seuraavista tiedostomuodoista: .ico, .gif, .png.
  • Kirjoita suosikkikuvasi nimi Favicon name -kenttään.

add-favicon

  • Kun olet muokannut suosikkikuvasi, napsauta Tallenna vasemmalla alhaalla.

Muokkaa tuotemerkin värejä

Voit määrittää asetuksissasi brändivärit, jotka näkyvät sisältöeditorissa sekä aikataulusivuilla, lainauksissa ja keskustelukanavissa. Brändivärit eivät näy myyntipohjissa ja sähköposteissa.

  • Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
  • Valitse vasemmanpuoleisessa sivupalkin valikossa Tilin oletusasetukset.
  • Napsauta Branding-välilehteä .
  • Napsauta Brändipaketti-kohdassa Värit-välilehteä .
  • Jos käytät Brands-lisäosaa, napsauta Brand Kit -kohdan pudotusvalikkoa ja valitse brändi, jonka logon haluat päivittää.

branding-select-brand

  • Brändin värien asettaminen:
    • Ensisijainen väri: brändissäsi 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ändissäsi 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ändivärejäsi. Kirjoita kohdassa Accent color (korostusväri) heksadesimaalikoodi tai napsauta värivalitsinta ja valitse väri. 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.

branding-colors

Huom:

Jos sivustosi viittaa väriin, jota ei ole asetettu brändiasetuksissa, 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 tuoda värejä elävästä sivusta, joka jo käyttää tuotemerkin värejä:
    • Valitse Tuo värit URL-osoitteesta.
    • Kirjoita valintaikkunaan sen sivun URL-osoite , jossa käytetään brändivärejäsi, ja valitse Etsi värejä.
    • Kun skannaus on valmis, poista valintaruutu niiden värien vierestä, joita et halua tuoda, ja valitse sitten Tuo.

import-colors

Muuta teemaa

Teema on joukko malleja, moduuleja, globaalia sisältöä ja tyyliasetuksia, joita voidaan käyttää verkkosivuston luomiseen. Voit muokata sivuja ja viestejä käyttämällä teemaa sisältöeditorissa ja asettaa blogimallit käyttämään teemaa blogiasetuksissa.

Kaikilla tileillä on pääsy vähintään yhteen HubSpotin oletusteemaan. Teemoja voi myös ladata Template Marketplace -palvelusta .

Huomaa: tietopohjat käyttävät muunneltua versiota teemoista. Lisätietoja tietopohjien teema-asetusten muokkaamisesta.

Voit vaihtaa teeman:

  • Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
  • Napsauta vasemmanpuoleisessa sivupalkin valikossa Tilin oletusasetukset.
  • Napsauta Branding-välilehteä .
  • Jos käytät Brands-lisäosaa, napsauta Brand Kit -kohdassa olevaa pudotusvalikkoa ja valitse brändi, jonka logon haluat päivittää.

branding-select-brand

  • Napsauta Brand kit -osiossa Themes-välilehteä .
  • Napsauta teeman vieressä Actions (Toiminnot) ja valitse sitten jokin seuraavista:
    • Valitse Vaihda teema, jos haluat valita toisen teeman.
      • Käytettävissä olevat teemat tulevat näkyviin. Valitse Aseta aktiiviseksi teemaksi sen teeman vieressä, jota haluat käyttää tuotemerkissäsi.
      • Valitse View themes in the Marketplace (Näytä teemat markkinapaikalla ) nähdäksesi muut ladattavissa olevat teemat.
    • Muokkaa teema-asetuksia valitsemalla Muokkaa.
    • Valitse Preview (Esikatselu ) esikatsellaksesi, miltä teemasi näyttää.
Oliko tästä artikkelista apua?
Tätä lomaketta käytetään vain dokumentaation palautteeseen. Lue, miten saat apua HubSpotin kanssa.