رعایت این موارد برای قالب‌های عمومی ضروری است.
- سازگاری با مرورگرهای مختلف
- سازگاری با استاندارهای HTML
- رعایت CSS مناسب
- استفاده مناسب از تگ‌های قالب
نکته مهم: رعایت ملاحظات اخلاقی و کپی رایت در طرح ها و تصاویر موجود در قالب بر عهده طراح است.
سازگاری با مرورگرهای مختلف
قالب طراحی شده باید:
- با IE6 و FF3 و Chrome 4 و Opera 11.52 و Safari 4 سازگار باشد.
- با مانیتور 1024x768 زیبا دیده شود. (اسکرول افقی نداشته باشد)
سازگاری با استاندارهای HTML
قالب طراحی شده باید:
- از <!DOCTYPE html> استفاده کرده باشد.
- برای اینکه در IE دکمه «Compatibility View» در IE نشان داده نشود باید از <meta http-equiv="X-UA-Compatible" content="IE=edge"> استفاده شود. (با این کد به IE می‌گوییم که ما با آخرین نسخه IE سازگاریم)
- رعایت block level (مثل div، li و ...) و inline level (مثل span, a) و دیگر استاندارها
- استفاده از تگ‌های block داخل inline ها مجاز نیست. (استفاده از form ul li داخل span)
- استفاده از تگ‌های block داخل تگ p (مثلا div داخل P)
- عدم استفاده از padding و margin بالا و پایین برای تگ‌های inline، این موارد غیر استاندارد هست و مثلا در Opera کاملا نادیده گرفته می‌شوند.
- عدم استفاده از display: inline-block برای تگ‌های block ، چون IE6/7 این را پشتیبانی نمی‌کند.
- صفحات مختلف بلاگ با validator.w3.org سازگار باشد (من جمله صفحه‌ی اصلی، صفحه‌ی مطلب و صفحه‌ی مستقل)
- خوب است تا جای ممکن از کامنت در متن قالب استفاده شود. این کامنت‌ها در هنگام نمایش بلاگ حذف خواهند شد.
رعایت CSS مناسب
- نباید style پیش فرض (مثلpadding:0 یا margin:0) برای همه تگ‌ها در نظر گرفت، مخصوصا برای تگ‌های p و ul و li و h1..6. این تگ‌ها (و برخی دیگر از تگ‌ها) استایل پیش فرضی دارند که برای زیبا نشان داده شدن متن لازم است. البته این استایل قابل اتکا نیست و در مرورگرهای مختلف متفاوت است.
- از CSSهای غیر عادی حداقل استفاده شود. این موارد در مرورگرهای مختلف
مشکل سازند و مخصوصا وقتی با هم استفاده شوند (مثلا position:relative و
float) احتمال ناسازگاری بین مرورگرها به شدت بالا می‌رود.
- position: relative, absolute
- مقداری منفی برای margin
- float
- display: table و دیگر مقادیر مشابه (table-cell, ...)
- در مقابل استفاده از span {display:inline-block; }l در خیلی از موارد می‌تواند راهگشا باشد و تاثیرات منفی کمتری دارد.
- استفاده از position:fixed توصیه نمی‌شود، مرورگرهای موبایل جایابی fixed را عینا مثل absolute تفسیر می‌کنند
- برای تصاویر به صورت پیشفرض نباید style خاصی در نظر گرفت
استفاده مناسب از تگ‌های قالب
- از همه جعبه‌های ممکن (که در قسمت «تنظیمات ساده بلاگ» قابل انتخاب است) پشتیبانی کند.
- از حالت selected برای منوها و لیست آیتم پست ها استفاده شده باشد.
- خیلی از تگ‌های بلاگ ممکن است تحت شرایطی نشان داده نشود (مثلا همه‌ی جعبه‌ها در تنظیمات قابل انتخاب هستند). قالب باید در شرایط مختلف (مثلا عدم نمایش جعبه مشخصات بلاگ) زیبا نمایش داده شود.
- کامنت‌ها avatar باید داشته باشد (از تگ (*comment_avater*) استفاده شود)
- استفاده از rel=nofollow برای لینک آدرس سایت کامنت.
- استفاده از icon برای نمایش آدرس ایمیل و آدرس سایت کامنت.
- استفاده از آیکون سرویس‌های بیان
- استفاده از (*copyright_notice*)
- نمایش مناسب پیغام‌های (مثلا در ارسال موفق نظر یا وقتی که صفحه وجود ندارد)
- از تگ‌های «تعداد بازدیدکننده‌های مطلب» (*post_visits*) و «تعداد نمایش‌های مطلب» (*post_views*) به صورت کامنت شده در قالب استفاده شود
آشنایی بیشتر با کدهای قالب بلاگ
- برای آشنایی بیشتر با کدهای قالب بلاگ میتوانید ساختار قالب پیش فرض بلاگ را بررسی کنید.
- راهنمای کامل کدهای بلاگ در صفحه help.blog.ir/post/template-codes قابل دسترس است.
ممنون از الطاف و حمایتهای همیشگی‌تان ...
جسارتاً برای تغییر فونت عنوان وبلاگ چه باید بکنم؟ آن ابتدا به گمانم کودک یا ترافیک بود، و بعد از مدّتی به گمانم آریال شده است ... راهی هست برای بازگرداندنش و یا انتخاب فونت دیگر؟
یا این که عنوان را در تصویر هدر بیاورم و عنوان تایپی را حذف کنم؟؟
پیشاپیش از راهنمایی‌تان کمال تشکر را دارم
التماس دعا