Accordion

angular – Adding Chevron icon to ngx-bootsrap accordion


I have a problem changing the chevron from UP to DOWN when clicking the accordion. It seems to always result to true no matter what trick I tried and even tried other examples like this https://stackblitz.com/edit/ngx-bootstrap-ifmpph?file=app%2Fapp.component.html

        <accordion [closeOthers]="true">
                <accordion-group #group [isOpen]='true'>
                    <div accordion-heading class="clearfix">
                        Basic Information
                        <span class="badge badge-secondary float-right pull-right">
                            <i class="fa" [ngClass]="!group?.isOpen ? 'fa-chevron-down': 'fa-chevron-down'"></i>
                        </span>
                    </div>
                </accordion-group>
            </accordion>



لینک منبع

نمایش محتوا به صورت کشوئی در وردپرس با افزونه Smooth Accordion


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

 

نمایش محتوا در وردپرس به صورت کشوئی با افزونه Smooth Accordion :

بسیاری از سایت‌های خدماتی برای نمایش محتوا در وردپرس به صورت کشوئی (آکاردئونی) یا از افزونه‌هایی همانند افزونه Smooth Accordion استفاده می‌کنند و یا از قابلیت‌های قالب وردپرسی خود استفاده می‌کنند که شاید همه قالب‌ها این امکانات را نداشته باشند و این کار برای صرفه‌جویی در فضای سایت و زیباسازی ظاهر محتوای سایت مورداستفاده قرار می‌گیرد. اگر شما هم به دنبال نمایش محتوا در وردپرس به صورت کشوئی هستید با آموزش افزونه Smooth Accordion همراه ما باشید.

 

نمایش محتوا به صورت کشوئی در وردپرس با افزونه Smooth Accordion

 

امکانات ویژه اینافزونه Smooth Accordion:

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

 

برای نصب افزونه از روش های زیر استفاده کنید :

  • افزونه را از انتهای همین نوشته دریافت کنید و از قسمت افزونه‌ها روی گزینه بارگذاری افزونه کلیک کنید سپس در قسمت بارگذاری، افزونه را نصب و فعال کنید.
  • یا اینکه از قسمت کلیدواژه Smooth Accordion را تایپ کنید و افزونه Smooth Accordion را در مخزن وردپرس جستجو کنید و سپس نصب و فعال‌ کنید.

درصورتی‌که با نصب کردن افزونه مشکلی ‌دارید می‌توانید آموزش نصب افزونه وردپرس را مشاهده کنید.

 

بعد از نصب افزونه در نوار کناری (سایدبار) در قسمت نوشته‌ها، روی گزینه افزودن نوشته کلیک می‌کنیم.

 

نمایش محتوا به صورت کشوئی در وردپرس با افزونه Smooth Accordion

 

در صفحه بازشده بعد از انتخاب عنوان، به نوشتن مطلب در لیست کشوئی می‌رسید، در این قسمت برای ایجاد لیست کشوئی باید روی گزینه اضافه‌شده بانام Insert accordion toggle shortcode کلیک کنید تا همانند تصویر پایین برای شما نوشته‌هایی به همراه کد اضافه شود، در این قسمت باید به‌جای Title ها عنوان خود را جایگذاری کنید و به‌جای Content ها محتوای خود را جایگذاری کنید.

 

  • Title One: به‌جای این نوشته عنوان اول را وارد می‌کنید.
  • First Content: به‌جای این نوشته محتوای اول خود را وارد می‌کنید.
  • Title Two: به‌جای این نوشته عنوان دوم را وارد می‌کنید.
  • Second Content: به‌جای این نوشته محتوای دوم خود را وارد می‌کنید.
  • Title Three: به‌جای این نوشته عنوان سوم را وارد می‌کنید.
  • Third Content: به‌جای این نوشته محتوای سوم خود را وارد می‌کنید.

 

نمایش محتوا به صورت کشوئی در وردپرس با افزونه Smooth Accordion

 

برای تغییر رنگ این لیست‌ها بجای نوشته default در کد [sawarp color=”default”] یکی از رنگ‌های زیر را جایگذاری کنید.

  • pink, purpal , blue, cyne , orange , grey-blue

در تصویر زیر پیش‌نمایشی از محتوا در وردپرس به‌صورت کشوئی را مشاهده می‌کنید.

 

نمایش محتوا به صورت کشوئی در وردپرس با افزونه Smooth Accordion

 

موفق باشید

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

دانلود نسخه : ۲٫۱

به صفحه اول گوگل بياييد – قوی ترين بک لينک در ايران
بک لينک در بيش از ۲۰ هزار وبلاگ با دهها نمونه كار

هاست پرسرعت SSD ایران (ویژه افزایش رتبه سئو)
دیتاسنتر آسیاتک – مجهز به کلود لینوکس و لایت اسپید

نحوه استفاده

کافیست افزونه را در مسیر wp-content/plugins آپلود کنید و سپس از بخش مدیریت افزونه ها آن را فعال نمایید.

مطلب مفیدی بود ؟



لینک منبع