Come utilizzare un avvertimento nota in Hybrid Theme

February 22

Come utilizzare un avvertimento nota in Hybrid Theme


"Hybrid Theme" si riferisce ad una serie di temi WordPress personalizzato costruito sul framework "ibrida". Ogni tema ha caratteristiche simili, modelli e fogli di stile. Il tema di punta, "Hybrid" viene fornito con 21 diversi fogli di stile, ognuno contenente classi speciali che possono essere applicate ad ogni post o pagina. classi di contenuti speciali sono forniti anche in "style.css", il tema o il foglio di stile principale. Il tema Hybrid definisce diversi WordPress "codici brevi" per l'utilizzo di queste classi personalizzate per aiutare a evitare di dover usare l'HTML. Purtroppo, la nota di avvertimento non dispone di un codice funzione ad esso associati, pertanto, è necessario applicare la classe direttamente un tag HTML.

istruzione

1 Accedere al pannello di amministrazione di WordPress tua e cliccare su "Messaggi", quindi "Add New". Lascia la tua posta un titolo e posizionare il cursore nella finestra Editor.

2 Digita il contenuto che si desidera visualizzare nella nota di avvertimento. Si può opzionalmente aggiungere un'icona o immagine facendo clic sul pulsante "Aggiungi Immagine" nella barra degli strumenti dell'editor. Per avere la vostra icona o miniatura appaiono alla sinistra del testo di avvertimento, assicurarsi di selezionare l'allineamento "sinistra" nella finestra "Aggiungere un'immagine".

3 Fare clic sulla scheda "HTML", che si trova nell'angolo in alto a destra della editor di contenuti. Posizionare il cursore proprio all'inizio del testo o blocco di codice (se si è inserito un'immagine), e inserire un tag "DIV" in stile con la classe "warning":

<Div class = "warning">

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

</ Div>

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

<Div class = stile "warning" = "height: 100px;"

Inserisci il tuo altezza desiderata in pixel, seguito da un punto e virgola. Se si è scelto di utilizzare un'icona o un'immagine, l'altezza dovrebbe essere almeno alto come la vostra immagine. La tua nota di avvertimento sarà anche allungare in modo dinamico in base a quanto il testo è al suo interno. Impostazione di uno stile di altezza serve come un fail-safe, quando la quantità di testo è inferiore alla dimensione della vostra miniatura o icona.

Il tuo codice finito dovrebbe essere simile a questa:

<Div class = stile "warning" = "height: 100px;"> <img class = "size-thumbnail wp-image-722 AlignLeft" title = "bomb.talk" alt = "" width = "56" height = " 56 "border =" none "/> ATTENZIONE! Non tentare questa bravata a casa! </ Div>

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

Consigli e avvertenze

  • Per personalizzare la nota di avvertimento, come cambiare il formato di colore, bordi o dei caratteri, clicca su "Aspetto", quindi "Editor". Hit "Ctrl + F" sulla tastiera per aprire casella di ricerca del browser, digitare "warning" e premere invio per trovare la classe di avvertimento. Modificare il colore di colore di sfondo o di confine, o aggiungere eventuali attributi aggiuntivi che si desidera.

Articoli Correlati