Bruk temaer

Et tema er et sett med maler, moduler, globalt innhold og stilinnstillinger som kan brukes til å opprette et nettsted. Du kan redigere sider og innlegg ved hjelp av et tema i innholdsredigeringsprogrammet og angi at bloggmaler skal bruke et tema i blogginnstillingene dine.

Alle kontoer har tilgang til minst ett standard HubSpot-tema. Temaer kan også lastes ned fra Template Marketplace.

Forstå temaer

Et tema er et sett med filer for nettstedet ditt, inkludert:

• Kodede maler: Et sett med maler for nettstedet ditt, inkludert en hjemmeside, en om-side, en destinasjonsside og bloggmaler. Disse malene er spesialkodet av en utvikler, men innholdet og oppsettet kan tilpasses i innholdsredigeringsprogrammet.
• Moduler: Et sett med unike temamoduler som du kan legge til i innhold som bruker det aktuelle temaet.
• Globalt innhold: innhold som gjentas på flere sider, for eksempel en topptekst eller bunntekst på nettstedet. Du kan redigere globalt innhold direkte fra dra-og-slipp-sideredigereren.
• Temainnstillinger: Stilinnstillinger for maler som bruker et tema, inkludert skrifttyper, mellomrom og farger.

Bruk et aktivt tema

Du kan angi et aktivt tema for å vise temaets sider som standardalternativer for nyopprettede sider. Hvis du angir eller endrer et aktivt tema, endres ikke temaet som brukes for eksisterende innhold, noe som krever at du bytter innholdets gjeldende mal. Du kan kjøpe flere temaer i HubSpot Template Marketplace.

1. Naviger til innholdet ditt:
   • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
   • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
2. Klikk på Opprett eller Kom i gang.
3. På siden for temavalg klikker du på Angi som aktivt tema på det ønskede temakortet. Klikk på Forhåndsvis tema for å forhåndsvise temaet.
4. På siden for valg av mal klikker du på Velg mal på det ønskede malkortet. Fortsett deretter å bygge en side ved hjelp av HubSpots dra-og-slipp-redigeringsprogram

Endre aktivt tema

1. Naviger til innholdet ditt:

   • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
   • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
2. Klikk på Opprett eller Kom i gang øverst til høyre.
3. Hvis du vil endre tema fra nettsidene, klikker du på rullegardinmenyen Tema og velger Endre tema. Klikk deretter på Angi som aktivt tema på ønsket temakort.

4. Hvis du vil endre tema fra destinasjonssider, klikker du på navnet på temaet i menyen til venstre. Klikk deretter på Angi som aktivt tema på det ønskede temakortet.

5. Hold musepekeren over et tema på skjermbildet for temavalg, og klikk deretter på Forhåndsvis tema for å åpne en forhåndsvisning av temaet eller Angi som aktivt tema.
6. Deretter kan du velge en mal fra temaet for å fortsette å bygge en side med HubSpots dra-og-slipp-redigeringsprogram.

Opprett en side ved hjelp av et tema

1. Naviger til innholdet ditt:

   • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
   • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
2. Klikk på Opprett eller Kom i gang øverst til høyre.
3. Hvis du ikke har valgt et tema tidligere, kommer du til skjermbildet for valg av tema. Klikk på Angi som aktivt tema på det ønskede temakortet. Klikk på Forhåndsvis tema for å forhåndsvise temaet.
4. I skjermbildet for valg av maler vises maler fra det aktive temaet i delen Temamaler. Hvis du vil vise maler som ikke er en del av det aktive temaet, klikker du på Andre maler.
5. Klikk på Velg mal eller Bruk for å velge en mal fra temaet.
6. Rediger sideinnhold i innholdsredigeringsprogrammet ved hjelp av dra-og-slipp-redigeringsprogrammet.

7. Klikk på Publiser eller Oppdater øverst til høyre for å ta endringene i bruk.

Bruk en temamal på bloggen din

Du kan angi at en blogg skal bruke samme tema som sidene dine i blogginnstillingene. Malene for blogginnlegg og bloggoppføringssider velges separat.

1. I HubSpot-kontoen din klikker du på settings innstillinger-ikonet i den øverste navigasjonslinjen.
2. Gå til Innhold > Blogg i menyen i venstre sidefelt.
3. Hvis du har flere blogger, klikker du på rullegardinmenyen Velg en blogg du vil endre, og velger en blogg.
4. Klikk på Maler-fanen .
5. I seksjonene Mal for blogginnlegg og Bloggoppføringsside klikker du på nedtrekksmenyen Handlinger og velger Endre mal.

6. Klikk på ønsket temakort på skjermbildet for temavalg, og klikk deretter på malkortet. Klikk på Ferdig nederst til høyre.

Merk: For bloggoppføringssider som kan redigeres i innholdsredigeringsprogrammet, vil disse trinnene føre til innholdsredigeringsprogrammet i stedet for til skjermbildet for valg av tema.

Rediger temainnstillinger

Du kan tilpasse utformingen av temaet, inkludert skrifttype, farger og mellomrom, i temainnstillingene. Stilene som redigeres her, gjelder for alle sider og temamoduler som er inkludert i dette temaet. Finn ut mer om hvordan du administrerer temainnstillinger.

