وبلاگ

آموزش ایجاد ستون چسبنده در المنتور با JetTricks

ایجاد ستون چسبنده در المنتور

[irinfobox]این آموزش به ایجاد یک ستون چسبنده با پلاگین JetTricks اختصاص یافته است. برای یادگیری نحوه استفاده از گزینه چسبناک (Sticky) ، ادامه مقاله بروید.[/irinfobox]

ستون چسبنده (Sticky Column) یک عملکرد کاملاً مفید است که همراه با افزونه JetTricks ارائه می شود و هنگام چرخش بخش می توانید ستون را “چسبنده” کنید. می توانید از گزینه Sticky Column یا ستون چسبنده برای محتوای خاص استفاده کنید ، آن را در محدوده دید کاربر قرار دهید ، در حالی که او در حال مشاهده و اسکرول سایر بخشهای یک بلوک است.

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

خرید افزونه JetTricks

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

آموزش ایجاد ستون چسبنده در المنتور

ستون های چسبنده خیلی می توانند طرح سایت را خلاقانه کنند و این امکان را افزونه Elementor Pro در حالت پیشفرض ندارد و برای این کار باید از افزودنی استفاده کنیم که بهترین افزونه برای این کار JetTricks هست که به صورت فارسی و اورجینال در اختیار شما عزیزان قرار گرفته است.

نصب افزونه های مورد نیاز

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

برای نصب افزونه المنتور می‌توانید به صورت رایگان وردپرس این افزونه را نصب کنید.(فقط کافیست که در پیشخوان وردپرس به مسیر افزونه ها > افزودن بروید و در کادر جستجو عبارت “elementor” را سرچ کنید و افزونه المنتور را نصب کنید).

برای نصب افزونه JetTricks ابتدا به مسیر افزونه ها > افزودن بروید و در صفحه باز شده بر روی دکمه بارگذاری افزونه در بالای صفحه کلیک کنید. حالا در بخش باز شده بر روی دکمه “Choose File” کلیک کنید و فایل زیپ افزونه را انتخاب و بر روی نصب کلیک کنید.

تنظیمات اولیه افزونه JetTricks

بعد از این که افزونه های مورد نیاز را نصب کردید به پیشخوان وردپرس بیاید و به مسیر Crocoblock > Jetplugins Settings بروید.(این منو بعد از نصب افزونه ها ظاهر می شود).

سطح ویرایشگر افزونه jettricks
سطح ویرایشگر افزونه jettricks

در صفحه ای که برای شما باز می شود گزینه “سطح بارگذاری ویرایشگر” بر روی “Full” قرار دهید.

سپس در همان صفحه به زیر منوی “Widgets & Extensions” بیایید و گزینه ستون چسبیده را همانند تصویر زیر فعال کنید (در حالت پیش فرض بر روی فعال قرار دارد و اگر این گزینه غیرفعال بود حتماً این گزینه را فعال کنید)

فعال کردن ستون چسبنده
فعال کردن ستون چسبنده

حالا تنظیمات افزونه را انجام دادیم و برای ایجاد ستون چسبنده در المنتور به ادامه مقاله مراجعه کنید.

ایجاد ستون چسبنده در المنتور

مرحله 1 – اول از همه ، به صفحه ای که می خواهید ستون چسبنده داشه باشه بروید و برای ادامه روی دکمه ویرایش با المنتور کلیک کنید. هیچ گوشی

مرحله 2 – سپس ، بخش جدید ایجاد کرده و آن را با محتوای مورد نیاز خود پر کنید (می توانید یک بخش ایجاد کنید و از ویجت های المنتور استفاده کنید و المان های مورد نیاز به بخش ها اضافه کنید).

مرحله 3 – پس از آن ، بر روی ویرایش ستون > بخش پیشرفته> افزونه JetTricks کلیک کنید. در اینجا می توانید گزینه ستون چسبنده یا Sticky Column را ببینید و باید آن را به حالت “بله” تغییر دهید.

گزینه ستون چسبنده در jettricks
گزینه ستون چسبنده در jettricks

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

مرحله 5 – در آخر ، بر روی دکمه انتشار یا به روز رسانی کلیک کنید و به پیش نمایش بروید تا نتایج را به صورت رنده مشاهده کنید.

پیشنمایش ستون چسبنده
پیشنمایش ستون چسبنده

حالا می‌توانید پیش نمایش را در یک صفحه جدید مشاهده کنید.

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

? فیلم آموزشی

https://youtu.be/KkCRyEuRPO0
4/5 - (1 امتیاز)
اشتراک گذاری:

مطالب زیر را حتما مطالعه کنید

دیدگاهتان را بنویسید

در خدمت شما هستیم!

در صورت نیاز به مشاوره می توانید فرم را تکمیل نمایید و یا با ما در ارتباط باشید.