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

راست چین کردن قالب‌های وردپرس        بعد از کامل شدن آموزش ترجمه قالب‌های وردپرس امروز نوبت به راست چین نمودن آن‌ها رسیده است. بدیهی است که قالب‌های زیبا و حرفه ای وردپرس را در بین سایت‌های خارجی می‌توان یافت و از آنها برای سایت‌های پارسی نمی‌توان استفاده کرد اما با استفاده از آموزش کامل ترجمه قالب‌های وردپرس و آموزش کامل راست چین کردن قالب‌های وردپرس از این به بعد شما قادر خواهید بود تا قالب‌های مورد نظر خود را با استفاده از دانشی که به دست آورده اید پارسی سازی کنید. برای راست چین کردن قالب‌های وردپرس نیاز به مهارت Css خواهید داشت. ابتدا باید در نظر داشت که روش‌های مختلفی برای راست چین کردن قالب‌های وردپرس وجود دارد مثلا شما می‌توانید فایل Style.css قالب خود را با استفاده از نرم افزار notepad++ باز کرده و float‌ها یا align‌ها یا … را تغییر دهید اما کاربردی ترین روش و استاندارد ترین روش استفاده از فایل rtl.css می‌باشد که در این روش قالب راست چین شده با  مرورگر‌های مختلف سازگار خواهد بود. بعد از توضیحات کافی شروع می‌کنیم:

ابتدا قالب مورد نظر خود را با استفاده از آموزش ترجمه قالب‌های وردپرس به زبان فارسی تغییر دهید سپس طبق آموزش زیر عمل کنید:

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

و دستور float سایت شما در فایل rtl به صورت زیر باشد:

در این صورت دستور فایل rtl قابل قبول خواهد بود و لوگوی شما به سمت راست خواهد آمد.حال فایل‌های style.css و rtl.css را توسط نرم افزار notepad++  اجرا کنید. اطلاعات پوسته ی خود را مطابق فایل style.css را در rtl.css وارد کنید. مثال:



و ….

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

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

سپس وارد notepad++ شوید و فایل rtl.css را انتخاب کنید.

در ابتدای فایل بعد از توضیحات قالب کدهای زیر را وارد کنید:

با این کار فونت‌های پوسته شما به Tahoma تغییر می‌کند!

با استفاده از کد‌های زیر می‌توانید قالب خود را راست چین کنید:

direction:rtl; : این دستور برای راست چین کردن مورد استفاده قرار می‌گیرد مثلا اگر در یک متنی به زبان فارسی کلمه ای انگلیسی به کار ببریم ترتیب آن  به هم می‌خورد اما با این دستور می‌توانیم آن را برطرف کنیم.

text-align:right; : با این دستور می‌تونید متن خود را از چپ به طرف راست هدایت کنید.

float:right; : این دستور کل شی ء شما را به طرف راست هدایت می‌کند برای مثال برای هدایت کردن لوگوی سایت از طرف چپ به راست کد را در تگ img#logo قرار می‌دهیم.(برای قالب‌های مختلف متفاوت است.)

font-family:Tahoma, Arial; : با استفاده از این دستور شما می‌توانید برای شی ء مورد نظر از فونت‌های مناسب تری استفاده کنید.

با قرار دادن دستور‌های بالا در تگ‌های مختلف می‌توانید آنهارا راست چین کنید.

برای نمونه قصد دارم متن هدر زیر را از طرف چپ به راست هدایت کنم:

کد فایل style.css :

می‌بینید که در هدر از دستور text-align استفاده شده است در چنین صورتی متن هدر در سمت چپ قرار می‌گیرد برای راست چین کردن آن در فایل rlt.css به صورت زیر عمل می‌کنیم:


با این کار متن هدر از سمت چپ به سمت راست هدایت می‌شود.

*برای قسمت‌های مختلف قالب که شامل: منو‌ها.زیر منوها.جستجوی سایت.لوگو و… می‌شود نیز به صورت بالا عمل کنید.

*در بعضی موارد بطور مثال اگر منوی قالب را به طرف راست بیاورید جستجوی سایت به هم میریزد پس می‌بایست جستجوی سایت را به طرف چپ ببرید.

*آموزش بالا مقدمه ای برای یادگیری می‌باشد و به دلیل فراوانی قالب‌ها و تفاوت کدنویسی آنها شما برای راست چین کردن قالب‌ها به تجربه نیاز خواهید داشت!

پا نوشت : با توجه به ارتباط‌های گرفته شده مختلف با دوستانی که تست کردند آموزش رو در صورت نیاز در فایلهای php یا فانکشن قالب دو تا تابع __ و e_ را اضافه کنید تا نرم افزار به خوبی کار کند

4 comments on “آموزش کامل راست چین کردن قالب‌های وردپرس

  1. محمد گفت:

    ممنون از راهنمایی تون
    موفق باشید

  2. مهدی گفت:

    سلام
    ممنون از شما
    میگم به نظرتون بهترین شبیه ساز چیه برا css و html ؟
    من قبلا با دریمویور یکمکی کار کردم
    ولی جدیدا بیشتر با خد مرورگر ها این کار رو میکنم

    شما کد هاتون رو چطور و با چی شبیه سازی میکنید؟

    • computer گفت:

      با سلام …
      ممنون از اينكه به وبلاگ من سر زديد
      اگر با نسخه هاي قديمي مجموعه آفيس آشنا باشيد مي توانيد از
      Microsoft Frontpage استفاده نمائيد
      با تشكر

  3. زينب گفت:

    با عرض سلام ببخشيد من دارم با ورد پرس سايت طراحي ميکنم ولي منوي صفحه اصلي به صورت چپ جين است مي خواستم راست چين بشه ولي نميدونم تغييرات کد نويسي را کجا بايد اعمال کنم که راست چين بشه اگر ممکنه راهنمايي کنيد چطور بايد درستش کنم خيلي ممنون

دیدگاهتان را بنویسید

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

*