جلسه ۶۳

ایجاد تب یا زبانه در المنتور با ویجت Tabs

مسعود قربان خانی

مدرس : مسعود قربان خانی

فایل های ضروری و مورد نیاز

ایجاد تب یا زبانه در المنتور

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

تخفیف ویژه دانشجویان دوره رایگان المنتور

علاوه بر تخفیف همیشگی المنتور پرو 20% بیشتر تخفیف بگیرید

کد تخفیف : off-elementor

در این نوشته شما می خوانید

برای این منظور بازهم المنتور ویجت تب خود را در اختیار ما قرار داده تا بدون کد نویسی یه تب زیبا برای خودمان ایجاد کنیم .

تب یا زبانه در المنتور با ویجت Tabs

تب محتوا / Content

  1. آیتم های زبانه / Tabs Items : در این قسمت لیست آیتم های ایجاد شده به نمایش گذاشته میشود.
  2. افزودن جدید / Add Item : برای اینکه تب جدید اضافه کنید می بایست این دکمه کلیک کنید .
  3. جایگاه / Type : نحوه نمایش عمودی و افقی تب ها می باشد.
  4. چیدمان : با انتخاب گزینه های موجود میتوانید نحوه نمایش تب ها را مشخص کنید .

نکته مهم : با کشیدن و رها کردن آیتم ها میتوانید جای آنها را عوض کنید

تب استایل / Style

زبانه ها /  Tabs

  1. ضخامت حاشیه / Border Width : ضخامت حاشیه تب فعال را میتوانید تنظیم کنید .
  2. رنگ حاشیه / Border Color : رنگ حاشیه تب فعال در این قسمت اتنخاب میشود.
  3. رنگ پس زمینه / Background Color : رنگ پس زمینه تب فعال نیز با این قسمت تنظیم خواهد شد.

عنوان ها / Title

  1. رنگ / Title Color : رنگ عنوان را در این قسمت تنظیم کنید.
  2. رنگ فعال / Active Color : در صورتی که میخواهید عنوان تب فعال تغییر رنگ داشته باشد رنگ را در این قسمت تعیین کنید .
  3. تایپوگرافی / Typography : فونت و سایز فونت تیتر یا عنوان تب را مشخص کنید .

محتوا / Content

  1. رنگ / Title Color : رنگ عنوان را در این قسمت تنظیم کنید.
  2. تایپوگرافی / Typography : فونت و سایز فونت تیتر یا عنوان تب را مشخص کنید .

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

اگر در این جلسه سوال و مشکلی داری می توانید در این قسمت بپرسید 

