Tag intestazione: h2, h3, h4


Astuzia Tag intestazione: h2, h3, h4

Messaggio 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: Tag intestazione: h2, h3, h4 Headin10
  • 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 :
Tag intestazione: h2, h3, h4 Captu106

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




Ultima modifica di Niko il Mar 19 Gen 2021 - 2:35 - modificato 1 volta. (Motivazione : Aggiornamento)
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 26
Messaggi : 9007
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.