flaov
Well-Known Member
یه پست اختصاصی کامل برای فارسی کردن پوسته های wordpress
نرم افزار های مورد نیاز :
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 رو دوباره براش انجام بدید.
فارسی کردم پوسته های وردپرس . قالب سایت وردپرس . فارسی سازی
.
همونطور که “شاید” توی عکس ها دقت کردید متن ها اونقدر با فونت Arial زیبا نیستند. پس باید بیایم اونها رو هم درست کنیم. دوباره فایل css رو باز میکنیم. به دنبال کلمه ی font-family میگردیم. و نام فونت Tahoma رو به اول اونها اضافه می کنیم. دقت کنید : به عنوان مثال ، به کد font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif; میرسیم و اونو به کد font-family:Tahoma,’Lucida Grande’, Verdana, Arial, Sans-Serif; تغییر میدیم.
گاهی اوقات هست که کد نویس ها از font-family استفاده نمی کنند و به جای اون از از فرم font: 1.1em Georgia, “Times New Roman”, Times, serif; استفاده می کنند. در اینجا هم مشکلی نیست و همون کار قبلی رو که اضافه کردن فونت هست انجام بدید.
نکات مهم :1_نیازی به تغییر تمام فونت ها نیست. استاندارد به این صورته که فونت تاهوما برای متونی که اندازه ی کوچکی دارند استفاده میشه و زیبا است و برای عناوین (h1 و h2) ما از Arial استفاده میکنیم.
2_ معمولاً برای تگ body در css از font-family استفاده می کنند و غالباً تغییر همین یکی برای تغییرات فونت کفایت میکنه. اما همونطور که گفتم همه ی پوسته ها یکجور نوشته نمیشن .
3_به اندازه ی فونت ها دقت کنید. بعد از هر تغییر توی صفحه ی مرورگر F5 رو بزنید تا تغییرات رو مشاهده کنید.
نکته ی مهم : سوال میپرسید که “از کجا بفهمیم فونت های کجا رو تغییر بدیم؟” جواب: “اینو توی قسمت قبل نگفتم؟ از افزونه ی توضیح داده شده در قسمت اول استفاده کنید.
آموزش فارسی کردن پوسته قالب های وردپرس
.
اول یه Ctrl+F5 بزنید تا تغییرات رو ببینید! :دی این پوسته ی من هم دائماً رنگ عوض میکنه…:دی! بریم سراغ بخش سوم…(بخش های اول و دوم که یادتون نرفته؟)
ابتدا چند نکته ی تکمیلی برای قسمت اول ، ببینید فایل های اصلی یه پوسته header.php و index.php و در نهایت footer.php هستش…میشه گفت تقریباً پوسته بدون فایل های دیگه که معمول هم هست میتونه کار کنه…اما برای ما همین index.php مهمه ، البته فعلاً!
اگه هنوز نتونستید نوشته ها رو راست به چپ کنید ، مهم نیست ، فایل index.php رو باز ویرایشگر pro باز کنید و اول به دنبال the_title بگردید. این کد تگی هست که عنوان رو مشخص میکنه ، ببینید آیا این کد بین تگ h2 هست یا نه نویسنده ی وبلاگ براش یه کلای یا آیدی نوشته؟ برای اینکه این رو بفهمیم خیلی راحت کمی عقب تر از این کد رو نگاه میکنیم ببینیم آیا اثری از تگ div هست یا نه…بعد از div اسم کلاس یا آیدی نوشته شده خیلی راحت اسمشو کپی میکنیم ، و توی css دنبالش میگردیم و کد های دایرکشن و جهت دهی عکس رو بهش اضافه میکنیم.
بعدش دنبال the_content میگردیم و کار بالا رو براش انجام میدیم ، یعنی کلاس یا آیدی مربوطه رو پیدا میکنیم و کد ها رو توی css اضافه میکنیم.
این از این…
توی این قسمت پوسته رو برای ترجمه آماده میکنیم. اول از همه این آموزش رو که توی مستندات وردپرس فارسی هست بخونید تا کمی ذهنتون آماده بشه…
من معمولاً برای اینکه کار خودمو راحت کنم یه فایل تکست معمولی میسازم و کد هایی رو که معمولاً توی پوسته ها تکراری هستن اون تو پیست میکنم…بنابر این هر موقع به یه متن/کدی رسیدم که قبلاً اونو برای ترجمه آماده کرده بودم راحت کپی پیست میکنم…
نکته ی دیگه اینه که اگه یه متنی رو میخواید با کلید _e آماده کنید به صورت زیر عمل کنید تا کارتون کمی راحت تر بشه :
مثلاً این کد رو توی فایل متنی دارید
view plaincopy to clipboardprint?
- <?php _e(‘Permanent Link to’,‘test’); ?>
view plaincopy to clipboardprint?
- <?php _e(‘Published Under’,‘test’); ?>
view plaincopy to clipboardprint?
<?php _e(‘Postd By’,‘test’); ?>
همینو ادامه بدید
.
.
.
.
مرجع
hpkar
