تغییر CSS پیش فرض بلاگ‌ها و اضافه شدن تگ‌های جدید

margin:0 از CSSای که در همه‌ی بلاگ‌ها اعمال می‌شد، حذف شد.

جعبه‌های <box:ads> و <box:most_commented_posts> و همینطور تگ‌های tag_selected و post_selected و menu_item_selected و archive_selected و template_based_on و comment_body_text نیز اضافه شده‌اند.

تغییر CSSهای پیش فرض

با بررسی فراوان به این نتیجه رسیدیم که قراردادن margin:0 برای همه‌ی عناصر html کاملا اشتباه است. چون بسیاری از این عناصر (مثلا تیترها که با h1 و ... قرار داده می‌شوند) با marginهای پیش‌فرض بسیار زیباترند. به همین علت این خط از CSS پیشفرض حذف شد.

مهمترین عناصری که margin پیش فرض دارند و با تغییر انجام شده، تاثیر می‌پذیرند، تیترها (h1, h2, ...) و ul هستند.

قالب‌ها برای اینکه مشکلاتشان مرتفع شود، باید در جاهایی که از این عناصر استفاده‌ی خاص می‌شده margin را به صورت دستی تنظیم کنند. مثلا باید CSSای مانند زیر به آن‌ها اضافه شود.

.header h1, .sidebar h3, .sidebar ul {
    margin:0;
}

تگ تبلیغات (تبلیغات نمونه) <box:ads>

در آینده قرار است که امکان درج و ویرایش تبلیغات (به صورت اختیاری) در بلاگ فراهم شود. به همین منظور لازم است از هم‌اکنون قالب‌ها امکن درج تبلیغات را داشته باشند.

لازم به ذکر است که برای نمایش تبلیغات نمونه می‌توانید در قسمت «تنظیمات ساده بلاگ»، گزینه «تبلیغات نمونه» را انتخاب نمایید.

برای درج تبلیغات در قالب بلاگ می‌توانید از کدی شبیه به کد زیر استفاده کنید.

 

<box:ads> این جعبه در صورتی نشان داده می‌شود که در تنظیمات انتخاب شده باشد
  <view:ads> به ازای هر تبلیغ این تگ تکرار می‌شود
    (*ad*) <br> <br> این تگ یک تصویر را نشان می‌دهد
  </view:ads>
</box:ads>

جعبه نظرات پربحث‌تر (با نظر بیشتر) <box:most_commented_posts>

استفاده از این تگ کاملا شبیه به تگ <box:most_visited_posts> و دیگر تگ‌های مشابه است.

برای نمایش این تگ باید در قسمت «تنظیمات ساده» بلاگ، گزینه‌ی مربوطه را انتخاب کنید.

تگ (*template_based_on*)

قالب‌هایی که بر اساس دیگر قالب‌ها طراحی شده‌اند، باید لینک به قالب مرجع را با استفاده از این تگ، در پایین قالب داشته باشند. استفاده از این تگ به این صورت است:

(*template_based_on name="نام قالب" url="آدرس به صفحه قالب"*)

تگ (*comment_body_text*)

این تگ برای کمک به نمایش متن مختصری از نظر در جعبه‌ی «آخرین نظرات» ساخته شده است. باید توجه داشت که متن نظر که با تگ (*comment_body*) در قالب قرار می‌گیرد می‌تواند شامل تگ‌های html باشد و ضمنا معمولا بلند است. به این ترتیب نشان دادن متن نظر در «جعبه نظرات» باید با دقت صورت گیرد.

تگ (*comment_body_text*) متن نظر را بدون تگ‌های html نشان می‌دهد و ضمنا می‌تواند طول نظر نمایشی را نیز محدود کند، استفاده از ایت تگ به صورت زیر است:

(*comment_body_text max="100"*)

تگ بالا متن ساده شده (بدون html) نظر را حداکثر تا ۱۰۰ کاراکتر نشان می‌دهد.

نکته مهم: پیشنهاد ما برای نمایش متن نظر در جعبه نظرات این است که متن نظر در یک خط با CSSای شبیه به این نشان داده شود. با استفاده از این CSS هم مطمئنا متن نظر تک خطی خواهد بود و متن نظر نیز تا جای امکان نشان داده می‌شود:

white-space: no-wrap;
overflow: hidden;

تگ‌های مربوط به انتخاب شدن یا نشدن منوها

تگ‌های tag_selected و post_selected و menu_item_selected و archive_selected همگی تگ‌هایی هستند که در صورتیکه که یکی از گزینه‌ها، گزینه‌ی جاری باشد، مقدار selected و در غیر این صورت مقدار تهی به خود می‌گیرند.

نحوه استفاده از این تگ‌ها به صورت زیر است:

در صورتی که این لینک آرشیو انتخاب شده باشد کلاس تغییر می‌کند
<view:archive> .... <span class="(*archive_selected*)"> ...
در صورتی که این منو انتخاب شده باشد کلاس تغییر می‌کند
<view:menu> .... <span class="(*menu_item_selected*)"> ...
در صورتی که مطلب جاری در حال نمایش باشد کلاس تغییر می‌کند
<view:most_visited_posts> .... <span class="(*post_selected*)"> ...
در صورتی مطالب مربوط به این کلمه‌ی کلیدی در حال نمایش باشند کلاس تغییر می‌کند
<view:tag_cloud> .... <span class="(*tag_selected*)"> ...

مطلب مورد نظر خود را نیافته‌اید؟