سلام خدمت همه کاربران عزیز بیگ تم با آموزش ویرایش استایل قالب در خدمتتون هستم استایل هایی مثل راستچین کردن قالب , تغییر فونت , تغییر رنگ و … ممکن است قالبی که شما روی سایت وردپرس خودتون نصب کردید فونت های قشنگی نداشته باشه یا رنگ بندی خوبی نداره و می خواهید این بخش ها را به سلیقه ی خودتون در بیارید.
برای ویرایش استایل قالب از افزونه ای به نام Firebug ( فایرباگ ) استفاده می کنیم این افزونه برای مرورگر فایرفاکس هستش نه وردپرس و باید روی مرورگر فایرفاکس خودتون نصبش کنید , توجه داشته باشید باشید که فایرباگ برای هر نسخه از مرورگر متفاوت هستش در صفحه ی دانلود افزونه این موراد وجود داره برای دانلود فایرباگ وارد لینک شوید و نسخه ی مربوط به مرورگر خودتون رو نصب کنید.
بعد از نصب وگزینه ی مربوط به این افزونه در قسمت بالای مرورگر کنار نوار آدرس نمایش داده میشه که اگه روی اون کلیک کنید پایین صفحه بخشی برای نمایش کدها باز میشه و کدهای اون صفحه رو نمایش میده. ( بله فایرباگ کارش نمایش کدها و دسترسی آسان به فایل های استایل اون صفحه هستش )
فایرباگ یکی از پر کاربرد ترین افزونه ها برای هر طراح وب هستش , همچنین برای فارسی سازی قالب وردپرس که انجام میدیم خیلی مناسبه و کمک زیادی می کنه.
متاسفانه وقت نشد از بخش های مختلف کارش عکس بگیریم ولی کامل توضیح داده میشه که اگه کمی دقت کنید کار با این افزونه خیلی راحته.
ویرایش استایل قالب ( فونت , رنگ , فارسی سازی و … )
فرض کنید در صفحه ی اصلی سایت هستید و می خواهید فونت منو ها را تغییر بدید یا رنگبندی و هر تغییر دیگه ای ( حالا فرض ما منو هستش ) فایرباگ را فعال کنید کافیه روی آیکون مربوط به firebug در بالای مرورگر کلیک کنید تا در پایین صفحه بخش مربوطه باز بشه , کد هایی که مشاهده میکنید مربوط به این صفحه هستش و به صورت Html که در کنار هر تگ یه علامت + وجود داره اگه روی + کلیک کنید ادامه ی کدها رو نمایش میده کدهای تو در تو باید به همین صورت کدها را با + باز کنید تا به بخش منو برسید اگه توجه کنید روی هر تگی که میرید درون صفحه به حالت رنگی نمایش داده میشه که البته برای ویرایش باید روی تگ مربوط به اون مورد کلیک کنید.
منوها با تگ li ساخته میشت وقتی به این قسمت رسیدید روی یکی از li ها کلیک کنید حالا به سمت راست فایرباگ در پایین صفحه توجه کنید میبینید که استایل مربوط به اون li که انتخابش کردید نمایش داده میشه در خط اول نام فایل و خط مربوطه هم وجود داره اگه روی نام فایل اشاره گر ماوس رو ببرید آدرس فایل برای شما اهر میشه حالا کافیه به اون فایل برید و خط مشخص شده و استایل ها را به دلخواه تغییر بدید.
برای تغییر استایل قالب باید کمی دانش css داشته باشید که اگر کمی به کدها نگاه کنید میبینید که چه کدی برای چه کاری استفاده شد.
برای تغییر استایل همون طور که گفته شد نیاز به دانش زبان css هستش , اما اگر شما این اطلاعات رو ندارید می تونید تغییراتی که می خواهید روی قالب خود اعمل کنید را در قسمت دیدگاهها مطرح کنید تا راهنمایی کنم ( مثلا من می خواهم رنگ زمینه را تغییر دهم باید از چه کدی استفاده کنم ؟ و … )
فک کنم تا همین جا کافی باشه و باعث سردرگمی نشم بهتره.
امیدوارم مفید واقع بشه , بهترین باشید.