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

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

راست چین کردن قالب‌های وردپرس        بعد از کامل شدن آموزش ترجمه قالب‌های وردپرس امروز نوبت به راست چین نمودن آن‌ها رسیده است. بدیهی است که قالب‌های زیبا و حرفه ای وردپرس را در بین سایت‌های خارجی می‌توان یافت و از آنها برای سایت‌های پارسی نمی‌توان استفاده کرد اما با استفاده از آموزش کامل ترجمه قالب‌های وردپرس و آموزش کامل راست چین کردن قالب‌های وردپرس از این به بعد شما قادر خواهید بود تا قالب‌های مورد نظر خود را با استفاده از دانشی که به دست آورده اید پارسی سازی کنید. برای راست چین کردن قالب‌های وردپرس نیاز به مهارت 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_ را اضافه کنید تا نرم افزار به خوبی کار کند

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

  1. محمد می‌گه:

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

  2. مهدی می‌گه:

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

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

    • computer می‌گه:

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

  3. زینب می‌گه:

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

  4. یگانه می‌گه:

    سلام میخوام منوهام راست چین بشن تو قالب وردپرس…راهنماییم کنین لطفا

    • Net Sit می‌گه:

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

  5. Eydad می‌گه:

    سلام
    همونطور که میدونید در پوسته‌های جدید گاهاً در زیرشاخه‌ها هم فایل css (با نامهایی غیر از style البته) وجود داره. که اونها هم به همین ترتیب که فرمودید قابل اصلاحند.
    سوال بنده اینه، قالبی هست که در یک پوشه دو فایل css با نامهای متفاوت وجود داره. چطور هر دو رو تبدیل کنم؟ چون فقط یک فایل rtl.css میتونم بسازم!! یعنی چطور به هر دو ارجاع میشه؟

    • Net Sit می‌گه:

      با سلام … ماهها از تاریخ سوال شما گذشته و حتما خودتان راه حل مشکلاتان را پیدا کرده اید! لطفا اگر کارتان انجام شده جهت استفاده دوستان اینجان پیام بگذارید …
      با تشکر

پاسخ دهید

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

*

شما می‌توانید از این دستورات HTML استفاده کنید: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>