تنظیم استایل تصاویر در وردپرس
در وردپرس نسخه ۲٫۶ به بالا شاهد ۲ قسمت در هنگام آپلود تصاویر هستیم. یکی قسمت چیدمان هست که شما در اون مشخص می کنید یه تصویر سمت راست، چپ یا وسط در مطلب به نمایش در بیاد. و قسمت دیگه هم قسمت Caption هست که در اون می تونید توضیحاتی رو زیر یه عکس بنویسید. مثل عبارت ” لوگوی مرورگر گوگل ” در مطلب قبل. به تصویر زیر توجه فرمائید:
این توضیح یا همون Caption برای تصویر هست
خب. این قابلیت اضافه شده. اما برای تکمیلش باید قالب وبلاگ و سایتتون رو هماهنگ کنید.
برای هماهنگ سازی قالب با قسمت چیدمان عبارت زیر را به فایل style.css در پوشه پوسته ( قالب ) خودتون اضافه کنید:
img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered, img.aligncenter, div.aligncenter {
text-align:center;
margin:0 auto;
}
برای هماهنگ سازی قسمت دوم یعنی توضیحات هم کد زیر رو به فایل style.css اضافه کنید :
div.wp-caption {
padding:5px;
background-color:#F3F3F3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
text-align:center;
border:1px solid #DDD;
}
div.wp-caption p.wp-caption-text {
margin:0;
padding:3px 0 0 0;
color:#000;
font-size:11px;
}
البته مسلمه شما می تونید بسته به قالب و استایل خودتون این مقادیر رو تغییر بدید …
خدا خیرت دهاد!
فوق العاده بود مطلب و همچنین این که باز دارین طولانی مینویسین!
سلام
قبول نیست! من که این رو قبلاً نوشته بودم!!!
سپاسگذارم
نزدیک بود دیوووه بشم
:دی
تشکر فراوان. مشکل بزرگی از وبلاگم حل شد.
بازهم تشکر
سلام میشه بگین کجای فایل سی اس اس باید قرار بدیم
من از قالب خاکستری ساده استفاده میکنم