wordpress margine destro di hosting
Le attuali versioni di WordPress hanno ora allineamento dell'immagine incorporato. WordPress aggiunge classi CSS per allineare l'immagine a destra, a sinistra, e al centro di un paragrafo, in modo che il testo scorrerà intorno all'immagine.
Al fine di trarre vantaggio da queste nuove classi CSS per l'allineamento delle immagini e la disposizione del testo intorno all'immagine, il tema WordPress deve includere le seguenti informazioni nella style.css trovato nella cartella del tema WordPress.
Quando si aggiunge l'immagine nel vostro blog WordPress, selezionare l'allineamento dell'immagine come a destra, a sinistra o al centro nell'immagine / pannello Media.
L'immagine verrà incorporato nel tuo post sul blog con lo stile scelto per l'allineamento come ad esempio:
Per ulteriori informazioni sulle immagini Styling in WordPress, vedere Disporre il testo intorno alle immagini. Le immagini possono avere bordi, cornici, didascalie. e avere uno stile in molti modi diversi. Ci sono fondamentalmente due modi per acconciare un'immagine sul tuo sito. È possibile lo stile dall'interno del foglio di stile o in linea su una determinata immagine.
Styling di tutte le immagini
Styling le immagini dall'interno della style.css del tuo tema WordPress in grado di coprire lo stile per ogni immagine sul vostro sito, o le immagini specifiche.
Per stile di ogni immagine sul vostro sito per cercare un particolare modo, cercare o aggiungere il selettore CSS per il tag dell'immagine. Quindi aggiungere gli stili al tag. Per esempio, diciamo che si desidera un bordo nero intorno a tutte le immagini e si desidera spazio tra il bordo e l'immagine, così come la spaziatura appropriata intorno l'immagine e il testo.
Forse si vuole qualcosa di un po 'più drammatico. È possibile modificare lo spessore del bordo e impostarlo su una linea di "doppio". E forse si vuole veramente isolare la vostra immagine dal resto del testo, in modo da aumentare il margine intorno all'immagine.
Styling immagini specifiche
È possibile aggiungere al vostro foglio di stile uno stile specifico per certe immagini. Se è già stato designato tutte le immagini, è necessario assicurarsi di specificare ogni dichiarazione di stile o un attributo specificato nello stile di tag di immagine al fine di ignorare tale attributo. Se non si cambia il margine, quindi rimarrà la stessa nel nuovo stile. Questo è chiamato il CSS padre / figlio di relazione.
Diciamo che si desidera avere alcune immagini nei tuoi articoli archiviati nella categoria della Natura hanno una bella sfondo verde. Il resto delle immagini dovrebbe essere lo stesso, solo quelle che si aggiungono nella categoria Natura. È sufficiente aggiungere una classe al vostro foglio di stile e ogni immagine all'interno di tale categoria.
Per rendere più facile da ricordare, che chiameremo la nostra "natura" di classe. Vogliamo avere un bordo spesso verde molto scuro e uno sfondo verde medio intorno all'immagine per evidenziarlo.
Su ciascuna delle immagini all'interno di tale categoria, è sufficiente aggiungere la classe per "natura":
Se avete bisogno di più stili per diverse immagini, è possibile creare più di loro in base alle esigenze.
Styling una o due immagini direttamente
Ci sono momenti in cui si desidera solo una o due immagini sul vostro sito per un aspetto diverso dal resto. Questa tecnica è chiamata stili inline. Si applica gli stili CSS direttamente all'immagine stessa.
Per esempio, diciamo che si desidera avere l'immagine isolato su uno sfondo nero per richiamare l'attenzione ad esso.
Questa non è una tecnica da usare su ogni immagine. E 'per essere utilizzato su immagini occasionali che hanno bisogno di un "qualcosa di speciale".