Come aggiungere testo verticale al tuo sito web Squarespace
ARGOMENTI PRINCIPALI
1. ACCEDI AL PANNELLO CSS PERSONALIZZATO
2. SELEZIONA L'ELEMENTO DI TESTO
3. APPLICA IL CODICE CSS
Il testo verticale, un elemento di design accattivante, può essere utilizzato per intestazioni, inviti all'azione o persino intere sezioni per catturare immediatamente l'attenzione dei tuoi visitatori. Ma come puoi integrarlo nel tuo sito Squarespace? Non preoccuparti, ci pensiamo noi.
Sfrutta il CSS per un controllo preciso:
ACCEDI AL PANNELLO CSS PERSONALIZZATO
Vai su SITO WEB > STRUMENTI SITO WEB > CSS PERSONALIZZATO all'interno del tuo backend di Squarespace
SELEZIONA L'ELEMENTO DI TESTO
Usa il selettore di elementi per identificare lo specifico blocco di testo che desideri trasformare. Potrebbe essere un'intestazione, un paragrafo o qualsiasi altro elemento di testo.
APPLICA IL CODICE CSS
Incolla il codice seguente, sostituendo #block-TUOBLOCKID con l'ID del tuo blocco e regolando i valori di writing-mode e transform in base alle tue esigenze:
// VERTICAL TEXT //
#block-YOURBLOCKID {
writing-mode: vertical-rl;
transform: rotate(90deg);
/* Optional: Adjust margin and alignment */
margin: 0 auto;
text-align: center;
}Suggerimenti e trucchi per un testo verticale efficace:
Considerare la leggibilità: Ricordate che il testo verticale può essere più difficile da leggere. Usatelo con parsimonia e per brevi parti di testo.
Garantire la reattività dei dispositivi mobili: Testate il vostro sito web su diversi dispositivi per assicurarvi che il testo verticale non interrompa il layout.
Allineatevi al vostro marchio: Scegliete uno stile e un posizionamento che si integri con il design generale del vostro sito web.
Inizia in piccolo e sperimenta: Non esagerare! Introduci gradualmente il testo verticale e sperimenta per trovare ciò che funziona meglio per il tuo pubblico.
