تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
افزونه Coins MarketCap 1 پاسخ 170 بازدید درخواست پلاگین 4 پاسخ 394 بازدید اسکریپت vfm 5 پاسخ 511 بازدید تغییر جهت محتوا در وردپرس 1 پاسخ 188 بازدید افزونه ساخت شماره مجازی 14 پاسخ 1045 بازدید درخواست افزونه 1 پاسخ 394 بازدید بهترین رباط اینستاگرام 0 پاسخ 2 بازدید درخواست قالب با سبک کندو 1 پاسخ 664 بازدید به هم ریختگی سایت بعد از نصب قالب 2 پاسخ 612 بازدید نمایش کد های php 0 پاسخ 371 بازدید
تبلیغات
تبلیغات تبلیغات

چگونه با کمک المنتور یک کادر ایجاد کنیم؟

مقالات,آموزش,ترفند , وردپرس

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

 

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

 

ایجاد یک کادر در المنتور

می‌دانم که این نکته را می‌دانید ولی برای تاکید بیشتر می‌گویم که یادتان باشد این امکان تنها با نصب المنتور روی سایتتان امکان‌پذیر است. مراحل ایجاد یک کادر در المنتور را قدم به قدم با هم پیش می‌رویم.

 

قدم اول: لطفا یک برگه با المنتور باز کنید. حال با کلیک روی دکمه + بخشی را اضافه کنید:

چگونه با کمک المنتور یک کادر ایجاد کنیم؟

قدم دوم: حال ساختار موردنظر خود را انتخاب کنید. مثلا من ساختار دوبخشی را انتخاب می‌کنم. شما می‌توانید با توجه به طرحی که قرار است بزنید یکی را به دلخواه انتخاب کنید.

چگونه با کمک المنتور یک کادر ایجاد کنیم؟

قدم سوم: حال در اینجا باید به سراغ المان‌ها برویم و یکی را انتخاب کنیم. من در اینجا المان جداکننده را برای ادامه فرآیند کارم انتخاب می‌کنم.

چگونه با کمک المنتور یک کادر ایجاد کنیم؟

قدم چهارم: ارتفاع آن را در بخش تنظیمات به حداکثر میزانی که به من اجازه می‌دهد تغییر می‌دهم.

چگونه با کمک المنتور یک کادر ایجاد کنیم؟

قدم پنجم: حال برای ادامه تنظیمات خود نیازمند افزونه کد سی‌اس‌اس هستیم. برای این منظور در المنتور از بخش پیشرفته بر روی بخش CSS سفارشی کلیک کنید:

چگونه با کمک المنتور یک کادر ایجاد کنیم؟

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

selector {
   border-left: 1px solid #a70ccc;
   border-right: 1px solid #ff1685;
   box-sizing: border-box;
   background-position: 0 0, 0 100%;
   background-repeat: no-repeat;
   background-size: 100% 1px;
   background-image: linear-gradient(to right, #a70ccc 0%, #ff1685 100%), linear-gradient(to right, #a70ccc 0%, #ff1685 100%);
}

این قطعه کد کاملا سفارسی است و شما می‌توانید رنگ بندی و اندازه‌های آن را تغییر دهید.

به همین راحتی می‌توانید نتیجه کار خود را مشاهده کنید:

چگونه با کمک المنتور یک کادر ایجاد کنیم؟

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

امیدوارم از آموزش کوتاه امروز ما خوشتان آمده باشد. بی‌صبرانه منتظر نظرات و پیشنهادات شما عزیزان هستیم.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=51221
کلمات کلیدی پست :
مطالب مرتبط
73,736افزونه پاورپک با 60 ابزارک کابردی برای المنتور PowerPack تاریخ : 2021/02/15
7,708دانلود قالب فارسی و فروشگاهی Zigcy Lite برای وردپرس تاریخ : 2020/06/14
3,432دانلود افزودنی Coder برای المنتور تاریخ : 2021/07/28
2,784دانلود افزونه TM Elementor Addons – افزودنی مخصوص المنتور تاریخ : 2022/01/17
7,488افزونه ساخت اسلایدر و کروسل برای المنتور Glider تاریخ : 2021/01/2
31,628افزایش امکانات صفحه ساز Elementor با افزونه فارسی JetElements نسخه 2.5.6 تاریخ : 2021/04/12
12,344افزونه Premium Addons PRO امکانات جانبی صفحه ساز Elementor Pro نسخه 2.0.7 تاریخ : 2020/10/19
5,464Visual Composer یا Elementor ، کدامیک را انتخاب می‌کنید؟ تاریخ : 2019/08/11
3,292چگونه صفحه نخست سفارشی در وردپرس بسازیم؟ تاریخ : 2019/10/22
5,068چگونه صفحات ساخته شده با المنتور را بهینه کنیم؟ تاریخ : 2019/12/5
6,336ایجاد اسکرول افقی در پس‌زمینه با المنتور تاریخ : 2020/02/3
5,488افزایش سرعت سایت ساخته شده با المنتور تاریخ : 2020/01/25
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات