Inserimento di colonne in un post sul blog è un modo per presentare gli elenchi o i dati in un formato facilmente leggibile e pulito. Tuttavia, la piattaforma di blogging WordPress non fornisce uno strumento incorporato per la creazione di colonne. Alcuni web designer risolvere questo problema modificando il foglio di stile CSS, ma la maggior parte degli utenti di WordPress richiedono una correzione più semplice. Fortunatamente, le colonne possono essere aggiunte in qualsiasi post di WordPress con un po' di codice HTML. Se non si dispone di alcuna esperienza precedente con HTML, è possibile acquisire familiarità con le nozioni di base del funzionamento di HTML, solo così che si può capire un po' meglio il processo.
Istruzioni
1
Accedi al tuo dashboard di WordPress. Fare clic su "Aggiungi nuovo Post". Per impostazione predefinita, la scheda "HTML" sopra il campo di testo principale dovrebbe essere selezionata. Inserendo il codice HTML nella scheda "Visual" visualizzerà solo il codice come-è nel post pubblicati.
2
Modificare il codice HTML seguente per soddisfare le vostre esigenze. Questo codice si tradurrebbe in due colonne.
< div style = "float: left; Larghezza: 50%; " >
Testo
< / div >
< div style = "float: right; Larghezza: 50%; " >
Testo
< / div >
Sarà necessario sostituire "Testo" con i tuoi contenuti.
Se avete bisogno di più di due colonne, regolare le percentuali il tag style div. Ad esempio, se si volevano quattro colonne, il codice sarebbe simile questo:
< div style = "float: left; Larghezza: 25%; " >
Testo
< / div >
< div style = "float: left; Larghezza: 25%; " >
Testo
< / div >
< div style = "float: left; Larghezza: 25%; " >
Testo
< / div >
< / div >< div style = "float: right; Larghezza: 25%; " >
Testo
< / div >
Si noti che l'unica colonna che deve avere il valore di "float: right" al contrario "float: left" è l'ultima colonna.
3
Copiare e incollare il codice HTML direttamente nel campo di testo. Il resto del post possa essere immessi in tutto il codice. Quando la carica è completa, fare clic su "Anteprima" per assicurarsi che le colonne siano state impostate correttamente. Fare clic su "Pubblica" per completare il post.
Consigli & Avvertenze
- Se si desidera organizzare il contenuto all'interno le colonne in un elenco puntato, è possibile aggiungere i seguenti tag al testo:
- < li > linea 1 </li >
- < li > linea 2 </li >
- < li > linea 3 </li >
- Ciò comporterebbe in tre punti.