آموزش فارسی سازی قالب وردپرس صفر تا صد

سلام دوستان امیدوارم که حالتون خوب باشه 🙂

در این ویدیوی مقدمه قصد داریم در آموزش فارسی سازی قالب وردپرس به شما دوستان دو تم (Theme) وردپرسی رو به معرفی کنیم. یکی قالب Total که یه قالب پرکاربرد در بحث وب سایت های Landing Page هست و دیگری قالب Storevilla هست که این هم یکی از پرکاربردترین قالب ها در وب سایت های فروشگاهی هست که ما می خوایم به واسطه این دو تم یاد بگیریم که چطوری قالب وردپرس رو فارسی سازی کنیم.

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

پس حتما در این دوره با ما همراه باشید و پیشنهاد می کنیم که ویدیوی مقدمه آموزش فارسی سازی وردپرس رو هم ببینید.

در این جلسه آموزش ترجمه قالب وردپرس قصد داریم شمارو با یه سری نیازمندی های قالب های وردپرسی آشنا کنیم، خب ببینید دوستان وردپرس یه استانداردی داره که باید حتما بحث Language رعایت شده باشه و الزامات اون داخل قالب باشه، یعنی چی؟ یعنی اینکه وقتی توی قالب کلماتی به صورت استاتیک وارد شدند حتما باید داخل تابع های پرکاربردی مثل “()__” و “()e_” باشند تا تمامی این رشته ها یه جا جمع شن و به راحتی با یه نرم افزاری مثل Poedit بشه اونهارو مثل آب خوردن ترجمه کرد که جلوتر به این مباحث به طور مفصل تر می پردازیم.

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

حالا یه بحث دیگه هم داریم که آقا جان چطوری قالب رو فارسی سازی کنیم؟ خب روال این کار رو هم باهم پیش می بریم اگه بخوام توضیح کوتاهی بدم در قالبتون فایلی به نام rtl.css اضافه کنید و اون رو به تم اضافه کنید و تمامی استایل هایی که مربوط به فارسی سازی هست رو اونجا می نویسیم.

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

در این بخش از فارسی سازی وردپرس قصد داریم بگیم که وقتی شما می خواین یه تم رو فارسی کنین حتما قبلش محتوا گذاری کنین تا وبسایت به طور کامل بالا بیاد و چیزی از قلم نیفته برای بحث فارسی سازی، راست چین کردن قالب و ترجمه.

پس حتما ویدیو این بخش رو ببینید تا بیشتر با امکانات و نحوه کار با قالب وردپرسی Total آشنا بشید 😉

خوش اومدین به قسمت چهارم از آموزش فارسی سازی قالب وردپرس 😉

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

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

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

بحث جدیدی که در این آموزش فرا می گیریم این هست که گاهی مواقع می خوایم دنبال یه کلمه خاص یا المان یا کلاس یا هرچیزی که دیگه ای در قالب بگردیم، خب ما می تونیم تک تک فایل هارو باز کنیم و دنبال اون رشته مدنظر بگردیم، خب طبیعتا این کار خیلی زمان بر و حوصله بر هستش، بنابراین با کمک نرم افزار MultiFind این کار رو آسون می کنیم، لینک دانلود این نرم افزار بعد از ویدیو گذاشته شده.

ویدیوی آموزشی این قسمت رو از دست ندید 🙂

دانلود نرم افزار MultiFind

در این ویدیو آموزش علاوه بر این که ادامه کار جلسات قبل رو انجام می دیم و اون هارو به اتمام می رسونیم می خوایم بحث فونت هارو هم اوکی کنیم. خب قاعدتا هر فونتی از نظر سایز و نوع باهم فرق می کنن، پس حالا که ما نوع فونت رو عوض کردیم باید بیایم توی قالب سایزهاش رو هم اوکی کنیم و مواردی که از این دست هستند رو بررسی و عملیات لازم رو روشون انجام بدیم 🙂

ویدیوی این بخش از آموزش فارسی سازی قالب وردپرس رو از دست ندید.

