Tag intestazione: h2, h3, h4

Da **Niko** Mer 27 Ago 2014 - 19:17

Tag intestazione: h2, h3, h4

Il seguente tutorial vi permetterà di capire meglio il funzionamento dei nuovi tag per i titoli nei vostri messaggi (h2, h3 e h4)

Come funziona?

L'inserimento dei tag per i titoli è ora possibile tramite i BBcode con questo nuovo bottone all'interno dell'editor:
L'inserimento può anche essere fatto in HTML quando attivato, sostituendo [questo] con <*questo>
I tag titolo hanno aspetto diverso per ogni versione del forum

dai un'occhiata all'annuncio per informazioni su questa funzionalità :bene:

Perchè usare i tag per i titoli?

I tag per i titoli hanno moltissima importanza:

Sono utilizzati per dare una struttura al contenuto del messaggio per migliorare la comprensione alla comunità, proprio come i titoli in giallo
Migliorano il SEO del vostro forum (l'essere più facilmente visibili nei motori di ricerca) perchè indicano ai motori di ricerca i "contenuti" più importanti in un messaggio

Come utilizzare i tag?

Se il messaggio non può essere "strutturato", non forzate inutilmente l'inserimento dei tag. è meglio inserire i titoli con moderazione e quando servono che inserirli a caso. Wink

è inoltre importante inserirli con una sequenza logica, per esempio:

Codice:: [h2]Il mio titolo importante[/h2] [h3]Il mio titolo un po meno importante[/h3] [h4]Il mio titolo meno importante[/h4]

Non mescolateli senza logica! Tag intestazione: h2, h3, h4 997260

non ricopiatelo Tag intestazione: h2, h3, h4 997260

Codice:: [h2]Titolo[h2] testo testo testo [h4]Titolo due[/h4] mio testo mio testo [h2]Ancora un altro titolo[/h2] testo testo [h3]Titolo ancora[/h3]

[u]Nota:[/b] I titoli sono molto importanti (h1). è per questo che sono disponibili i BBcode a partire da h2

Personalizza i titoli con il CSS

Ogni titolo h2, h3, h4 ha uno stile definito per ogni versione ( phpbb2, phpBB3, punBB, e Invision ).

Phpbb3 esempio :

E' possibile attraverso il CSS:

Cancellare lo stile di questi titoli
Modificare lo stile

Attenzione! modificando lo stile in questo momento, cambierà anche lo stile dei tag h2, h3, h4 se utilizzati nel passato; in altre parole, la modifica dello stile si applicherà a tutto al forum, in tutti i post.

A. Cancellare lo stile

Per rimuovere lo stile dei titoli, potete cambiare ogni "aspetto" del layout ( color, size, alignment... ). Queste modifiche cambieranno i titoli in ogni post.

Questa modifica invece cambierà lo stile solo per il post in cui viene usata

Codice:: [h2][color="red"]Content[/color][/h2]

Questo è invece il CSS che va aggiunto in PDA > Visualizzazione > Immagini e colori > Colori > Foglio di stile CSS che cancellerà alcuni tratti dello stile del titolo ( color, underline, alignment )

Codice:: h2.post-content, h3.post-content, h4.post-content { text-align:initial; /* allineamento del testo */ text-decoration:none; /* formattazione del testo */ text-transformation:none; /* maiuscolo o minuscolo */ border:0; /* linea sotto il testo */ }

B. Cambiare lo stile

Per cambiare lo stile e quindi modificare l'aspetto si utilizzano sempre i codici CSS andando sempre verso PDA > Visualizzazione > Immagini e colori > Colori > Foglio di stile CSS

Per cambiare l'aspetto di tutti i titoli utilizzate queste stringhe:

Codice:: h2.post-content,h3.post-content,h4.post-content { /* proprietà */ }

e per cambiare uno singolo (h2 in questo caso):

Codice:: h2.post-content { /* proprietà */ }

starà poi a voi decidere come modificarlo, aggiungendo diverse "istruzioni" Wink