آموزش استفاده از آکاردئون پیشرفته در المنتور

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

المنتور ابزارک آکاردئون خود را دارد که می توانید آن را به صفحات خود اضافه کنید. اما اگر طرح‌ بندی بیشتری با ویژگی‌ ها و قابلیت‌ های پیشرفته می ‌خواهید، می ‌توانید از افزونه (Absolute Addons)، که یکی از بهترین افزونه‌ های کمکی المنتور می باشد استفاده کنید.

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

نحوه استفاده از آکاردئون پیشرفته در المنتور

برای استفاده از ابزارک های (Advance Accordion)، ابتدا با کلیک بر روی نماد “+” در المنتور، بخشی ایجاد کنید و سپس از بخش ابزارک ها، ابزارک (Advance Accordion) را جستجو کنید. ابزارک (Advance Accordion) را بکشید و در بخش جدید رها کنید.

قسمت محتوا

اکنون در قسمت محتوا، می توانید سبک آکاردئون را از منوی کشویی (Advance Accordion Style) انتخاب کنید. سیزده سبک های منحصر به فرد و حرفه ای برای بخش آکاردئون پیشرفته موجود است. شما می توانید سبک مورد نظر خود را انتخاب کنید.

با کلیک بر روی سبک مورد نظر خود، آن را انتخاب کنید. پس از انتخاب سبک، اکنون زمان ویرایش آن است. به طور پیش فرض، آکاردئون شما دارای پنج آیتم خواهد بود. با کلیک بر روی نماد “X” می توانید هر آیتم را حذف کنید.

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

قسمت کنترل آکاردئون (Accordion Control)

با کلیک بر روی دکمه افزودن آیتم (Add item) می توانید آیتمی را اضافه کنید. فقط روی آن کلیک کنید و یک مورد اضافه می شود و می توانید عنوان و محتوای آن را به همین روش ویرایش کنید. حالا به قسمت (Accordion Control) بروید و در اینجا گزینه های پیشرفته تری را پیدا خواهید کرد. می توانید آیکون آکاردئون را از منوی آیکون انتخاب کنید و آن را فعال یا غیرفعال کنید. (اگر بله را انتخاب کنید آیکون فعال و اگر خیر را انتخاب کنید آیکون غیرفعال می شود.)

اگر از منوی آیکون بله را انتخاب کنید، می توانید دو گزینه دیگر را مشاهده کنید.

• انتخاب آکاردئون قبل از آیکون: شما می توانید آیکون را قبل از بزرگ کردن آکاردئون انتخاب کنید.
• انتخاب آکاردئون بعد از آیکون: می توانید بعد از بزرگ کردن آکاردئون، آیکون را انتخاب کنید.

برای انتخاب یک آیکون دو گزینه دارید. می توانید آیکون خود را در قالب (SVG) آپلود کنید یا می توانید هر آیکونی را از کتابخانه آیکون ها انتخاب کنید. برای آپلود آیکون خود روی گزینه (Upload SVG) کلیک کنید و آیکون مورد نظر خود را بارگذاری کنید.

برای اضافه کردن آکاردئون قبل از آیکون از کتابخانه آیکون، روی گزینه کتابخانه آیکون (Icon library) کلیک کنید و صفحه کتابخانه آیکون پیش فرض المنتور ظاهر می شود. آیکون مور نظرتان را انتخاب کنید و سپس روی دکمه درج (Insert) کلیک کنید. برای اضافه کردن آکاردئون بعد از آیکون، همین روش را دنبال کنید.

از گزینه (Alignment) می توانید ترکیب آیکون را تنظیم کنید، می توانید آیکون را در ابتدای آکاردئون یا انتهای آکاردئون اضافه کنید. هنگامی که ترکیب را برای انتهای آکاردئون انتخاب می کنید، اینگونه به نظر می رسد.

قسمت افکت انیمیشن

می توانید افکت انیمیشن آکاردئونی را از قسمت انتخاب انیمیشن انتخاب کنید. دو افکت انیمیشن موجود است:

• اسلایدی (Slide)
• محو شدن (Fade)

از قسمت، سرعت باز کردن انیمیشن (animation open speed) و سرعت بسته شدن انیمیشن (animation close speed)، می توانید سرعت انیمیشن را هنگام باز و بسته شدن تنظیم کنید.

قسمت استایل (Style)

به قسمت استایل (Style) بروید، جایی که می توانید به آکاردئون خود به دلخواه استایل دهید. در این قسمت، چهار منوی مختلف وجود دارد.

شما می توانید آکاردئون خود را برای سه حالت مختلف استایل دهید:

• طبیعی (Normal)
• هاور (Hover)
• فعال (Active)

برای حالت عادی می توانید عرض آکاردئون را از گزینه عرض (width) تنظیم کنید.

پس زمینه آکاردئون را می توانید از منوی پس زمینه (Background Type) تنظیم کنید.

• کلاسیک (Classic): با انتخاب این گزینه، تصویر پس زمینه را می توانید اضافه کنید.
•  گرادیان (Gradient): با انتخاب این گزینه، می توانید گرادیان رنگ را اضافه کنید.

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

پس زمینه را به عنوان کلاسیک یا گرادیان از گزینه نوع پس زمینه تنظیم کنید. همچنین می توانید رنگ عنوان و فاصله داخلی (padding) را اضافه کنید تا عنوان در موقعیت مناسب قرار گیرد.

حالت هاور و فعال را به همین ترتیب استایل کنید. از منوی محتوای آکاردئون می‌توانید ناحیه محتوا را استایل دهید و با استفاده از منوی آیکون آکاردئون می‌توانید ناحیه آیکون را برای موقعیت ‌های عادی و هاور استایل دهید.

تمام شد! بخش آکاردئون پیشرفته شما آماده است.