یکشنبه, ۲۶ آذر, ۱۳۹۶
خانه » وردپرس » آموزش » راستچین کردن قالب های وردپرس
راستچین کردن قالب های وردپرس

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

شاید شده باشه تو اینترنت به دنبال قالب باشید و نتوانید بین قالب های موجود قالب مناسبی را پیدا کنید، این روزها قالبهای انگلیسی و چپ چین بسیار زیادند و سایتهای زیادی هستند که این قالبها را ترجمه میکنند و بفروش میرسانند امروز میخواهیم به شما یاد بدیم چگونه یک قالب انگلیسی (چپ چین ) را راستچین کنید در آموزش های بعدی طریقه فارسی سازی نیز آموزش داده خواهد شد

برای اینکار شما نیاز به دانش اندکی از css دارید که میتوانید با مطالعه مقاله هایی که در اینترنت هست به این مقدار دانش دست یابید

پیشنهاد میشود نرم افزار Notepad ++ را نیز دانلود نمایید  >> دانلود Notepad++

در ابتدا قالب مورد نظر خودتان را دانلود کنید برای اینکار ما قالب Just Content رو انتخاب کردیم

نوت پد ++ رو باز کنید یک فایل جدید ایجاد کنید

notepad

سپس این فایل رو در محل پوشه قالب مورد نظر ذخیره کنید و اسمشو rtl.css بزارید

savertl

بعد از ذخیره سازی حالا ما هر تغییری که بخواهیم در قالب بدهیم باید درون این فایل انجام بدیم

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

nochange

اولین کاری که میخواهیم بکنیم تغییر فونت هست برای اینکار شما بسته فونت Web Yekan که کار آقای سوزنچی هست را از اینجا دانلود کنید

پس از دانلود در پوشه fonts را در پوشه قالب ها قرار بدهید

حالا کد زیر را برای تعریف فونت به فایلی rtl.css که ساختید اضافه کنید

حالا برای اینکه بخش های مختلف این فونت رو بگیرن کد زیر رو هم اضافه کنید

حالا میخواهیم منوی بالا رو راستچین کنیم اینجا یکم پیچیده تر میشه و شما باید از افزونه فایرباگ یا خود inspect element مرورگر استفاده کنیم

منو از id=kt-main-nav استفاده کرده و همچنین class=col-md-12 استفاده کرده است
codemenu

منو تموم شد
میمونه یک قسمت علامتا و نظرات
برای علامت ها تو قالب از فونت ElegantIcons استفاده شده من خودم  رفتم تو سایتش  و این تغییرو دادم

تغییر دادم
بگم که اینم مثل قبل با فایرباگ پیدا کردم

برای تغییر نظرات هم اومدم از کد زیر استفاده کردم

 

خوب بنظر میرسید کار تموم شده اما انگار یک مشکلی توی بخش نظرات صفحات داخلی هست

آواتار نظردهندگان رو وسط اومده که با نظر خودم (:D) میارمش کنار با کد زیر

برای اسم نظردهنده هم اینو میزارم

دیگه واقعا انگاری تموم شد
چقدر سریع 😛
خوب یک توضیح بدم در پایان اینکه الان قالب راستچین شده ، آموزش فارسی سازی قالب هم بزودی میزارم سپس قالب رو هم تو سایت منتشر میکنیم
اگر درخواست ها زیاد باشه سعی میکنم فیلم آموزشی ترجمه و راستچین کردن یک قالب را هم بزارم
امیدوارم لذت برده باشید

از کپی کاران محترم خواهش میکنم منبع رو هم ذکر کنند 😉

اسکرین شات از قالب رو هم تا اینجا  از این لینک میتونید ببینید

درباره‌ی محمد رضا

محمد رضا هستم از سال 1390 وردپرس رو شروع کردم الان مهندسی عمران میخونم اما به اینترنت علاقه زیادی دارم
،درباره وردپرس ادعایی ندارم و دانسته های خودم رو به اشتراک میزارم امیدوارم دانسته هام کمکتون کنه ;)

۹ نظر

  1. با سلام و خشته نباشید
    مهندس از بابت آموزشت تشکر
    راستش من ایت قسمت

    :”منو تموم شد
    میمونه یک قسمت علامتا و نظرات
    برای علامت ها تو قالب از فونت ElegantIcons استفاده شده من خودم رفتم تو سایتش و این تغییرو دادم”

    وکدی که بعدش نوشتی رو نفهمیدم میشه بیشتر توضیح بدی؟
    با تشکر

  2. سلام.
    کمتر سایت وردپرسی مشاهده کردم که به خودشون و وبسایتشون ارزش قائل هستند و مطالب اختصاصی قرار میدهند.
    امیدوارم همیشه موفق و سربلند باشید.
    ارادتمند

  3. آقا خدا خیرت بده
    خوشم اومد ممنون

  4. توی قالب های دیگه هم اینطوریه ؟

  5. سلام
    ممنون از این آموزش که گذاشتین . ولی برای فارسی کردن یه قالب و همچنین راست چین کردن اون خیلی از موارد رو در نظر نگرفتید.
    به عنوان مثال یه قالب انگلیسی رو وقتی نگاه می کنید، بسیار زیبا و قشنگ به نظر میرسه ولی بعد از فارسی سازی و راست چین کردن همه ظاهر قالب بهم میریزه. توضیحات شما برای شروع کار خوب بود . ولی به نظر من کار راست چین کردن قالب زمان زیادی می بره و نیاز به اشتایی کافی با html و css داره

جوابی بنویسید

ایمیل شما منتشر نخواهد شدخانه های ضروری نشانه گذاری شده است. *

*