2. Come impostare POWER THEME HubSpot

Andare a questo link trovate la guida di MAKA con i vari passaggi da seguire.

Importante: andare su settings/content/page e disabilitare jQuery per temi più recenti di V26.

In linea generale, farsi passare tutti i settings prima di procedere alla creazione delle pagine.

Colors
Fonts
- Prima impostare in Basic setup i font di base e di accento
- Poi procedere in Formatting per il dettaglio. Qui si impostano anche gli UPPERCASE.
Styling: farsi passare tutte le voci per prendere le decisioni coerenti con il brand, ad esempio angoli arrotondati, bottoni custom styles, ...
Effects: solitamente teniamo spento il 3D Box Effect e lasciamo acceso lo Slide Up.
Blog:
Layout:
- Header menu position: 13% (o differente in caso di tante voci di menu, viene cambiato in un secondo momento)
- Content Width: 1400 px
- Section paddings: 40px / 80px / 180px
Responsiveness
- Header: 1200
- Spacing: 40 / 20 / 25
- Font sizes: 25 / 16 (o 18 dipende dal font)
Performance / Super Admin:
- jQuery: disabilitare "enable jQuery" e anche "enable jQuery Debug Tools"
- Theme Code Assets: disabilitare "enable legacy structure"
SEO: solitamente lasciamo tutto di default
Animation: animation on scroll sì, Fade, Default Delay 50, Default offset 250, Default duration 800
System page: impostare qui le immagini per la 404
Back to top button: accendere o spegnere a seconda del caso

È possibile ora procedere a creare le pagine in HubSpot con POWER. Meglio utilizzare lo Staging se l'account HS lo permette.

ATTENZIONE: quando si creano Header e Footer, ricordarsi di impostarli anche per le system pages.

Settings > Website > Blog > Date format

Selezionare bottone “Customize format”

Es: per data 17 LUG 2021 → dd MMM yyyy

Questa modifica va fatta per ogni lingua del Blog.

Per avere i link ai Social di default, è necessario utilizzare un codice AddThis.

Entrare su Marketing / Files and Templates / Design Tool → Cercare il modulo blog-post

Inserire codice AddThis nel field Social Sharing - Addthis Script Link (es. IBSA //s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4ee5c6b11cef46fe)

Per non dover impostare ogni volta Layout e Overlay per i blog post.

Entrare su Marketing / Files and Templates / Design Tool

Cercare il template blog-post.html.

Nell’header si possono modificare i seguenti campi: