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

سلام خدمت همراهان همیشگی رایا وردپرس

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

امروز ما می خواهیم افزونه ی Accordion را به شما آموزش بدهیم که شما با استفاده از آن می توانید مطالب را به صورت منو آکاردئون در وردپرس نمایش دهید. اگر مشتاق شدید این آموزش را یاد بگیرید پس در ادامه با ما همراه باشید…

معرفی افزونه ی Accordion

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

این افزونه تاکنون بیش از ۲۰,۰۰۰ نصب فعال در مخزن وردپرس داشته است و توانسته امتیاز ۴.۶ از ۵ کسب کند. از آخرین بروزرسانی افزونه ۱ هفته می گذرد.

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

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

 

نصب و فعال سازی Accordion

ابتدا افزونه را که در پایان آموزش قرار دادیم دانلود کنید سپس به پیشخوان وردپرس به قسمت افزونه ها – > افزودن بروید و روی دکمه ی بارگذاری افزونه کلیک کنید و افزونه را انتخاب، نصب و فعال کنید بعد از فعال سازی گزینه ی Accordion در پنل ظاهر می شود که دارای زیرمنوهایی می باشد.

 

آموزش استفاده از افزونه ی Accordion

ابتدا روی زیر منو new Accordions کلیک کنید تا آکارادئون جدیدی را ایجاد کنید. همان طور که مشاهده می کنید در صفحه ی باز شده ۶ تب وجود دارد.

تب shortcode

در تب shortcode شورت کد را کپی و در برگه یا نوشته ی خود قرار دهید.

تب Accordions Options

شما می توانید آکاردئون را فعال یا غیرفعال کنید، استایل ارتفاع ( کامل یا اندازه ی محتوا ) را تعیین کنید و همچنین می توانید مشخص کنید عمل آکاردئون با چه عملی ( موس یا کلیک) فعال شود.

تب style

شما می توانید پس زمینه، ترازبندی متن، حاشیه، رنگ پس زمینه، عکس پس زمینه، رنگ و اندازه ی فونت آیکون، رنگ پس زمینه ی هدر، اندازه ی فونت هدر، رنگ فونت محتوا، اندازه ی فونت محتوا و رنگ پس زمینه ی محتوا را تعیین کنید.

تب Content

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

شما در قسمت Header عنوان آکاردئون را بنویسید و در قسمت محتوا، محتوای خود را وارد کنید.

شما می توانید هر تعداد منو داشته باشید تنها کافی است هر بار روی دکمه ی add کلیک کنید موضوع و محتوا را بنویسید.

تب Custom CSS

در این تب می توانید کدهای css سفارشی خود را وارد کنید تا ظاهر زیباتری داشته باشد.

در پایان بعد از انجام همه ی تنظیمات بر روی دکمه ی انتشار کلیک کنید. یادتان باشد شورت کد را در برگه یا نوشته ی دلخواهتان کپی کنید.

 

اکنون پیش نمایش نوشته را در سایت مشاهده کنید.

 

جمع بندی!

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

امیدواریم آموزش امروز برای شما مفید بوده باشد….