"Tema ibrido" si riferisce a un insieme di temi WordPress personalizzati basate su framework "Ibrido". Ogni tema ha simili caratteristiche, modelli e fogli di stile. Il tema di ammiraglia, "Ibrido", dotato di 21 fogli di stile diversi, ciascuno contenente classi speciali che possono essere applicate per ogni post o pagina. Classi di contenuti speciali sono inoltre fornite in "Style. css" del tema o foglio di stile principale. Il tema di ibrido definisce diversi WordPress "shortcode" per l'utilizzo di queste classi personalizzate per aiutarti a evitare di dover utilizzare HTML. Purtroppo, la nota di avviso non dispone un shortcode associato con esso, pertanto è necessario applicare la classe direttamente un tag HTML.

Istruzioni

1

Accedere a pannello di amministrazione di WordPress e clicca su "Post", quindi "Aggiungi nuova". Da un titolo al tuo post e posizionare il cursore nella finestra dell'Editor.

2

Digitare il contenuto che si desidera apparire nella tua nota di avvertimento. Facoltativamente, è possibile aggiungere un'icona o un'immagine facendo clic sul pulsante "Aggiungi immagine" nella barra degli strumenti editor. Per avere l'icona o immagine anteprima Visualizza fino a sinistra del testo dell'avviso, assicurarsi di selezionare l'allineamento di "Sinistra" nella finestra "Aggiungere un'immagine".

3

Fare clic sulla scheda "HTML", situata nell'angolo superiore destro dell'editor del contenuto. Posizionare il cursore all'inizio del testo o del blocco di codice (se è stata inserita un'immagine) e Inserisci un tag "DIV" in stile con la classe "warning":

< div class = "avviso" >

Posizionare il cursore alla fine del testo o blocco di codice e digitare il tag DIV di chiusura:

< / div >

4

Designare l'altezza della nota avviso aggiungendo l'attributo di "stile" al tag DIV con un valore di "altezza:" come segue:

< div class = "avviso" style = "altezza: 100px;"

Inserire la propria altezza desiderata in pixel, seguita da un punto e virgola. Se si è scelto di utilizzare un'icona o un'immagine, l'altezza deve essere almeno alto quanto l'immagine. La nota di avviso sarà anche tratto dinamicamente in base quanto testo è all'interno di esso. Impostare uno stile di altezza serve come un failsafe quando la quantità di testo è inferiore alla dimensione della vostra miniatura o icona.

Il codice finito dovrebbe risultare simile al seguente:

< div class = "avviso" style = "height: 100px;" >< img class = "dimensione-thumbnail wp-image-722 alignleft" title="bomb.talk" alt = "" larghezza = altezza "56" = "56" border = "none" / > avviso! Non tentare questa bravata a casa! < / div >

5

Fare clic sulla scheda "Visual" per tornare alla visualizzazione di modifica visiva. Fare clic su "Anteprima" per visualizzare la nuova nota di avviso in una nuova scheda del browser.

Consigli & Avvertenze

• Per personalizzare la nota di avviso, ad esempio modificando il colore, bordi o dimensione del carattere, fare clic su "Aspetto", quindi "Editor". Premere "Ctrl + F" sulla tastiera per richiamare la casella di ricerca del tuo browser, tipo "avviso" e premere INVIO per trovare la classe warning. Modificare il colore di sfondo o il colore del bordo, o aggiungere eventuali attributi aggiuntivi che si desidera.