فارسی سازی سریع پوسته های وردپرس قسمت اول

بعد از مدت ها تجربه ، تقریباً میشه گفت به راهی رسیدم که میشه گفت بدون نیاز به پیشتوانه ی علمی(!) قوی هر کسی میتونه پوسته ی مورد نیازش رو فارسی کنه .
این سری آموزش همراه با فوت های کوزه گری و فن آخر استاد و … است! به زبان دیگر راهی است که من یافتم! یا فارسی سازی به روش بهرنگ یا Naghies یا…
بله! هم اکنون این راه اینجا است! پس با من همراه شوید …

نرم افزار های مورد نیاز :

1_آخرین نسخه از FireFox عزیز . اون رو از اینجا دانلود کنید.
2_آخرین نسخه از افزونه ی Web Developer گرامی! اون رو هم از اینجا دانلود کنید.(اگه الان فایرفوکس دارید کلیک کنید نصب میشه.)
3_یک نرم افزار که با آن متن ها را ویرایش کنیم و قابلیت ذخیره سازی و نمایش UTF-8 را “داشته” باشد.
4_یک نرم افزار که با آن متن ها را ویرایش کنیم و فابلیت ذخیره سازی و نمایش UTF-8 را “نداشته” باشد. مثل Notepad Professional
5_نرم افزار poEdit . آن را نیز از اینجا دانلود کنید.
6_وردپرس نصب شده روی لوکال هاست. از اینجا یاد بگیرید چطور این کار رو انجام بدید.

شروع کار :

1_نرم افزار ها رو نصب کنید. یعنی فایرفوکس و افزونه اش رو نصب کنید. نوت پد رو رو که دارید ، نوت پد پرو رو هم گیر بیارید نصب کنید. poedit رو هم همین طور. نحوه ی نصب ها ساده است اونو دیگه توضیح نمیدم.
2_از این به بعد از فایرفوکس استفاده میکنید. نوار ابزار افزونه ی Web Developer رو هم روی فایرفوکس فعال کنید.
3_ پوسته ای رو که میخواید فارسی کنید ، روی وردپرسی که روی لوکال نصب کردید فعال کنید. و صفحه ی اول رو باز کنید.(نحوه ی نصب وردپرس روی لوکال هاست)
4_از نوار ابزار ( من بعد، نوار ابزار Web Developer رو میگیم نوار ابزار ) منو های Outline سپس Outline Current Element رو انتخاب کنید. طبق این عکس.

_الان سه تا تغییر عمده در صفحه ای که مشاهده میکنید میبینید. 1_اضافه شدن یک باکس زیر نوار ابزار (این عکس رو ببینید) 2_تغییر نشانگر موس
3_تغییر رنگ دور محل هایی که موس رو توش حرکت میدید. و نکته ی دیگه اینکه با حرکت موس از محیطی به محیط دیگه متنی در باکس اضافه شده میاد. مهم ترین نکته ای که به ما کمک میکنه یک پوسته بدون پیش زمینه فارسی کنیم ، همین متنی است که توی این باکس ظاهر میشه.
این عکس رو ببینید
5_ موس رو حرکت داده در داخل باکس یک کلیک کنید سپس دوباره آن را حرکت داده و به محل متنی که فکر میکنید باید راست به چپ بشه ببرید.(کلیک نکنید ، فقط حرکت بدید.)

6_متنی در داخل باکس ظاهر میشه ، از کیبرد استفاده کنید و Ctrl + C رو برای کپی کردن متن فشار بدید. نوت پد رو باز کنید و متن در داخلش پیست کنید. ( Ctrl + V )

7_ به متن دقت کنید ، این یک نمونه از ساختار کلاس ها و آیدی ها ی موجود در پوسته ی شما است . کلاس ها (class) با نقطه (.) و آیدی ها (id) با (#) نمایش داده می شوند. در فایل های php برای استفاده از آن ها از class و id و در css از . و # استفاده میشه.

8_گفتیم ما میخوایم یک پوسته رو فارسی کنیم. می دونیم ساختار هر پوسته با پوسته ی دیگه فرق میکنه . پس نباید انتظار داشته باشید همه ی پوسته ها یکجور فارسی بشن.

9_معمولاٌ آیدی ها یا کلاس های content یا wrap کلید اصلی حل مشکل ما هستند ، اما نه همیشه . خوشبختا نه اینجا ما هر دو رو داریم .

10_فایل css پوسته رو با ادیتور pro باز کنید. به دنبال wrap بگردید. نگاه کنید ببینید آیا دارای کد text-align هست؟ اگر مقدارش left بود اونو به راست تغییر بدید. کرسر رو بعد از ; قرار بدید و Enter رو بزنید. کد دایرکشن رو اضافه کنید. کار رو ذخیره کنید و به فایرفوکس برگردید.

11_کلید F5 رو بزنید تا کار دوباره لود بشه. به احتمال زیاد کار تمامه اما اگر کار نداد ( که معمولاً برای wrap بعیده جواب نده) این کار رو برای مراحل جلو تر اون کدی که از باکس کپی کردید انجام بدید . یعنی content و مراحل 8 و 9 و 10 رو دوباره براش انجام بدید.

حتماً از خودتون میپرسید همین بود؟! جواب اینه که نه ، فارسی سازی پوسته به صورت استاندارد قسمت های زیادی داره ، که اگه استقبال نشه معلوم میشه به درد کسی نمی خوره پس ادامه دادنش هم بیهوده است.
پس فعلاً تا قسمت دوم این آموزش