51 پاسخ

  1. درود
    میخواستم داخل یکی از تب ها یک دکمه قرار بدم که وقتی کاربر روی دکمه کلیک کرد اونو ببره به یکی دیگر از تب ها باید چیکار کنم ؟

    1. سلام درود بر شما
      می‌خوای داخل تب A یک دکمه بذاری که وقتی روش کلیک می‌کنند تب B باز بشه؟ برای این کار باید از کد اسکریپت استفاده کنید

  2. سلام استاد
    اول که سپپپپپپپپپاس از آموزش های فوق حرفه ایی و پاسخگویی تان
    دوم می خواستم بپرسم چطوری بعضی از محتوا رو که در قسمت خود ویرایش وردپرس نوشتم مثلاً در یک تب به نمایش بذارم ؟ من قبلا با آموزش های خوبتون برای پست هام قالب واحد ساختم و مطالبم رو داخل همین قسمت ویرایش وارد میکنم و در قالب المنتورم نمایش میدم.الان برای این کار باید چیکار کنم که نخوام یکی یکی در المنتور ویرایش کنم.گیج شدم !!! میشه راهنماییم کنید….

    1. سلام وقت بخیر
      خیلی ممنون از لطف و انرژی مثبت شما برای نمایش محتوایی که در ویرایشگر وردپرس وارد می‌کنید در یک تب، می‌توانید از دینامیک تگ‌ها المنتور استفاده کنید. اگر قبلاً قالبی برای پست‌ها ساخته‌اید، کافی است یک ویجت تب‌ها (Tabs) به قالب خود اضافه کنید و در هر تب از گزینه پوست تایتل (Post Title) یا پوست کانتنت (Post Content) در تنظیمات دینامیک استفاده کنید. این کار باعث می‌شود محتوای هر پست به‌طور خودکار در قالب نمایش داده شود و نیازی به ویرایش دستی در المنتور نداشته باشید

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

  3. درود
    1-قبلا در المنتور تب ایجاد کرده بودمککه محتوا داشت:متوجه شدم محتوا در سایت نمایش و بعد ناپدید می شود؟
    2-در حال حاضر هم در برگه جدید :امکان نوشتن محتوا و جود ندارد؟

    1. سلام و درود
      در مورد ناپدید شدن محتوا، این مشکل می‌تونه به چند عامل مربوط باشه. ممکنه به کش مرورگر، افزونه‌های کش مثل WP Rocket یا حتی تداخل با یکی از پلاگین‌های دیگه مربوط باشه
      برای اینکه توی برگه جدید هم نمی‌تونی محتوا اضافه کنی، ممکنه مشکل از حالت Safe Mode المنتور باشه یا تداخل با پلاگین‌ها. از المنتور > ابزار ها وارد تب Safe Mode شو و این حالت رو فعال کن تا ببینی مشکل حل می‌شه یا نه.

  4. درود و عرض ادب
    چطور میتونم داخل هر تب، یک آکاردئون قرار بدم؟ چون هرکاری میکنم آکاردئون به صورت یک کانتینر جدا و خارج از تب قرار میگیره

  5. سلام، میخوام در هر تب یا زبانه یک دکمه متفاوت قرار بدم که کاربر وقتی روی تب مورد نظر کلیک کرد پایین متن اون تب دکمه مربوط به همان تب نمایش داده بشه ولی وقتی دکمه رو ایجاد میکنم در تمام تب ها نمایش میده چکار باید انجام بدم؟

    1. سلام درود بر شما باید از ویژگی تو در تو استفاده کنید تا تب شما سفارشی شود این قابلیت در پیشخوان > المنتور > تنظیمات در تب ویژگی ها قابل فعال شدن می باشد

      1. ویژگی تو در تو رو فعال کردم ولی بازم به همان شکل هست یعنی دکمه ای که ایجاد میکنم در هر دو زبانه یکسان هست و نمیتونم دو دکمه ی متفاوت برای هر زبانه ایجاد کنم. ممنون میشم بیشتر راهنمایی بفرمایید

        1. سلام زمانی که فعال میکنید به راحتی میتوانید داخل هر تب هر ویجت و هر دکمه ای که دوست دارید قرار دهید پس مراحل را به درستی انجام نداده اید

  6. سلام وقتتون بخیر
    من 4 تا برگه ایجاد کردم حالا میخوام این 4 تا برگه را تب بندی کنم که هر تبی برای یک برگه باشه
    شورت کد برگه های ایجاد شده را چطور می توانم در قسمت متن هر تب وارد کنم؟

          1. سلام ممنون از پاسخگویی.
            ولی من گزینه ای برای اینکار نمیبینم!
            من میخوام در حالت پیشفرض هیچکدوم از تب ها باز نباشن.

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

    1. سلام درود بر شما
      بله شما میتوانید از فیلد های سفارشی استفاده کنید که در طراحی سایت فروشگاهی با افزونه جت انجین آموزش داده شده است

  8. من می خواهم برای هر تب یک آیدی منحصر بفرد تعیین کنم و ان آیدی را برای یک دکمه قرار بدهم تا کاربر با کلیک روی دکمه محتویات ان تب نمایش داده شود.ولی نمی توانم برای هر تب یک آیدی منحصر بفرد در نظر بگیرم وقتی که در تنظیمات برای یک تب آیدی در نظر می گیرم مشاهده می کنم که همان آیدی برای تب های دیگر هم وجود دارد.لطفا راهنمایی کنید

    1. سلام باید در هر صفحه ID به صورت منحصربه فرد باشد یعنی نمیتوانید 2 آی دی ایجاد کنید که یکسان باشد

    2. دوست گرامی، برای اینکار شما باید یه حقه بزنی! و اون اینه که به تعداد Tabهایی که داری، صفحات مشابه ایجاد کنی با این تفاوت که در هر صفحه Tab مورد نظر را در ابتدای Tabها قراردهی و آنرا نمایش بدهی. لینک دکمه ها را هم به صفحه مربوطه ارجاع میدهی. به عنوان مثال: 3 تا دکمه داری با عنوانهای “1”، “2” و “3” بنابراین سه تا تا صفحه با همین عناوین درست می کنی که محتوای هر 3 تا عین هم هست (شامل المان Tab سه گانه) با این تفاوت که در صفحه “1”، Tab1 فعال است (البته با قابلیت کلیک به روی دو Tab دیگر) و در صفحه “2”، Tab2 فعال است (با قابلیت کلیک به روی دو Tab دیگر) و در صفحه “3” هم به همین منوال. حالا هر کدام از دکمه ها را به صفحه مربوطه لینک میدهی و تمام!

  9. سلام ممنونم فقط چطور میشه برای نظرات هم یک تب ایجاد کرد؟ مثلا کنار تب توضیحات ، تب نظرات قرار داشته باشه ولی نمیدونم چطور المان نظرات رو داخل تب قرار بدم؟

    1. سلام میتوانید از ویژگی تو در تو المنتور و کانتینر استفاده کنید و تب های سفارشی ایجاد نمایید .

    1. سلام برای محصولات ووکامرس به صورت مستقیم خیر اما به صورت غیر مستقیم میتوانید شورتکد ایجاد نمایید و داخل هر ویجت قرار دهید

  10. سلام مهندس وقت شما بخیر
    من میخوام ویجت لیست شبکه رو داخل تب قرار بدم و وقتی روی یک تب میزنیم محصولات یک دسته بندی داخل لیست شبکه مرتبط با خودش نمایش داده بشه ، راهنمایی میفرمایید؟

    1. سلام برای این منظور از قالب های ذخیره شده یک بخش مجزا ایجاد و شورت کد آن را در تب مخصوص خودش قرار بدید

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

    1. سلام وقت بخیر
      بله میتوانید در قسمت پیشرفته حالت در متن را قرار دهید و پس زمینه رنگ مورد نظر را انتخاب نمایید .

    1. سلام وقت بخیر
      این گزینه در نسخه بتا المنتور قرار دارد که میتوانید تب های خود را سفارشی سازی کنید باید گزینه عناصر تو در تو در پیشخوان > المنتور > تنظیمات در تب ویژگی ها فعال نمایید .

  12. سلام مشکل من این که تب در قسمت المنتور کار مبی کند ولی زمانی که سایت رو باز می کنم تب ها کار نمی کنن

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

  13. باسلام مهندس وقتتون بخیر
    چجوری میتونیم نوشته ها با دسته بندی های مختلف رو داخل تب نشون بدیم راهکاری دارید ممنون میشم راهنمایی کنید

    مثلا برای یک سایت خبری پس های مربوط به اخبار داخلی داخل یک تب اخبار خرجی تب بعدی و اخبار ورزشی در یک دیگر باشد

    1. سلام وقت بخیر
      برای اینکار میتوانید یک بخش در قالب های ذخیره شده ایجاد کنید و شورت کد آن را در قسمت متن تب مورد نظر قرار دهید .

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *