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

۲۰ ۰۳ ۱۳۸۷

جلسه پیش تا سر تغییر فونت ها به فونت Tahoma گفتیم و اما قسمت بعدی قسمت راست به چپ کردن متن‌ها است برای این کار ابتدا می‌بینیم کدام قسمت ها نیاز به راست به چپ شدن داره برای مثال همونطور که در این تصویر مشاهده می‌کنید بدنه‌ی مطالب و بدنه‌ی سایدبار نیاز به راست به چپ شدن داره پس از این که فهمیدیم کدام قسمت ها را باید راست به چپ کنیم با کمک فایرباگ به دنبال تگ٬ کلاس و یا آی‌دی مربوطه میگردیم. که در اینجا آی‌دی بخش مطالب ما content هست پس برای راست به چپ کردن این بخش کد زیر رو به فایل rtl.css اضافه می‌کنیم.

#content { direction: rtl; }

با انجام این کار مشاهده می‌کنیم که متن بخش مطالب به صورت راست به چپ چیده شد. حالا نوبت به ستون کناری هست تا راست به چپ بشه نام آی‌دی این قسمت menu هست حالا عملیات بالا رو برای این آی‌دی هم انجام می‌دیم اما مشاهده می‌کنیم که تنها تیترها راست به چپ شد؟؟ دلیل این کار احتمالا این هست که یک

text-align: left;

در این بدنه وجود دارد که با استفاده از افزونه‌ی فایرباگ در بدنه آی‌دی menu به دنبال این text-align می‌گردیم که پس از مقداری کنکاش متوجه می‌شویم که text-align مورد نظر در آدرس

#menu ul ul

قرار دارد پس٬ کد زیر رو به ادامه کدهای فایل rtl.css اضافه می‌کنیم.

#menu ul ul { text-align: right; }

حالا دیگه متن‌های ما راست به چپ شده و کار ما تقریبا در این قسمت تموم شده و نتیجه کار هم تا اینجای کار به این صورت در اومده و کدهای فایل rtl.css هم باید به صورت زیر باشه تا اینجای کار:

body,p, li, .feedback , #menu ul ul li {
font-family: tahoma;
}
#content, #menu {
direction: rtl;
}
#menu ul ul {
text-align: right;
}

اما شاید تا اینجای کار سوالی برای شما پیش اومده باشه که تفاوت direction و text-align چیه؟ direction در حقیقت کل عصمت اون بخش رو راست به چپ یا چپ به راست میکنه ولی text-align اون قسمت رو فقط سمت راست یا چپ میاره و حتی ممکنه direction ش تفاوت داشته باشه اما برای این که بهتر متوجه بشید یک مثال می‌زنم٬ ممکن تا به حال دیده باشید که دارید یه جایی مثلا یه متنی رو از راست به چپ می‌نویسید و وقتی یک کلمه انگلیسی وسطش می‌نویسید نظم و ترتیب متنتون به هم میخوره و خوندنش مشکل میشه این مشکل به خاطره اینه که اونجا تنها text-align شما راست چین هست و direction تون چپ به راست یا ltr هست.

