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

ویژگی های تب و منو آکاردئونی امکان نمایش بهتر محتوا را در سایت فراهم میکنند، معمولا طراحان سایت در هنگام طراحی قالب وردپرس برای افزودن تب و منو آکاردئونی به بخشهای مختلف پوسته از افزونه های جی کوئری استفاده میکنند اما اگر بخواهیم این قابلیتها را در لابه لای نوشته های سایت داشته باشیم باید از افزونه های وردپرس کمک بگیریم، در این مقاله از ایران تمز به معرفی چند افزونه حرفه ای برای افزودن تب و منو آکاردئونی به مطالب وردپرس Tab and Accordion Plugins میپردازیم پس تا انتها همراه ما باشید.

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

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

چندتا از بهترین افزونه های ساخت تب و ایجاد منو آکاردئونی عبارتند از:

  1. افزونه ایجاد تب Tabby Responsive Tabs
  2. افزونه وردپرس ساخت تب Tabs – Responsive Tabs with Accordions
  3. پلاگین ساخت تب های واکنش گرا Responsive Tabs
  4. افزونه وردپرس Tabs
  5. افزونه وردپرس ایجاد منو آکاردئونی Accordion Shortcodes
  6. و …

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

افزونه ساخت تب در نوشته وردپرس

افزونه ساخت تب در نوشته های وردپرس Tabby Responsive Tabs

از ویژگی های افزونه tabby میتوان به موارد زیر اشاره کرد:

  1. ساخت بی نهایت تب در نوشته یا برگه های سایت
  2. تغییر حالت تب ها به آکاردئون در حالت موبایل و تبلت
  3. ساخت تب و آکاردئون بر اساس جی کوئری
  4. قابلیت تعیین عنوان و محتوای دلخواه برای هر تب
  5. امکان قرار دادن آیکون برای تب ها
  6. قابلیت مدیریت تبها با صفحه کلید کامپیوتر
  7. و …

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

افزونه ساخت تب در نوشته های وردپرس Tabby Responsive Tabs

کد میانبر tabbyending پایان تبها را تعیین میکند. برای دانلود افزونه به برگه آن در مخزن افزونه های وردپرس به آدرس Tabby Responsive Tabs مراجعه کنید.

افزونه ساخت باکس و منو آکاردئونی Accordion Shortcodes

یکی از بهترین افزونه ها برای ساخت منو یا باکس متنی آکاردئونی در نوشته و برگه های وردپرس افزونه Accordion Shortcodes میباشد.
برخی از ویژگی های افزونه عبارتند از:

  1. ایجاد باکس آکاردئونی توسط شورت کد
  2. افزودن دکمه به ادیتور دیداری وردپرس برای ساخت آکاردئون
  3. افزودن جاوا اسکریپت تنها به برگه ای که شورتکد افزونه در آن قرار دارد
  4. سرعت بارگذاری بالا با طراحی سبک و بهینه
  5. دارای طراحی واکنش گرا
  6. امکان ساخت بی نهایت باکس آکاردئونی در یک صفحه
  7. قابلیت نمایش پیشفرض باکس آکاردئونی اول
  8. باز یا بسته بودن تمام جعبه های متنی آکاردئونی
  9. قابلیت تنظیم تگ html برای عنوان باکس آکاردئون
  10. و …

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

افزونه ساخت باکس و منو آکاردئونی Accordion Shortcodes

برای دانلود افزونه به برگه آن در مخزن افزونه های وردپرس به آدرس Accordion Shortcodes مراجعه کنید.

به پایان آموزش افزودن تب و منو آکاردئونی به مطالب وردپرس رسیدیم چنانچه سوالی دارید در بخش دیدگاه های همین مطلب مطرح کنید.

درباره نویسنده
پدرام تبریزی

پدرام تبریزی هستم مدیر وبسایت ایران تمز حدود 7 سالی هست با وردپرس آشنا شدم و علاقه‌مند به دنیای وردپرس ، سئو و کسب و کار اینترنتی هستم. هدف گروه ایران تمز این است که تمام تجربیاتمان رو با شما به اشتراک بگذاریم تا قدم کوچکی برای موفقیت سایت شما برداریم.

بازدیدکنندگانی که این مطلب را مطالعه کرده اند، از مطالب زیر نیز استقبال کرده اند
دیدگاهی بنویسید
2
  1. ابراهیم
    28 مرداد 1398 ساعت 12:43

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

    • رضا کیانوش
      28 مرداد 1398 ساعت 16:57

      سلام وقت بخیر، برای اینکار هم میتونید از افزونه های معرفی شده در این مقاله استفاده کنید و هم از افزونه جی کوئری تب که البته برای استفاده از افزونه های جی کوئری که تب میسازن نیا به دانش کدنویسی html و css خواهید داشت تا بتونید باکسهای نمونه کارها رو بسازید.