How to Change the CSS Style, Font, Spacing, Alignment and Color of WordPress Image Captions Come cambiare il codice CSS Style, Font, spaziatura, l'allineamento e il colore del WordPress Immagine sottotitoli
Since WordPress Poiché WordPress version 2.6 Versione 2,6 , WordPress has added a built-in shortcode, “Caption”, which will be automatically rendered and translated into standard HTML CSS code to display the caption for the photo or image, which saved via media uploader, beneath it. , WordPress ha aggiunto un built-in breve, "Caption", che verrà automaticamente resi e tradotti in HTML standard CSS codice per visualizzare la didascalia per la foto o immagine, che salvati tramite mezzi di informazione uploader, sotto di essa.
However, when WordPress appends the DIV styles to print the caption title under the picture or image, WordPress makes use of default alignment, color, font, spacing, and other styling attributes to display the image captions. Tuttavia, quando WordPress aggiunge il DIV stili di stampare il titolo didascalia sotto l'immagine o l'immagine, WordPress fa uso di allineamento di default, colore, carattere, la spaziatura e altri attributi di stile per visualizzare l'immagine didascalie.
The default CSS styles for image with the caption may potentially breaks the blog or web page layout, does not validate against W3C xHTML standard, appears too closely with the text with no spacing in the post or page, or does not align as author’s wish. L'impostazione predefinita stili CSS per immagine con la didascalia può potenzialmente rompe il blog o web layout di pagina, non convalidare contro W3C XHTML standard, appare troppo strettamente con il testo senza spaziatura nel post o pagina, o non allineare come autore desiderio.
For blogger who wants to modify the CSS styles of the caption that shows the image captions on screen after parsing the shortcode, add the following CSS code into the active theme’s style.css file: Per blogger che vuole modificare il codice CSS stili di didascalia che mostra l'immagine didascalie sullo schermo dopo l'analisi del breve, aggiungere il seguente codice CSS in attivo il tema del file style.css:
/* Captions */ / * * I titoli /
.aligncenter, . aligncenter,
div.aligncenter { div.aligncenter (
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} )
.wp-caption { . WP-(didascalia
border: 1px solid #ddd; border: 1px solid # ddd;
text-align: center; text-align: center;
background-color: #f3f3f3; background-color: # f3f3f3;
padding-top: 4px; padding-top: 4px;
margin: 10px; margin: 10px;
-moz-border-radius: 3px; - moz-border-Area: 3px;
-khtml-border-radius: 3px; KHTML---Area di frontiera: 3px;
-webkit-border-radius: 3px; - webkit-border-Area: 3px;
border-radius: 3px; - Area di frontiera: 3px;
} )
.wp-caption img { . wp-img (didascalia
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0 none; border: 0 nessuna;
} )
.wp-caption p.wp-caption-text { . wp-didascalia p.wp-didascalia-text (
font-size: 11px; font-size: 11px;
line-height: 17px; line-height: 17px;
padding: 0 4px 5px; padding: 0 4px 5px;
margin: 0; margin: 0;
} )
/* End captions */ / * Fine didascalie * /
Above HTML CSS declaration is taken from WordPress 2.6 default theme. Sopra HTML CSS dichiarazione è tratto da WordPress 2,6 tema di default. These newly added CSS styles are used to control and assign the appearance of the caption for the image posted on blog. Questi nuovi stili CSS aggiunto sono utilizzati per il controllo e assegnare l'aspetto del didascalia per l'immagine pubblicata sul blog. Modify the code above in “style.css” file according to your own preference to have your own design and look. Modificare il codice di cui sopra, in "style.css" file in base alle proprie preferenze, di avere il tuo design e guardare.
IMPORTANT : This is a machine translated page which is provided "as is" without warranty. IMPORTANTE: Questa è una pagina tradotta macchina che è fornito "così com'è" senza alcuna garanzia. Machine translation may be difficult to understand. Traduzione automatica può essere difficile da capire. Please refer to Si prega di fare riferimento a original English article articolo originale in lingua inglese whenever possible. quando possibile.
Share and contribute or get technical support and help at Condividere e contribuire o ottenere supporto tecnico e assistenza in My Digital Life Forums La mia vita digitale Forum .
Related Articles Articoli correlati
- How to Disable Image and Video Captions Feature and Auto Adding of Shortcode in WordPress 2.6 Come disabilitare immagini e video e sottotitoli funzionalità Auto Aggiunta di breve in WordPress 2,6
- Switch and Change Back to Office 2003 Default Font and Style Set in Office Word 2007 Switch e tornare a Office 2003 font di default e Stile Situato in Office Word 2007
- Meaning of TVAnts Buffer Progress Bar Colors TVAnts sensi del buffer barra di avanzamento colori
- WordPress 2.6 with Change Revision Tracking Feature Available for Free Download WordPress 2,6 con cambio Revisione funzione di monitoraggio disponibili per il download gratuito
- How to Change the Frequency or Interval WordPress Auto Saves An Editing Post or Page Come cambiare la frequenza o intervallo di WordPress Auto salva una modifica di post o pagina
- Website Loading Time and Speed Checker Sito web tempo di caricamento e la velocità Checker
- Remove Microsoft Word Manual Formatting or Copied Formatting from External Source Microsoft Word rimuovere la formattazione manuale di formattazione o copiato da una fonte esterna
- Permanently Disable AdSense-Deluxe WordPress Plugin Reward Plugin Author Option Disattivare permanentemente AdSense-Deluxe WordPress plugin ricompensa plug Autore opzione
- Search Engine Spider and Crawler Simulator Spider dei motori di ricerca e spider simulatore
- Disable and Turn Off Post Revisions Tracking in WordPress 2.6 or Above Disattivare e disattivare Post Revisioni di monitoraggio in WordPress 2,6 o superiore
July 20th, 2008 10:05 20 luglio 2008 10:05
For the life of me, I cannot get captions to work. Per la vita di me, non posso ottenere i titoli al lavoro. It looks great in preview, but live, all the code spills out around the photo and there’s no caption at all. Sembra grande in anteprima, ma vivere, tutto il codice sversamenti circa la foto e non vi è alcuna voce a tutti. I added the caption code to my theme’s style.css but there was no change. Ho aggiunto la voce al mio codice del tema style.css, ma non vi era alcun cambiamento. Seems like I’m just one minor step away from making this work. Sembra Sono solo un lieve passo da fare questo lavoro. If anyone has any ideas, I’d love to hear them. Se qualcuno ha idee, mi piacerebbe conoscere loro. I’ll add a caption to my first post to demonstrate. I'll aggiungere un titolo al mio primo post a manifestare.