خوب در آخر امیدوارم که این جلسه هم مثل جلسه های قبل :D براتون مفید بوده باشه و مشقاتون رو هم خوش خط بنویسید که به خوش خطها خوب نمره می‌دم٬ خوب دیگه تا جلسه دیگه برید خونه‌هاتون. ;)

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

  1. رضا گفته:

    سلام

    واقعا من یکی با مطالبت خیلی و کلا بلاگت حال می کنم ولی ای کاش در مورد فارسی سازی مطلابت رو تند تند می نوشتی.

    در مورد نظرت: ببخشید من خیلی تند روی کردم چشم سعی می کنم در و فرندفید و توییتر هم فعال باشم

  2. سعيد گفته:

    ممنون از آموزشهايي كه ميدي.ميگم بهتر نبود جوري يادشون ميدادي كه در خود استايل راست به چپ كنن و فايلشو نسازن !

  3. علی گفته:

    @سعید: خوب من دارم فارسی سازی از طریق استاندارد وردپرس رو آموزش میدم و استاندارد اینه که برای پوسته‌های زبان غیر rtl فایل rtl.css بسازیم ;)

  4. امیر گفته:

    سلام دوست خوبم این پوسته ی پرسونال رو من رو بلاگم نصب کردم می تونی بزوید و ببنید شما خیلی خوب کار کردید ولی یک مشکل است و اون اینه که در اون کنار بازدید کنندگان متوجه نمیشن که باید نظر بدن یعنی اصلا جای نظر دادن رو پیدا نمی کنن اگر میشه کنار اون عدد یک متنی مانند نظر بدهید و یا غیره اضافه کنید و فایلشو برام بفرستی دستت درد نکنه از پوسته خیلی خوشم اومد من نمی دونم ولی اگر خرجی هم داره من در خدمتم
    راستی یک مشکل دیگه من وقتی فایل های فارسی که در پوسته هست رو وا میکنم نت پد نمی تونه یعنی اصلا هیچ نرم افزاری نمیتونه بخونه و با فونتی عجیب غریب نشون می ده چه کار کنم.
    می دونم خیلی شلوغ پلوغ خواسته هام رو بلان کردم چه میشه کرد درسه دیگه هواسه آدم رو پرت می کنه
    ایشالله همیشه تو کارت موفق باشی

  5. علی گفته:

    @امیر: فایل تصحیح شده ای رو که خواسته بودید براتون mail کردم و فایل های زبان پوسته ها رو هم (po) با نرم افزار poedit میتونید ویرایش کنید.

  6. سعيد گفته:

    اون كه درسته . منتها ميشه برام بگي قضيه اين استاندارد چيه؟
    آخه چي ميشه معادل فارسي كلمات رو گذاشت؟ اين همه زحمت واسه چي ؟ چه مشكلي پيش مياره جور ديگه كار كني…
    ؟

  7. علی گفته:

    سعید: راجع به استاندارد سازی میخوای بدونی برو اینجا رو بخون http://tinyurl.com/39t8c2 ولی اگه میخوای راجع بهش بحث کنی که اصلا چرا و چه دردیه و اینا :دی برو تو انجمن http://forum.wp-persian.com یه تاپیک بزن ;)
    امیدوارم ملتفت (درسته دیگه؟؟) بشی :)

  8. سعيد گفته:

    اوكي ميزنم. ممنون علي جان

  9. امیر گفته:

    سلام علی جان حالت چطوره فکر نمی کردم جواب بدی دستت طلا الان برو تو سایت ببین من فایل های شما را جایگزین کردم ولی اگه نگاه کنین یک مشکل رو متوجه میشین مثلا وقتی نظر نیست باید بنویسه ارسال نظر وقتی چند تا هست باید تعداد نظرو بنویسه مشکل اینه که اصلا برای یک نظر فقط عدد یک رو قرار می ده برای چند نظر هم که اون پرانتز ها (؟) و فقطی نظر نیست فقط عدد صفرو نشون میده اگه نگاه کنید مشکلات رو مواجه می شید بالاخره بخش اساسی یک سایت و یا وبلاگ بخش نظرا است می دونم پر رویی ولی از شما یک خواهشی دارم که مشکلات را برطرف و اگه پر رویی نباشه از نو ارسال کنید راستی علی جان من می تونم ایمیل یا آی دی تونو داشته باشم ؟

  10. علی گفته:

    امیر: فایل های جدید رو براتون ارسال کردم.
    در صورت ادامه مشکل لطفا ادامه بحث را از طریق ایمیل دنبال کنید.

  11. رضا گفته:

    سلام علی جان …
    میشه لطف کنی و لینک آی تی نگار رو به سیگنال تغییر بدی . الان حدود 3 ماه هست که به اجبار دامنه رو عوض کردم . ممنون میشم از لطفت.

  12. سلام آقا. احوال شما؟
    ما يه سوال داشتيم از خدمت‌تون. اگه خاطرتون باشه، زحمت كشيدين و قالب وبلاگ دوست ما رو فارسي‌سازي كردين. دست‌تون درد نكنه. يه مسئله‌اي هست وقتي نوشته‌اي رو كه در ورد تايپ شده، منتقل مي‌كنيم در صفحه‌ي تايپ وردپرس، به هم مي‌ريزه. ضمن اينكه مرتب كردنش محاله. مگه اينكه دوباره از نو تايپ بشه. علاوه بر اين، تغيير دادن فونت و سايز نوشته راحت نيست. يعني اينقدر سخت است كه آدم ناگزير بي‌خيال مي‌شود. اگر زحمتي نيست يه كوچولو دوباره راهنمايي كنين ما رو. ممنونم

  13. علی گفته:

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

  14. امیر گفته:

    سلام علی جان باز با این پوسته ی پرسونال مشکل پیدا کردم تو انجمن یه تاپیک زدم اونجا جواب من رو بده
    http://forum.wp-persian.com/topic/1639?replies=6

  15. hossein گفته:

    با سلام و عرض ادب خدمت مديريت وبلاگ
    وبلاگ بسيار خوبي داريد
    در راستاي پيوند بين وب هامون مايل هستم با هم تبادل لينک کنيم
    اگه شما هم با من موافقيد عنوان لينکتون رو برام بفرتيد تا در سايت قرار بديم
    عنوان لينک ما : دانلود برنامه و بازي موبايل
    با تشکر

  16. amin گفته:

    سلام دوست عزیز یه سر به وبلاگ من بزن…

  17. بهروز گفته:

    سلام دوست عزیز. این مطلب رو در قسمت Contact میخواستم براتون بفرستم اما هرچی زدم میگفت کد امنیتی غلطه. بنابراین پیشاپیش عذرخواهی میکنم.

    من قالب سیه فام Blakish شما رو از سایت وردپرس فارسی دانلود کردم و خیلی ازش خوشم اومد، فقط بنا به دلایلی دلم میخواد یه تغییری توش ایجاد کنم. اونم اینه که عرض قسمت پست‌های وبلاگ که الان ۵۰۰ پیکسل هست رو میخوام به ۶۵۰ یا بیشتر تغییر بدم. اما قالب به هم می‌ریزه. میشه این کارو برام انجام بدید یا بهم بگید چطوری انجامش بدم؟

    اگه به من ایمیل بزنید ممنون می‌شم.

  18. هامون گفته:

    دستتون درد نکنه. خیلی مفید بود :)

  19. رضا گفته:

    سلام . میشه بگید بعد از پاک کردن rtl.css چطور باید اونو ایجاد کنم ؟
    من یه فایل rtl.css ساختم اما با قبلی که مقایسه کردم دیدم اینطور نیست که #content { direction: rtl; } رو توش کپی کنم و تمام . اگه میشه این رو هم بگید .
    پیشنهاد میکنم حالا که زحمت کشیدین روش استاندارد رو آموزش دادین ، روشی که taktemp گفته رو هم آموزش بدین .
    مرسی

نظر دهید

*