چپ به راست

راست چین کردن قالب های وردپرس

راست چین کردن قالب های وردپرس

با توجه به اینکه گاهی اوقات نیاز داریم که صفحات وب سایت وردپرس خود را از چپ چین به راست چین ( چیدمان المان های موجود در صفحه وب از سمت راست به چپ باشد ) تغییر دهیم لذا در این قسمت می خواهیم نحوه انجام این کار را با انجام تغییراتی در کد css قالب برای شما توضیح دهیم.

باید بدانیم که یکی از مواردی که احتیاج می شود قالب خود را راست چین کنیم بحث فارسی سازی قالب می باشد که پس از ترجمه، کار راست چین کردن المان ها باید انجام بگیرد.

برای این کار ابتدا فایل style.css را باز کرده سپس یک فایل به نام rtl.css در کنار فایل style.css ایجاد می کنیم

1-2

آنگاه در صفحه وب سایت id  یا class المان هایی را که می خواهیم  راست چین کنیم را با مراجعه به کد HTML  صفحه ( با استفاده از امکان inspect element موجود در مرورگرها ) بدست می آوریم.

2-2

سپس در فایل style.css ، class یا id مورد نظر را جست جو کرده خوصیاتی را که مربوط به قرار گرفتن در سمت چپ می باشد را به همراه id یا class در فایل rtl.css  کپی می کنیم.

آنگاه چند مورد را در فایل rtl.css  باید تغییر دهیم.

تمام خصوصیاتی را که به صورت left : X می باشد به left : auto و right : X تغییر می دهیم.

اگر خصوصیتی به صورت  text-align : left آن را به text-align : right تغییر می دهیم.

اگر خصوصیتی به شکل float : left بود را به float : right تغییر می دهیم.

اگر خصوصیتی به صورت مثلا padding : 0.9em 1em 3em 1.8em  ( می دانیم که عدد ۱em مربوط به فاصله از راست و ۱٫۸em مربوط به فاصله از چپ می باشد ) بود آنگاه عدد مربوط به راست و چپ را با هم عوض می کنیم ( جای ۱em و ۱٫۸em  را عوض می کنیم ).

این کار را برای تمام المان های موجود در صفحه وب سایت انجام می دهیم ( خصوصیات المان ها را از style.css به rtl.css منتقل کرده و ویرایش می کنیم ) در پایان فایل rtl.css را ذخیره می کنیم.

خواهیم دید که صفحه ما در پایان این عملیات به راست چین تبدیل می شود.

    6 thoughts on “راست چین کردن قالب های وردپرس

  1. وحید
    ۱۳۹۶-۰۱-۱۶
    پاسخ دادن

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

    • سلام
      ضمن عذرخواهی بابت تاخیر
      برای اینکه قالبتون شبیه به دمو بشه باید فایل درون ریزی که معمولا یه فایل xml هست رو هم باید داشته باشید و ممکنه به فایل های دیگری هم نیاز باشه که معمولا در فایل های راهنمای همراه با تم ها این توضیحات به صورت کامل قرار داده شده است.

  2. soheila
    ۱۳۹۶-۰۳-۰۱
    پاسخ دادن

    با سلام
    آیا فایل rtl خودش اعمال میشه یا باید کاری کرد مثلا کدی اضافه کنیم؟

    • سلام
      ضمن عذرخواهی بابت تاخیر در جواب
      اگر زبان سایت رو فارسی یا عربی که راست به چپ هستند انتخاب کنید خودکار از این فایل استفاده می کنه

  3. محمد
    ۱۳۹۶-۰۴-۲۲
    پاسخ دادن

    سلام!
    واقعا ممنون… توی یه برهه‌ای از زمان گند زدم به یه سایتی… این آموزشتون نجاتم داد…. :))))))))))

  4. ali
    ۱۳۹۶-۰۷-۰۹
    پاسخ دادن

    برای همه ی قالب ها عمل می کنه؟

یک نظر ارسال کنید.

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

تعداد 2,161 بازدید