How to Change the CSS Style, Font, Spacing, Alignment and Color of WordPress Image Captions Kā nomainīt CSS stilu, Font, atstarpēm, Regulēšana un krāsu WordPress attēlu parakstus

Since WordPress Kopš WordPress version 2.6 versiju 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 ir papildināts ar iebūvētu shortcode, "Caption", kas automātiski tiks taisīts un tulko standarta HTML CSS kodu, lai parādītu parakstu par fotogrāfiju vai attēlu, kas saglabāts ar plašsaziņas augšupielādētāju, zem tā.

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. Tomēr, ja WordPress appends ar DIV stili iespiest Caption nosaukumu saskaņā ar attēlu vai attēls, WordPress izmanto noklusējuma pielīdzināšanu, krāsa, fonts, atstarpe, un citas modelēšana atribūti, lai parādītu attēlu parakstus.

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. Noklusējuma CSS stili attēlu ar parakstu var potenciāli pārtraukumiem blogā vai tīmekļa lapas izkārtojumu, nav apstiprināt pret W3C XHTML standarta, šķiet pārāk cieši ar tekstu bez atstarpēm, kas pastu vai lapu, vai nav saskaņot kā autors vēlas.

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: For blogger, kas vēlas mainīt CSS stilus no parakstu, kas parāda attēlu parakstus uz ekrāna pēc parsēšana ar shortcode pievieno šādu CSS kodu aktīvās tēmas style.css failu:

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

Above HTML CSS declaration is taken from WordPress 2.6 default theme. Virs HTML CSS deklarāciju ņem no WordPress 2,6 noklusēto tēmu. These newly added CSS styles are used to control and assign the appearance of the caption for the image posted on blog. Šīs tikko pievienotās CSS stili tiek izmantoti, lai kontrolētu un piešķirt tādu izskatu, titrs foto ievietoti blog. Modify the code above in “style.css” file according to your own preference to have your own design and look. Modificējiet kods iepriekš "style.css" failu saskaņā ar savu priekšroka ir savu dizainu un izskatu.

IMPORTANT : The page is machine translated and provided "as is" without warranty. SVARĪGI: Šī lapa ir mašīna tulkoto un ar nosacījumu ", kas ir" bez garantijas. Machine translation may be difficult to understand. Machine translation var būt grūti saprast. Please refer to Lūdzu, skatiet original English article oriģināls angļu rakstu whenever possible. kad vien iespējams.

Related Articles Saistītie raksti

• How to Disable Image and Video Captions Feature and Auto Adding of Shortcode in WordPress 2.6 Kā Disable Image un video parakstus Feature un Auto pievienojot Shortcode in WordPress 2,6
• Caption Disabler WordPress Plugin to Disable and Remove Captions Functionality Caption Disabler WordPress Plugin uz Disable un Remove parakstus funkcionalitāte
• Switch and Change Back to Office 2003 Default Font and Style Set in Office Word 2007 Switch un pārmaiņām Atpakaļ uz Office 2003 Default Font un Style Set Office Word 2007
• Download ING Change Font to Personalize your Windows Mobile Device Download ING Maina Font lai personalizētu jūsu Windows Mobile Device
• How to Change the Frequency or Interval WordPress Auto Saves An Editing Post or Page Kā nomainīt biežumu vai Interval WordPress Auto Ietaupa An Editing Post vai
• How to Customize, Modify or Change WordPress Database Connection Error Page Kā Pielāgot, grozīt vai mainīt WordPress Database Connection Error Page
• WordPress 2.6 with Change Revision Tracking Feature Available for Free Download WordPress 2.6 Maina Revision Tracking Feature Pieejams Free Download
• Paginating or Split WordPress Post or Page with NextPage in WordPress Not Working Paginating vai sadalīt WordPress Post vai ar Nextpage in WordPress Not Working
• 3 Column Relaxation WordPress Theme comments-paged.php for Paged-Comments WordPress Plugin 3 Column Atpūta WordPress Theme komentārus-paged.php par Paged-Komentāri WordPress Plugin
• AdSense New Ads Style with Horizontal Image and Ad Links AdSense jaunas reklāmas Style ar horizontālo Image un reklāmu Saites

This entry was posted on Saturday, July 19th, 2008 at 3:21 am and is filed under Šis ieraksts ir bijis norīkots sestdien, July 19., 2008 at 3:21 un ir iesniegts saskaņā ar Weblogs Weblogs . . You can follow any responses to this entry through the Jūs varat sekot atbildes uz šo ierakstu, izmantojot RSS 2.0 RSS 2.0 feed. You can barību. Varat leave a response atstāt atbilde , or , Vai trackback Trackback from your own site. no jūsu vietā.