جستجو برای:
  • صفحه اصلی
  • آموزش های قالب
  • آموزش های پلاگین
  • آموزش وردپرس
  • آموزش سئو
  • فروشگاه وردپرس
  • سئو در کرج
 
  • 09222923264
  • zoodseo@gmail.com
  • نمونه کارها
بهترین سایت آموزش وردپرس
  • صفحه اصلی
  • آموزش های قالب
  • آموزش های پلاگین
  • آموزش وردپرس
  • آموزش سئو
  • فروشگاه وردپرس
  • سئو در کرج
0

ورود و ثبت نام

بهترین سایت آموزش وردپرس > آموزش های قالب > راست چین کردن قالب های وردپرس

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

2015-02-10
ارسال شده توسط حجت میرزائی
آموزش های قالب
350 بازدید
چپ به راست

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

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

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

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

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

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

نوشته های بیشتر از حجت میرزائی
در تلگرام
کانال ما را دنبال کنید!
Created by potrace 1.14, written by Peter Selinger 2001-2017
در آپارات
ما را دنبال کنید!
مطالب زیر را حتما بخوانید
  • ترجمه
    آماده سازی وردپرس برای ترجمه قالب

    356 بازدید

  • ترجمه پوسته
    فارسی سازی قالب های وردپرس

    668 بازدید

جدیدتر فارسی سازی قالب های وردپرس

10 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

  • وحید گفت:
    2017-04-05 در 15:55

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

    پاسخ
    • مجتبی مفتاحی گفت:
      2017-07-09 در 07:21

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

      پاسخ
  • soheila گفت:
    2017-05-22 در 09:08

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

    پاسخ
    • مجتبی مفتاحی گفت:
      2017-07-09 در 07:15

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

      پاسخ
  • محمد گفت:
    2017-07-13 در 07:38

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

    پاسخ
  • ali گفت:
    2017-10-01 در 17:08

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

    پاسخ
  • مريم گفت:
    2018-01-18 در 18:05

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

    پاسخ
    • حجت میرزائی گفت:
      2018-01-31 در 12:34

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

      پاسخ
  • م.ت گفت:
    2018-03-04 در 09:01

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

    پاسخ
  • کلینیک کاشت مو آرین سیما گفت:
    2019-04-03 در 11:32

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

    پاسخ

دیدگاهتان را بنویسید لغو پاسخ

اینستاگرام بستوپ
آموزش وردپرس در اینستاگرام بستوپ
سئو در کرج
درباره بستوپ

وب سایت بستوپ در راستای فراهم کردن مرجعی آموزشی برای کار کردن با وردپرس راه اندازی شده است. تمام تلاش ما ارائه آموزش های مفید و همچنین مشاوره و حل مشکلات سایت های وردپرسی است.

  • کرج، شاهین ویلا، خیابان قلم پلاک 304 واحد 4
  • 09222923264
  • zoodseo@gmail.com
آموزش های رایگان
  • آموزش کار با افزونه های وردپرس
  • آموزش قالب وردپرس
  • آموزش کار با پیشخوان وردپرس
شبکه های اجتماعی ما
  • اینستاگرام بستوپ
  • تلگرام بستوپ
تمامی حقوق برای سایت بستوپ محفوظ می باشد.

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت