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

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

با توجه به اینکه گاهی اوقات نیاز داریم که صفحات وب سایت وردپرس خود را از چپ چین به راست چین ( چیدمان المان های موجود در صفحه وب از سمت راست به چپ باشد ) تغییر دهیم لذا در این قسمت می خواهیم نحوه انجام این کار را با انجام تغییراتی در کد 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 را ذخیره می کنیم.

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

10
امتیاز :
راست چین کردن قالب های وردپرس
5 از 1 رای
حجت میرزائی کارشناس ارشد هوش مصنوعی هستم. از سال 85 کد نویسی با C# را شروع کردم و از سال 91 بصورت حرفه ای کار در زمینه طراحی وب را آغاز کردم. هم اکنون با Asp.net و وردپرس کار طراحی وب انجام میدهم. علاقه مند به مباحث سئو و طراحی اپلیکیشن های موبایل می باشم.
همراه ما باشید در کانال تلگرام بهترین سایت آموزش وردپرس کانال تلگرام

مطالب زیر را حتما بخوانید

دیدگاه خود را ارسال نمایید

  1. وحید
    15:55 مورخه 05 آوریل 17

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

    • مجتبی مفتاحی
      07:21 مورخه 09 جولای 17

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

  2. soheila
    09:08 مورخه 22 مه 17

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

    • مجتبی مفتاحی
      07:15 مورخه 09 جولای 17

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

  3. محمد
    07:38 مورخه 13 جولای 17

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

  4. ali
    17:08 مورخه 01 اکتبر 17

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

  5. مريم
    18:05 مورخه 18 ژانویه 18

    سلام ممنون از اموزش خوبتون
    من يه سوال در مورد فارسي سازي داشتم با نرم افزار poedit ممنون ميشم راهنمايي كنين واقعا گيج شدم وقتي كه قالب فايل زبان داره ميايم با poedit رشته هاشو ترجمه ميكنيم من اومدم يه قالبو همينكار كنم ولي خييييلي رشته هاش زياد بود ايا راه درست همينه يعني بايد دونه به دونه همه رو ترجمه كرد؟

    • سلام .بله باید همه رشته ها را تک تک ترجمه کنید

  6. م.ت
    09:01 مورخه 04 مارس 18

    سلام میبخشید ممکنه یه پست راجع به اینکه چطور میشه یه صفحه وبسایت ۲ زبانه داشته باشیم بزارید من میخوام همزمان هم راستچین و هم چپ چین رو داشته باشم موقع ترجمه

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

Call Now Buttonتماس برای طراحی سایت و سئو