Administrere temaer

I designadministratoren kan du redigere, klone eller kopiere et tema til en annen HubSpot-konto. Du kan også slette klonede temaer, egendefinerte temaer og opprette underordnede temaer.

Du kan redigere temainnstillingene for et underordnet tema uten å påvirke det overordnede temaet, men det vil ikke opprette flere kopier av temaets ressurser. Hvis du vil kopiere et overordnet temas ressurser, anbefales det å klone temaet.

Klone et tema

Hvis du vil redigere de kodede filene til standardtemaer i Design Manager, må de først klones.

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. Klikk på @hubspot-mappen i søkeren. Denne mappen inneholder alle temaer og standardmoduler, inkludert dra og slipp-e-postmoduler.
3. Klikk på en temamappe.
4. Klikk på rullegardinmenyen Fil, og velg Klone tema.
5. Skriv inn et navn på temaet i dialogboksen.
6. Hvis du vil endre filplasseringen for det klonede temaet, klikker du på Endre i feltet Filplassering. Velg deretter en plassering. Som standard vil rotmappen være valgt.
7. Når du er ferdig, klikker du på Opprett.

Opprett et underordnet tema

I designadministratoren kan du opprette et underordnet tema basert på et kjøpt Template Market place-tema eller et standard HubSpot-tema. Du kan redigere temainnstillingene for et underordnet tema uten å påvirke det overordnede temaet.

Utviklere kan også opprette underordnede temaer basert på egendefinerte temaer og opprette underordnede temaer ved hjelp av CLI ved hjelp av utviklerdokumentasjonen. Finn ut mer om hvordan du arbeider med underordnede temaer.

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. I søkeren klikker du på @marketplace-mappen for Template Marketplace-temaer eller @hubspot-mappen for standardtemaer.
3. Høyreklikk på en temamappe, og velg deretter Opprett underordnet tema.
4. Skriv inn et navn for det underordnede temaet i dialogboksen.
5. Hvis du vil endre hvor det underordnede temaet skal lagres, klikker du på Endre i delen Filplassering. Klikk på en mappe, og klikk deretter på Velg.
6. Hvis du vil tilpasse navnene på temaets CSS- og JS-filer, klikker du på Avanserte alternativer og skriver inn nye filnavn i CSS- og JS-feltene.
7. Klikk på Opprett underordnet tema for å fullføre prosessen. Du kan redigere stylingen for det underordnede temaet i innholdsredigeringsprogrammet.

Kopiere et tema til en annen konto

Du kan kopiere en temamappe fra én konto til en annen. Du må være en bruker medDesignverktøy-tillatelser i begge kontoene.

Merk: Temamapper i @hubspot- eller @marketplace-katalogene kan ikke kopieres mellom kontoer.

Slik kopierer du et tema til en konto:

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. Hold musepekeren over temamappen du vil kopiere, høyreklikk deretter på mappen og velg Kopier til en annen konto.
3. I dialogboksen klikker du på rullegardinmenyen Destinasjonskonto og velger en konto. Klikk deretter på Kopier ressurs. Mappen vises i målkontoen så snart kopieringsprosessen er fullført.
   
   

Last opp et tema

Brukere med Content Hub-kontoer kan kjøpe HubSpot-temaer fra Envatos ThemeForest Marketplace, og deretter laste dem opp til HubSpot fra skjermbildet for temavalg:

1. Naviger til HubSpot CMS Hub -delen av Envatos ThemeForest Marketplace.
2. Kjøp et tema fra markedsplassen.
3. Du vil motta en e-post med en kjøpskode for temaet du har kjøpt. Kopier kjøpskoden.
4. Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
5. Klikk på Opprett øverst til høyre.
6. På siden Velg en mal klikker du på rullegardinmenyen Tema og deretter på Endre tema.

7. På siden Velg et tema klikker du på Installer et tema fra ThemeForest nederst på siden.
8. Lim inn kjøpskoden fra e-posten i dialogboksen, og klikk deretter på Installer tema.
9. I den nye fanen logger du på Envatos ThemeForest Marketplace for å fullføre installasjonsprosessen.
10. Når du har logget på, vises et banner i HubSpot. Det kan ta noen minutter før temaet ditt er tilgjengelig.

Slett et tema

Klonede temaer og opplastede temaer kan slettes fra designbehandleren:

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. Klikk på mappen med temaets ressurser i søkeren.
3. Klikk på rullegardinmenyen Fil, og velg Slett [mappenavn].
4. I dialogboksen merker du av i avmerkingsboksen for å bekrefte at du har gjennomgått de avhengige elementene, og klikker deretter på Slett denne mappen.

Kjøpte temaer må avinstalleres fra Template Marketplace:

1. På HubSpot-kontoen din klikker du på Marketplace-ikonet marketplace i den øverste navigasjonslinjen, og deretter velger du Marketplace-nedlastinger.
2. I kategorien Temaer klikker du på rullegardinmenyen Handlinger og velger Avinstaller for det aktuelle temaet.
3. Før du avinstallerer, kan det hende du må endre malen for et blogginnlegg eller en side. Finn ut mer om hvordan du endrer en side- eller innleggsmal.
4. Klikk på Avinstaller i dialogboksen.