آموزش قرار دادن ستون محتوایی بر روی تصویر در المنتور

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email
اشتراک گذاری در print
همپوشانی ستون ها در المنتور
پخش ویدیو

امروز در این آموزش قصد داریم در مورد همپوشانی ستون ها (Overlapping Columns) و قرار دادن متن و توضیحات بر روی تصویر صحبت کنیم.

به استفاده از این ترفند می تونید طراح های زیبا تری را در المنتور اجرا کنید.

همپوشانی ستون ها در المنتور

طراحی ستون همپوشانی در المنتور

استفاده از ویجت بخش داخلی

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

همپوشانی ستون ها در المنتور

حالا در تب استایل، یک پس زمینه اختصاص دهید. سپس سایز تصویر را روی Cover قرار دهید. با این کار تصویر کل بخش را در بر می گیرد.

ایجاد ستون محتوایی

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

به ستون محتوایی Padding داده تا محتوا کمی از کناره ها فاصله بگیرد.

پدینگ ستون ها در المنتور

و از تب طرح بندی، تراز عمودی را روی گزینه وسط قرار دهید.

تراز عمودی ستون

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

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

در اینجا نوع پس زمینه حتما گرادینت انتخاب شود. سپس مقادیر به ترتیب زیر پر شود.

رنگ بخش اول : #FFFFFF00

موقعیت بخش اول: 60

رنگ بخش دوم: #FFF

موقعیت بخش دوم: 0

زاویه: 90

شفافیت: 1

حالا با تغییر موقعیت بخش اول می توانید عرض تصویر را تغییر دهید.

045-microphone

مدرس :
محمدرضا احمدزاده

013-globe

سطح آموزش :
مبتدی

035-essay

زمان آموزش :
6 دقیقه

امتیاز دهید

اشتراک گذاری

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email

آخرین مقالات

آخرین محصولات

آخرین محصولات

برچسب ها

لینک کوتاه

https://elementorfa.ir/?p=45205

فهرست مطالب

Avatar
احسان در 17:18

خیلی عالی بود ممنون

پاسخ
Avatar
حاجی مراد در 16:02

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

پاسخ
Avatar
احمد در 20:57

با سلام
چگونه میتوانم در یک صفحه از المنتور – اسکرول عمودی مرورگر را حذف کنم ؟
فقط در یک صفحه باید اسکرول عمودی مرورگر حذف گردد نه تمامی صفحات
ممنون میشم راهنمایی کنید تشکر

پاسخ
Avatar
علی در 17:45

سلام

چطور می‌شود یک دسته بندی را زیر مجموعه دسته بندی دیگر قرار داد که در breadcrump yoast به نحو صحیح قرار گیرد؟ مثلا دسته بندی ‘کامپیوتر’ زیر مجموعه دسته ‘آموزش’ قرار بگیرد.

به این صورت:
خانه–آموزش–کامپیوتر

2) و چطور میتوان نوشته را زیر مجموعه یک صفحه کرد، که به صورت بالا یک نوشته زیر مجموعه یک صفحه قرار بگیرد. مثلاً ‘کامپیوتر’ یک پست باشد که زیرمجموعه صفحه ‘آموزش’ قرار گیرد. : خانه–آموزش–کامپیوتر

پاسخ
Avatar
حسین در 15:03

یعنی عاشق این آموزش هاتون هستم. خیلی خوبن.

پاسخ
المنتور فارسی
المنتور فارسی در 15:30

ممنون از شما

پاسخ
وحید
وحید در 16:43

بسیار عالی ممنون

پاسخ

نظرات ارزشمند خود را به اشتراک بگذارید

نیاز به کمک دارید؟ پیام دهید