ثبت نام

ورود

Forgot Password

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

You must login to ask question.

آموزش ساخت سایدبار ثابت در المنتور

آموزش ساخت سایدبار ثابت در المنتور

 

سلام و درود خدمت تمام کاربران لرن دی ال

قبل از هرچیزی خدمتتون عرض کنم با المنتور هیچ کاری نشد نداره.

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

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

 

خب ابتدا میریم برای ایجاد یک برگه خام. برای ساخت برگه دیگه همه یاد دارن، ولی بصورت خلاصه توضیح میدم.

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

ما میخوایم یک ستون با ۲ بخش ایجاد کنیم. سمت راست سایدبار باشه و سمت چپ محتوا.
آموزش ساخت سایدبار ثابت در المنتور
طرح سایدبار خود را پیاده سازی میکنیم. در این پروژه من سعی میکنم یک قالب رزومه ایجاد کنم.

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

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

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

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

حالا نتیجه رو تست میکنیم تا ببینیم چه گلی کاشتیم.

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

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

برای این کار میتونید از پدینگ و … استفاده کنید یا منو اضافی کنید یا از المان فاصله گذار استفاده کنید.

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

ما افست را به روی ۴۰ قرار دادیم و سایدبار در وسط نمایشگر قرار گرفته.

 

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

 

منبع: انجمن پرسش و پاسخ لرن دی ال – علی رحمتی

علی رحمتی

علی رحمتی

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

دیدگاه بگذارید

You must login to add a new comment.