ریسپانسیو

توی طراحی سایت یه اصطلاحی هست به اسم ریسپانسیو (واکنش‌گرا).

سایتی که ریسپانسیوه، با هر دیوایسی که مشاهده‌ش کنی، به خوبی نشون داده میشه؛ اسکرول افقی نمی‌شه. فونت‌ها ریز و ناخوانا نمی‌شه و.
قالب‌های وبلاگ، اگه نگم همه، اکثرا ریسپانسیو نیستن. و این خیلی بده. چون باعث میشه توی گوشی و تبلت، سایت درست نشون داده نشه و کاربر اذیت بشه.
اینقدی که برنامه‌نویسی بلد بودم، قالب وبلاگم رو ریسپانسیو کردم.
توی اولین فرصت، کدها و نحوه قرار دادنشون توی قالب رو میزارم اینجا که اگه کسی خواست استفاده کنه.

کدهای مورد نیاز برای ریسپانسیو کردن قالب:

1. فایل ساختار

2. فایل css

این کدها باید در مسیر زیر قرار بگیرن:
پنل مدیریت > قالب

1. ویرایش ساختار قالب فعلی
کدهای "فایل ساختار" باید جایگزین کدهای موجود بشه. (همه کدهای قبلی باید حذف بشه)
کلیک روی دکمه "ذخیره"

2. ویرایش css قالب فعلی
کدهای "فایل css" در انتهای کدهای موجود قرار بگیره. می‌تونید ctrl+End بزنید تا برین انتهای کد. بعد کدها رو اونجا copy/paste کنید.
کلیک روی دکمه "ذخیره"

نکته:
* اگه با کلیک روی فایل‌های "css" و "ساختار"، فایل‌ها باز نشدن، روی لینک هر کدام راست کلیک کرده و "Open link in new tab" رو انتخاب کنید.
* قبل تغییرات حتما یه بک آپ گرفته بشه.
* این کدها روی قالب "ترسیم" اعمال شده و روی سایر قالب‌ها تست نشده.