تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

آموزش ایجاد تب در وردپرس

افزونه ها , افزونه وردپرس

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

 

ایجاد تب در وردپرس

آنچه در این مقاله به اختصار خواهید خواند:

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

 

ایجاد تب در وردپرس

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

 

آموزش نصب و استفاده از افزونه Tabs WordPress

آموزش ایجاد تب در وردپرس

برای ایجاد تب در وردپرس پیشنهاد می‌کنیم از افزونه Tabs WordPress استفاده نمائید که دارای عملکرد ساده با کارایی بالا می‌باشد. شما با نصب این افزونه، براحتی می‌توانید هزاران تب در سایت‌تان تولید کنید. این افزونه تا کنون بیش از 20.000 بار نصب فعال داشته‌ است.

 

نصب و فعال‌سازی افزونه Tabs WordPress

برای مجهزکردن سایت وردپرسی‌تان با افزونه Tabs WordPress، ابتدا از منوی سمت راست>افزونه ها> افزودن عبارت Tabs در محل کلید واژه نوشته، جستجو و پس از یافتن افزونه نسبت به نصب و فعال‌سازی  اقدام نمائید.

آموزش ایجاد تب در وردپرس

نحوه کار با افزونه  Tabs WordPress

پس از نصب و فعال‌سازی افزونه، برای دسترسی آسان در منوی سمت راست گزینه‌ای با عنوان Tabs Responsive در پنل مدیریتی وردپرس اضافه می‌شود. برای ایجاد تب جدید و انجام  پیکربندی تنظیمات، در منوی سمت راست Tabs Responsive > Add new Tabs را کلیک نمائید.

آموزش ایجاد تب در وردپرس

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

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

آموزش ایجاد تب در وردپرس

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

آموزش ایجاد تب در وردپرس

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

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

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

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

لازم بذکر است برای هر افزونه‌ای شورت کد مجزایی ایجاد می‌شود. برای مثال شورت کد افزونه ما [TABS_R id=37] می‌باشد.

آموزش ایجاد تب در وردپرس

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

آموزش ایجاد تب در وردپرس

اکنون محل قرار گرفتن تب در ابزارک مورد نظر را انتخاب نمایید.

آموزش ایجاد تب در وردپرس

استفاده از CSS برای شخصی سازی

افزونه Tabs WordPress امکانات زیادی برای شخصی‌سازی تب فراهم کرده است. می‌توانید با استفاده از CSS‌های شخصی، تب های خود را به طرح و سبک مورد نظر طراحی نمائید. و با کلیک دکمه  Update  بروزرسانی نمائید.

آموزش ایجاد تب در وردپرس

امکانات ساید بار چپ

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

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

آموزش ایجاد تب در وردپرس

نمایش نتیجه نهایی

بعد از انجام کلیه تنظیمات، ابتدا نسبت به ذخیره پیش‌نویس اقدام، سپس دکمه بروزرسانی را برای نمایش کلیک نمائید.

آموزش ایجاد تب در وردپرس

پس از انتشار، تب طراحی شده در محل مشخص شده نمایش داده می شود.

آموزش ایجاد تب در وردپرس

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

قرار دادن تب در پست‌ و مقاله

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

دانلود


هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=52735
مطالب مرتبط
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات
تبلیغات