در این جلسه یه کمی از آموزش رو اختصاص می دیم به کامل کردن و به اتمام رسوندن باقی مانده جلسه قبل یعنی فارسی سازی قالب وردپرس Total و بعد از اون می خوایم بریم سراغ فارسی سازی قالب StoreVilla و در این جلسه به بررسی این تم می پردازیم و اون رو دانلود و نصب می کنیم. اقدامی که لازمه انجام بدیم حتما باید پلاگین ووکامرس (Woocommerce) رو نصب کنیم، چرا؟ چون که این قالب بروی ووکامرس پیاده سازی شده بنابراین ماهم یه سری پلاگین هایی که لازم هست و خودش هم با پیغامی به ما گفته رو باید نصب کنیم.

راستی حتما ویدیو این قسمت رو ببینید تا با روند کاری که باید انجام بشه به طور کامل آشنایی پیدا کنید.

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

پس با این ویدیوی آموزشی هم با ما همراه باشید 🙂

خب در این جلسه می خوایم بریم سراغ اینکه فایل rtl.css ایجاد کنیم و فونت هایی که لازم داریم رو در این فایل CSS بذاریم و اون رو به قالبمون اضافه کنیم و در نهایت می بینیم که فونت دلخواه ما روی قالب نشسته، فقط اگه توجه کنید می بینید که بعضی از قسمت ها هنوز روی فونت مورد نظر ننشسته، پس باید بریم کلاس هاشون رو پیدا کنیم و فونت رو براش اوکی کنیم. بعدش هم می خوایم فونت های سمت پنل ادمین رو هم اوکی کنیم پس روالش رو با یه هوک ساده که در ویدیو های قبل هم گفته شد این کار رو براش انجام می دیم.

این ویدیوی آموزشی رو حتما ببینید تا این جلسه رو هم به راحتی پشت سر بذارید. 😀

خب دوستان من در این جلسه می خوایم بریم بارگذاری محتوا انجام بدیم و با بخش سفارشی سازی این قالب کار کنیم و ببینیم می تونیم چه امکاناتی رو بهش اضافه یا کم کنیم و به طور کلی کار با این قالب رو یاد خواهیم گرفت و بخش هایی که هنوز فونت هاش مشکل داره رو درست کنیم.

پس این ویدیو آموزشی فارسی سازی قالب وردپرس رو از دست ندید 😉

خب حتما دیدید که اسلایدرهامون نیست و نابود شد 😀 بنابراین باید این مشکل رو حل کنیم، چون قالب ما فارسی شده و direction رو rtl دادیم اسلایدر ها دیگه نمایش داده نمیشن پس باید به کلاس اسلایدرمون direction=ltr بدیم تا به درستی برای ما کار کنه. بعد از این کار فهرست رو فعال می کنیم تا شکل سایت ما واقعی تر بشه. خب می بینیم که فهرستمون و قسمت جستجو رو هم باید اوکی کنیم پس اقدامات لازمه رو انجام می دیم.

تمامی این توضیحاتی که داده شد رو می تونین به صورت آموزش ویدیویی ببینید که بفهمید روند کار رو چطوری پیش ببرید. پس با ما همراه باشید. 🙂

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

ویدیو این بخش رو حتما ببینید 🙂

خب بازم مثل همیشه 😀 تو این جلسه هم محتواگذاری انجام میدیم و یه بخش هایی که لازم به فارسی سازی و راست چین کردن داره رو براش اوکی می کنیم شما هم طبق این قسمت ویدیو از آموزش فارسی سازی قالب وردپرس پیش برید. 🙂

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

پس ویدیو این بخش از آموزش فارسی سازی قالب وردپرس رو از دست ندید 🙂

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

پس این بخش جذاب رو از دست ندید 😉

به وقت هایی هم هست که شما یه قالب وردپرسی اختصاصی دارید که اون رو خریدید یا اصلا خودتون کدنویسیش رو انجام دادید و حالا با خودتون می پرسید که آیا میشه برای قالب اختصاصی خودم بخش Language رو اضافه کنم؟ جواب بله هست 🙂 چون با چندتا حرکت ساده که باهاش آشنا شدید می تونین این کار رو به راحتی و مثل آب خوردن برای خودتون انجام بدید. اولین قدم اینه که شما باید یه پوشه با هر اسمی ولی ترجیحا language یا lang باشه که مفهموم رو برسونه در ریشه قالب خودتون ایجاد کنید. دومین قدم اینه که شما باید یه تابع وردپرسی برای اینکه از بخش زبان پشتیبانی بکنه رو اضافه کنید، خب این تابع رو می تونین به راحتی با سرچ در اینترنت هم به دست بیارید. تابعی که باید اضافه کنید به صورت زیر هستش.

