فارسی سازی پوسته‌های وردپرس (بخش سوم)

۲۱ ۰۲ ۱۳۸۷

اول از همه دوستان به خاطر آهسته پیش رفتن این آموزش عذر خواهی می‌کنم و قول میدم از این به بعد حداقل هفته ای یک قسمت از این آموزش رو بنویسم.

استاندارد ما برای فارسی سازی پوسته های وردپرس این هست که فایل های اصلی وردپرس دست کاری نشه البته بیشتر منظورمون فایل استایل یا همون style.css به همین منظور یک فایل rtl.css به فایل های پوسته اضافه میکنیم و عملیات مربوط به راست به چپ سازی و همگن سازی پوسته رو در این فایل انجام می‌دیم پس اولین استاندارد ما اینه که فایل style.css دست نخورده بمونه و بجاش تغییرات در فایل rtl.css انجام بشه.

اگر خاطرتون باشه در آموزش پیش پوسته‌ی کلاسیک رو برای فارسی سازی معرفی کردم اما این پوسته قبلا rtl شده و فایل rtl در اون وجود داره پس ابتدا فایل rtl.css رو حذف میکنیم و یک فایل rtl.css جدید ایجاد میکنیم. حالا اگر پوسته ای که هیچ تغییراتی در آن نداده اید را باز کنید شاید احساس کنید بعضی قسمت های پوسته rtl یا راست به چپ باشد که این به خاطر وجود کد <?php language_attributes(); ?> در خط دوم فایل header.php است که ویژگی‌ها dir="rtl" lang="fa-IR" را به تگ html اضافه میکند که کد “dir=”rtl باعث راست به چپ شدن میشه که برای جلوگیری از این کار این قسمت رو با کد <?php //language_attributes(); ?> تعویض میکنیم و فایل header.php رو ذخیره می‌کنیم.

حالا دیگه میریم سراغ کار اصلیمون البته امیدوارم قبل از شروع ملزومات کار رو هم فراهم کرده باشید؛ در مرحله اول فونت متن ها رو باید تغییر بدیم که برای این کار ابتدا می‌گردیم ببینیم فونت ها از کدوم تگ html فراخوانی شدند که برای این کار از افزونه firebug کمک میگیریم روش کار هم اینجوریه که اول به صورت کلی یعنی از قسمت body شروع میکنیم فونت رو تغییر میدیم بعد میبینیم کجا تغییر کرده٬ کجا تغییر نکرده و اونهایی که تغییر نکرده به کدوم تگ html مربوط میشه. برای پوسته کلاسیک هم ابتدا قسمت body رو به این صورت فونتش رو تغییر میدیم body { font-family: Tahoma; } و در فایل rtl.css ذخیره میکنیم. اما هنوز فونت بعضی از قسمت ها تغییر نکرده برای مثال فونت مطالب و ساید بار که پس از جستجو با فایرباگ به این نتیجه میرسیم که تگ های p , li , body و کلاس feedback و تگ li در آدرس menu ul ul li# فونت هاشون رو به صورت زیر تغییر میدیم: p, li, .feedback , #menu ul ul li { font-family: Tahoma; } خوب حالا دیگه فونت هامون تقریبا با فارسی همگن شده.

فکر کنم برای این جلسه دیگه کافی باشه برای این هفته این ها رو خوب تمرین کنید که جلسات آینده به مشکل بر نخورید؛ البته من یه نکته رو هم همین اول کار بگم که بیشتر این کار سلیقه ای و کسی قرار نیست حتما اون کارهایی که من میگم رو انجام بده مثلا یکی دلش میخواد فونت پوسته اش arial باشه و حتما قرار نیست فونت پوسته اش رو Tahoma بزاره و در اصل هدف من اینه که شما دوستان روش کار رو یاد بگیرید.

۱۰ دیدگاه برای «فارسی سازی پوسته‌های وردپرس (بخش سوم)»

  1. mehrshad darzi گفته:

    باسلام
    من مهرشاد هستم مدیر وب سایت یکتاوب.کام میخواستم با شما تبادل لینک کنم لینک شما رو در سایت قرار دادم تو هم همین کار را بکن.

    راستی یه سوال دیگه من میخوام یه سایت گالری عکس بزنم میخواستم بپرسم سیستم وردپرس تمامی امکانات لازم رو داره که این دفعه از این استفاده کنم یا نه؟؟!

  2. علی گفته:

    @مهرشاد: بی زحمت سوالات مربوط به وردپرس رو در انجمن های گفت و گوی وردپرس مطرح کنید.
    http://forum.wp-persian.com

  3. SiaVash گفته:

    فایر باگ من یا کار نمی کنه یا من روش کارش رو بلد نیستم ! :-(

  4. SiaVash گفته:

    در هر صورت منتظر آموزش بعدی هستم :D

  5. بهرنگ گفته:

    دستت درد نکنه علی جون…اما یه نمه نامردی توضیح میدی! مخصوصاً این “…برای این هفته این ها رو خوب تمرین کنید…” جمله ی با مزه ایه… :D

  6. هومن گفته:

    سلام. علی جان من یه سوال داشتم تو این جلسه! کد body { font-family: Tahoma; } رو میشد از firebog به دست آورد، ولی توی فایر باگ چیزی در رابطه با کد های ساید بار و … ننوشته که! یعنی این خط رو p, li, .feedback , #menu ul ul li { font-family: Tahoma; } باید حفظ کنیم و تو همه ی پوسته ها بنویسیم؟! یه سوال دیگه اینکه p و li دقیقا” کدوم قسمت ها هستن؟
    مرسی

  7. Saeed گفته:

    خیلی ممنون …

  8. raz گفته:

    سلام
    من یه سوال از این آموزشتون داشتم
    نقل قول
    ” شاید احساس کنید بعضی قسمت های پوسته rtl یا راست به چپ باشد که این به خاطر وجود کد [code lang=”php”][/code] در خط دوم فایل header.php است که ویژگی‌ها [code lang=”html”]dir=”rtl” lang=”fa-IR”[/code] را به تگ html اضافه میکند که کد “dir=”rtl باعث راست به چپ شدن میشه که برای جلوگیری از این کار این قسمت رو با کد [code lang=”php”][/code] تعویض میکنیم و فایل header.php رو ذخیره می‌کنیم.”

    چرا باید اینکار را بکنیم؟ راست به چپ شدن که کار ما را راحتتر می کند و تغییرات را کمتر؟

  9. میترا گفته:

    من همیشه اینجور موقع ها برای تبدیل چپ چین به راست چین مشکل داشتم
    میشه توضیح بدید
    ممنونم

نظر دهید

*