ایجاد تب در وردپرس با استفاده از افزونه Tabs WordPress

ایجاد تب در وردپرس با استفاده از افزونه Tabs WordPress

تایم مطالعه: ۴ دقیقه
تاریخ انتشار: ۱۴۰۰/۰۵/۱۳
فهرست مطالب

ایجاد تب در وردپرس چگونه است؟ هنگامی که سایت شما طراحی زیبا و ظاهری جذاب داشته باشد کاربران زیادی جذب خواهند شد و در حافظه کاربران ماندگار خواهد شد.

چرا که وقتی سایت شما خوانا و مرتب باشد کاربران مدت زمان بیشتری را در وب‌سایت شما سپری می‌کنند.

یکی از ابزارهایی که هر وب مستر یا مدیر می‌تواند برای طراحی جذاب از آن استفاده کند ایجاد تب در وردپرس است که تب‌ها در وردپرس می‌تواند به شما امکان دسته‌بندی محصولات، جداسازی نظرات، مشخصات فنی محصولات، ویژگی‌های محصول و … را برای شما فراهم کند.

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

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

وردپرس چیست؟

وردپرس، به راحتی قابل فهم‌ترین و پرکاربردترین سیستم مدیریت محتوای سایت است که برای ایجاد وبسایت یا وبلاگ با آن می‌توانید از طراحی‌های مختلف و مناسب خود استفاده کنید.

با استفاده از این سیستم می‌توانید به راحتی هر نوع وبسایت و وبلاگی را راه‌اندازی کنید.

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

ایجاد تب در وردپرس چگونه است؟

ایجاد تب در وردپرس چگونه است؟

 

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

برای ایجاد تب در وردپرس از راه‌های زیادی می‌توان استفاده کرد که برای مثال استفاده از افزونه Tabs WordPress است که این افزونه با بیش از ۳۰۰۰۰ نصب فعال در مخزن وردپرس توانسته مخاطبان زیادی را به خود جذب کند. در ادامه مقاله نصب و نحوه کار با این افزونه را خواهیم پرداخت.

نصب افزونه Tabs WordPress

راه‌های مختلفی برای نصب افزونه وردپرس وجود دارد. برای نصب پلاگین ابتدا باید وارد پنل کاربری خود در وردپرس شده و از منوی سمت راست صفحه بر روی “افزونه‌ها” و سپس روی “افزودن” کلیک کنید.

نصب افزونه

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

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

در روش دوم می‌توانید فایلی که در پایین صفحه برای شما قرار داده‌ایم آن را دانلود و در قسمت “بارگذاری افزونه” روی گزینه “Choose File” بزنید و فایل را در آنجا قرار دهید تا برای شما نصب کند.

نصب افزونه وردپرس از طریق بارگذاری فایل

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

ایجاد تب با افزونه Tabs WordPress

پس از نصب پلاگین Tabs WordPress باید به سراغ ساخت تب در وردپرس برویم که در ادامه به توضیح کامل آن می‌پردازیم.

پس از نصب افزونه در منوی سمت راست صفحه یک گزینه با عنوان “Tabs Rispansive” به نمایش درمی‌آید که باید روی آن کلیک کرده و روی گزینه “Add New Tabs” کلیک نمایید.

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

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

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

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

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

  • Tab Title: عنوان تب مانند جدیدترین، پرفروش‌ترین، ویژگی‌ها و…. را باید در این قسمت بنویسید.
  • Tab Description: توضیحات تب را باید در این قسمت بنویسید.
  • Use WYSIWYG Editor: از طریق این ویرایشگر هر آنچه مانند تصویر، فیلم و …. را می‌توانید قرار دهید.
  • Tab Icon: آیکن‌های تب را می‌توانید از این بخش انتخاب کنید.
  • Display Above Icon: در این بخش می‌توانید نمایش و یا عدم نمایش آیکن در کنار عنوان را اعلام می‌نماید.
  • Delete: با انتخاب این گزینه تب مورد نظر پاک خواهد شد.
  • Add New Tabs: با استفاده از این گزینه می‌توانید تب جدیدی را اضافه کنید.
  • Delete All: کلیه تب‌ها را با استفاده از این گزینه پاک می‌کند.

همچنین شما می‌توانید با درگ‌کردن چیدمان و ترتیب تب‌ها را تغییر و به شکلی که مد نظر دارید تغییر دهید.

نمایش تب در صفحات

برای نمایش تب شما باید بعد از ایجاد تب کد مورد نظر را کپی و در نوشته یا برگه مورد نظر پیست کنید؛ توجه داشته باشید که برای هر افزونه شورت کد مجزایی ایجاد می‌شود که برای مثال برای ما [TABS_R id=27] است.

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

همچنین شما می‌توانید تب را با استفاده از ابزارک‌ها به نمایش دربیاورید که با رفتن به گزینه “نمایش” در منوی سمت چپ و کلیک بر روی گزینه “ابزارک‌ها” می‌توانید این کار را انجام دهید.

نمایش افزونه تب وردپرس در قسمت ابزارک‌ها

و محل قرارگیری تب را مشخص کنید.

استفاده از CSS افزونه

همچنین شما می‌توانید از css افزونه برای شخصی‌سازی استفاده کنید که برای این کار باید به قسمت “All Tabs” بروید و کد مورد نظر را وارد کنید.

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

و پس از اتمام کار بر روی گزینه Update Default Settings کلیک کنید.

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

در سایدبار سمت چپ افزونه یک سری امکانات وجود دارد که با استفاده از آن می‌توانید تب خود را زیباتر و منحصربه‌فرد طراحی کنید.

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

  • رنگ زمینه تب
  • رنگ فونت تب
  • طرح فونت
  • آپشن نمایش عنوان و آیکن تب
  • خطوط تب
  • چیدمان موقعیت آیکن تب

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

جمع‌بندی

طراحی و ایجاد تب در وردپرس به سایت شما کمک می‌کند تا ظاهری زیبا و دلنشین داشته باشید چرا که وقتی سایت شما ظاهری زیبا داشته باشد کاربران زمان بیشتری را در سایت شما سپری می‌کنند.

شکل و ظاهر سایت می‌تواند در فروش محصولات سایت به شما کمک کند که این موضوع هدف اصلی هر سایتی است تا بتواند محصولات مورد نظر سایت خود را به فروش برساند و عملکرد بهتری نسبت به رقبا داشته باشد.

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

۵/۵ - (۴ امتیاز)
اشتراک‌گذاری مطلب

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

نظرات و پرسش‌ها

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

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