<?php load_theme_textdomain( $domain, $path ) ?>

خب این تابع دوتا پارامتر رو در داخل خودش جا داده که اولین اون یعنی domain$ باید یه نام یونیک یا یکتا براش انتخاب کنید که ترجیحا باید نام قالبتون باشه مثلا اسم تم شما welearn هست و باید بذارید به جای اون. در دومین پارامتر که با path$ مشخص شده باید آدرس پوشه که برای زبان اختصاص دادید رو بهش بدید و در نهایت مثلا چیزی مثل زیر داریم.

 load_theme_textdomain( 'welearn', get_template_directory() . '/languages' );

خب حالا یه بحث می مونه که این کد رو باید کجا بذاریم. خب یا مستقیما داخل head قالب بذارید یا در functions.php به صورت زیر کدتون رو بذارید.

add_action( 'after_setup_theme', 'my_theme_setup' );
function my_theme_setup(){
    load_theme_textdomain( 'welearn', get_template_directory() . '/languages' );
}

و بعد از این هرجایی از هر جمله یا کلمه رو می خواین ترجمه کنید توابع ()__ یا ()e_ رو بذارید که فرقشون قبلا گفته شده. مثلا متن زیر رو در یک تگ داریم.

<h1>Hello World</h1>

حالا این رو می خوایم به ترجمه اضافه کنیم باید به صورت زیر بنویسیم که دو پارامتر داره.

اولین پارامتر باید رشته مورد نظر رو بنویسیم و در پارامتر دوم باید نام یونیکی که در تابع مربوط به زبان ایجاد کردریم رو بهش بدیم و ما اینجا اسم اون رو welearn گذاشتیم پس قاعدتا باید این رشته رو بجای پارامتر دوم بذاریم.

خب حالا فایل های ترجمه رو با Poedit ایجاد کنید و می بینید هر رشته ای رو که در توابع مورد نظر گذاشتید رو برای شما در فایل ترجمه میاره و می تونین اون رو ترجمه کنید.

خب پیشنهاد میشه این قسمت از ویدیو آموزشی فارسی سازی قالب وردپرس رو از دست ندید 🙂

سوالی که برای شما دوستان عزیز ممکنه پیش بیاد این هست که به چه صورت پلاگینی رو فارسی سازی کنیم یا اون رو ترجمه کنیم. خب بازم با همون نرم افزار Poedit این کار رو قدم به قدم باهم دیگه پیش می بریم. خب پس باید برید به پوشه پلاگین ها و پوشه پلاگینی که می خواین ترجمه کنید رو باز کنید و در اونجا طبیعتا پوشه ای به نام languages یا lang و اسم هایی مشابه این ها پیدا خواهید کرد و باید فایل pot رو باز کنید و اقدامات لازمه رو انجام بدید

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

خب در خدمتتون هستم با آخرین جلسه فارسی سازی پلاگین وردپرس 🙂

خب ما یه پلاگین نوشتیم و حالا می خوایم ترجمه رو هم بهش اضافه کنیم به چه صورت باید این کار رو انجام بدیم؟ خب جواب سادست. کاری نداره دقیفا مثل ترجمه کردن قالب وردپرس هست ولی با یه فرق کوچیک باید در پلاگینتون کد زیر رو اضافه کنید.

add_action( 'plugins_loaded', 'welearn_load_textdomain' );

function welearn_load_textdomain() {
  load_plugin_textdomain( 'welearn', false, basename( dirname( __FILE__ ) ) . '/languages' ); 
}

و بقیه روال هم مثل ترجمه کردن قالب وردپرس هست.

پیشنهاد میشه که این ویدو رو ببینید تا خوبه خوب بخش ترجمه پلاگین رو متوجه بشید. 🙂