Testo vinto t avvolgere di hosting wordpress
Pubblicato da Bhagavad Park il 20 maggio 2014 | 4 Commenti
Un buon posto WordPress è molto di più di un muro di testo. Contiene contesto, immagini, blockquote, pullquotes, e una miriade di altri mezzi di comunicazione visiva di dividere il contenuto in pezzi facilmente digeribili, rendendo più facile da leggere e meno intimidatorio. E 'importante posizionare questi oggetti correttamente se e per assicurare che si adattano perfettamente con il resto del post. L'idea è di farli integrare l'articolo, non attirano l'attenzione del lettore per la sua collocazione. Si deve sentire naturale, come se fosse appena “appartiene”. A tal fine, abbiamo bisogno di sapere come avvolgere correttamente il testo attorno ad un oggetto che si tratti di un'immagine, o un iFrame. WordPress offre un metodo semplice per inserire immagini con precisione, ma avremo bisogno di fare un po 'di codifica per ottenere l'aspetto corretto e sentire per gli altri oggetti.
allineamento Immagini
Dal momento che le immagini e le immagini sono la forma più comune di oggetti in un post, per disporre il testo intorno a un'immagine in WordPress è assurdamente facile. Assicurarsi che si sta eseguendo la versione più recente di WordPress, e nel editor visuale sopra le icone WYSIWYG troverete un pulsante “Aggiungi media”, come illustrato di seguito.
Facendo clic su questo vi permetterà di caricare una nuova immagine o sceglierne uno dalla libreria esistente. Dopo aver selezionato esso, i dettagli delle immagini appariranno sul lato destro della strada. Scorrere verso il basso e si può vedere una sezione chiamata “Allegato Display Settings” come mostrato di seguito.
Semplicemente selezionare se si desidera far apparire l'immagine a sinistra, a destra o al centro. Se non si sceglie mai, l'immagine verrà inserito nel codice HTML senza alcun allineamento. È facile!
Allineamento altri oggetti
Mentre il testo avvolgendo intorno alle immagini è abbastanza facile, cosa succede se si dispone di un elemento personalizzato come iFrame? Diversi piccoli strumenti e widget ti danno un frammento di codice per inserire nel codice HTML del tuo post di WordPress e senza corretto allineamento, sembrerà orribile. Ci sono due cose che hanno bisogno di prendersi cura di:
L'oggetto di collocamento
Diciamo che sono un frammento di iFrame all'interno della
Si può vedere esattamente come questo è collocato nello screenshot qui sotto:
Ciò pone l'iFrame sul lato sinistro e il paragrafo immediatamente dopo che in HTML fluirà intorno a destra.
Regolazione dei margini
Purtroppo questo ancora non guardare a destra. Sì, l'oggetto appare a sinistra con la disposizione del testo intorno ad esso, ma il testo è troppo vicino al bordo. Buone principi di progettazione ci dicono che dobbiamo creare alcuni margini sopra, sotto, a destra per le immagini a sinistra e allineato a sinistra per quelli giusti allineati.
Diciamo che vogliamo 10px margine a destra e 22px margini nella parte superiore. Aggiungere il seguente codice immediatamente dopo l'apertura
Quando posto in iFrame appare in questo modo:
È possibile mantenere l'anteprima l'articolo fino ad ottenere i margini giusto. Ecco come sarà simile alla fine:
Come si può vedere, l'immagine è sia correttamente allineata a sinistra, così come ben imbottita con spaziatura per farla apparire naturalmente parte del post senza guardare brutto. È possibile utilizzare queste tecniche per lavorare con qualsiasi oggetto incorporato, non solo iFrame. Che si tratti di immagini o codice personalizzato, è importante assicurarsi che si adattano senza problemi sul suo sito web.
Inserire l'URL qui sotto per scoprire ora:
Circa l'autore
Bhagavad Park è uno scrittore tecnico da India e attualmente risiede in Florida. Prende un vivo interesse nel mondo IT, la nuvola, e mantiene anche un blog incentrato sui diritti umani nel mondo in via di sviluppo.