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

نمایش مطالب در وردپرس

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

نمایش مطالب در وردپرس Accordion

accordion-wordpress-hamyarwp - نمایش مطالب در وردپرس

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

توضیحات مختصر

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

توجه!! Accordion هایی که با این افزونه کاربردی وردپرس ساخته می شود کاملا ریسپانسیو می باشد.

آموزش کار با افزونه Accordion

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

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

open-settings-hamyarwp- ساخت منوی کشویی جدید

در این بخش ابتدا میبایستی عنوانی برای Accordion های خود مشخص کنیم پس دست به کار میشویم و عنوانی مناسب برای Accordion خود انتخاب میکنیم تا منجر به نمایش مطالب در وردپرس به صورت کشویی شود.

title-hamyarwp- نمایش مطالب در وردپرس

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

tabs-hamyarwp- نمایش مطالب در وردپرس

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

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

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

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

accordion-advansed-hamyarwp- تنظیمات

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

style-1-hamyarwp- نمایش مطالب در وردپرس

 style-2-hamyarwp- نمایش مطالب در وردپرس

  چیدمان مجدد پست ها در وردپرس با کمک 4 راه‌ حل کلیدی

 بخش بعدی ، بخش Content یا محتوا می باشد که با کلیک بر روی گزینه add وارد بخشی جدید می شویم.

contant-hamyarwp- نمایش مطالب در وردپرس

در این بخش ابتدا عنوانی برای Accordion  انتخاب میکنیم و در نهایت محتوای مورد نظر خود را در باکس پایینی آن قرار میدهیم.

contant-add-hamyarwp-نمایش مطالب در وردپرس

بخش بعدی ، قسمت Custom CSS می باشد که ما میتوانیم با قرار دادن کد های سی اس اس در آن ، ظاهری زیبا تر به آن اعمال کنیم.

در نهایت Shortcode موجود را در برگه مشخص قرار میدهیم و آن را منتشر میکنیم و مشاهده میکنیم که این افزونه کاربردی وردپرس ، امکانات و ظاهر زیباتری را به سایت ما بخشید.

output-hamyarwp-نمایش مطالب در وردپرس

 موفق باشید

 دانلود افزونه Accordion

دانلود صفحه افزونه

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

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

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 1 سال عضو همیار وردپرس

    سلام
    فونت این افزونه با فونت قالب فرق میکنه. هر کاری هم میکنم عوض نمیشه.
    از افزونه های فونت استفاده کردم اما عوض نمیشه.
    میشه لطفا راهنمایی فرمایید. تشکر

  2. 2 سال عضو همیار وردپرس

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

  3. سلام خسته نباشید
    من از این افزونه استفاده میکنم یه مشکلی که هستش اینه که مطالبی که داخل این تب ها قرار میدم وقتی قسمتی از متن تو گوگل سرچ میکنم نمایش داده نمیشه مثله این میمونه که گوگل نمیتونه متن توی تب ها رو بخونه ولی متنهایی که بیرون از تب هستش سرچ میکنم نمایش میده
    خواهشا راهنمایی کنید

  4. سلام
    من از افزونه accordion که در سایتتون هست استفاده کردم اما کار نمیکنه و همشون باز هستند
    5 دقیقه قبل

  5. 4 سال عضو همیار وردپرس

    ممنون از مطلب مفیدتون. عالی بود.

  6. چند وقتیه برای به روز رسانی افزونه ها از داخل ورد پرس با این ارور روبه رو میشم لطفا راهنمایی کنید ممنون میشم
    . cURL error 60: SSL certificate problem: self signed certificate

  7. 4 سال عضو همیار وردپرس

    سلام چه مدلی میتونیم متن نوشته شده را راست چین کنیم

مطالب زیر را حتما بخوانید

دوره‌های آموزشی