المان تصویر و متن در المنتور

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

استفاده از المان تصویر و متن در المنتور

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

ابتدا به بخش ویرایشگر المنتور میریم و از قسمت تنظیمات حالت نمایش رو از پیش فرض به canvas  تغییر میدیم

المان تصویر و متن در المنتور

بعد از انتخاب حالت Canvas  صفحه ویرایشگر المنتور کاملا آماده برای طراحی یک صفحه صفر تا صد میباشد ( مثل تصویر زیر )

المان تصویر و متن در المنتور

برای اینکه بتونیم یک بخش دو ستونه ایجاد کنیم روی علامت + کلیک میکنیم تا یک بخش دو ستونه انتخاب و اونو ایجاد کنیم

المان تصویر و متن در المنتور

بعد از اینکه بخش مورد نظر خودمونو ایحاد کردیم روی بخش  یه کلیک میکنیم تا المان های المنتور برای ما نمایش داده بشن

المان تصویر و متن در المنتور

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

المان تصویر و متن در المنتور

درج المان در بخش مربوطه

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

از دست ندهید !  آموزش درج دکمه در المنتور
المان تصویر و متن در المنتور

حالا میخواهیم عکس رو به بخش خودمون یعنی المان تصویر بیاریم و ازش استفاده کنیم برای اینکار روی بخش تصویر یک کلیک کنید بعد  از اینکه کلیک کردید در سمت راست تنظیمات المان برای ما نمایش داده میشه ( تصویر زیر )

المان تصویر و متن در المنتور

همان طور که میبیند در قسمت تنظیمات خیلی ساده ازمون خواسته تصویر خودمونو انتخاب کنیم یا عکس خودمون رو آپلود کنیم برای انتخاب تصویر یا آپلود تصویر  روی گزینه ( تصویر را انتخاب کنید ) کلیک کنید

المان تصویر و متن در المنتور

تا بخش مورد نظر برای شما به نمایش گذاشته بشه و بتونیم عکس خودمونو انتخاب یا آپلود کنیم 

المان تصویر و متن در المنتور

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

المان تصویر و متن در المنتور

همان طور که مشاهده میکنید عکس مورد نظر من به بخش تصویر اضافه شد و در سمت راست هم که تنظیمات المان رو میبینید عکس مورد نظر رو به نمایش گذاشته و میتونید با استفاده از اندازه عکس سایز عکس رو تغییر بدین

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

المان تصویر و متن در المنتور

وسط چین کردن المان ها

اگر دقت کنین متن مورد نظر ما در قسمت بالا قرار گرفته ولی ما میخواهیم این متن رو به صورت وسط چین و روبری تصویرخودمون قرار بدیم تا کمی ظاهرش بهتر بشه برای اینکار خیلی راحت روی تنظیمات سکشن یا بخش ایجاد شده کلیک میکنیم ( تصویر زیر )

المان تصویر و متن در المنتور

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

المان تصویر و متن در المنتور

حال کافیه از قسمت تراز عمودی اونو از حالت ( پیش فرض ) روی ( وسط ) قرار بدیم تا متن ما در وسط قرار بگیرد

المان تصویر و متن در المنتور

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