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

نمایش مطالب به صورت کشویی در وردپرس

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

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

امکانات افزونه Accordion

با آکاردئون می توانید اطلاعاتی از محتوا یا داده های سایت را نمایش دهید.

آکاردئون نامحدود
طراحی رسپانسیو
نمایش آکاردئون با شورتکد
مرتب سازی آکاردئون
ویرایشگر وردپرس برای محتوای آکاردئون
تغییر تصویر پس زمینه
تغییر رنگ پس زمینه
مخفی کردن هر آکاردئون بدون نیاز به حذف کردن آنها
ترازبندی متن آکاردئون
آیکون های Font Awesome
دارای چندین تب

نحوه نصب و کار با افزونه Accordion

این افزونه در مخزن بزرگ وردپرس در دسته افزونه کاربردی وردپرس به ثبت رسیده است و امکان نمایش مطالب در وردپرس را فراهم می کند. و تا کنون بیش از ۳۰۰۰ دانلود نصب و فعال سازی داشته است.

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

سپس در تب Accordions Options، می‌توانید آکاردئون را فعال یا غیرفعال کنید، استایل ارتفاع منو را در اندازه محتوا یا به صورت کامل نمایش دهید. در تب استایل رنگ و تصویر پس زمینه، ترازبندی متن، رنگ و اندازه فونت آیکون، رنگ پس زمینه و انداره فونت هدر و رنگ فونت محتوا را مشخص نمایید.

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

در قسمت Accordions Options ما چندین گزینه را مشاهده می کنیم که مربوط به تنظیمات اولیه منوهای کشویی می باشد.

در قسمت Collapsible که دارای دو مقدار true و False می باشد ما می توانیم مشخص کنیم که منوی کشویی ما چه عملیاتی را انجام دهد. (با قرار دادن روی گزینه True ، Accordion ها هم میتوانند فعال و هم می توانند غیر فعال شوند)

در قسمت height Style که دارای دو مقدار content و fill می باشد ما می توانیم مشخص کنیم که Accordion ها چه مقداری ارتفاع بگیرند. پیش فرض این گزینه روی Content به معنای این است که بر اساس محتوای موجود ، Accordion ارتفاع بگیرد.

در نهایت گزینه Activate Even ما می توانیم مشخص کنیم که Accordion با انجام چه عملی فعال و غیر فعال شوند.