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

ایجاد محتوای تب بندی شده در وردپرس با افزونه Tabs Shortcode and Widget

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

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

 

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

ایجاد محتوای تب بندی شده در وردپرس با افزونه Tabs Shortcode and Widget

افزونه‌ای که قصد معرفی آن را دارم با نام Tabs Shortcode and Widget در مخزن وردپرس به ثبت رسیده است و تاکنون موفق شده است تا بیش از ۲.۰۰۰ نصب فعال و کسب امتیاز ۳.۴ را ازآن خود نماید.

 

برخی امکانات افزونه

  • امکان انتخاب چندین تب
  • امکان افزودن آیکون برای تب‌ها
  • امکان افزودن آیکون از آدرس و آپلود
  • تعیین عنوان برای هر تب به صورت جدا
  • امکان سفارشی سازی استایل و ظاهر
  • امکان افزودن تب در نوشته، برگه و هر نوع پست تایپ سفارشی موجود در وردپرس
  • و…

 

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

 

ایجاد محتوای تب بندی شده در وردپرس با افزونه Tabs Shortcode and Widget

 

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

 

ایجاد محتوای تب بندی شده در وردپرس با افزونه Tabs Shortcode and Widget

 

همانطور که در تصویر می‌بینید در قیلد number تعداد تب مورد نظر خود را تعیین کنید، سپس از بین استایل‌های موجود در افزونه یکی از آنها را از بخش style انتخاب نمایید. حال نوبت به درج عنوان تب رسیده است که می‌توانید آن را در فیلد tabs title وارد کنید. سپس برای تعیین نام هر تب نیز فیلدهای tab۱، tab۲ و.. را وارد نموده و از بخش icon نیز آیکون دلخواه خود را برای آن انتخاب نمایید. سپس برا درج محتوای هر تب آن را در باکس متنی tab content وارد نمایید که با کلیک بر روی هر تب به کاربر نمایش داده خواهد شد.

 

پس از اینکه محتوا و استایل مورد نظر خود را برای تب ایجاد شده وارد نمودید قبل از انتشار بر روی دکمه preview کلیک کنید تا پیشنمایش تغییرات را در هر مرحله ببینید تا اگر جایی لازم به تغییر بود آن را اصلاح کنید.

 

در نهایت نوشته خود را منتشر کنید تا مشابه تصویر زیر تب‌های خود را مشاهده کنید.

 

ایجاد محتوای تب بندی شده در وردپرس با افزونه Tabs Shortcode and Widget

 

موفق باشید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود نسخه : 1.13

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
نحوه استفاده

کافیست افزونه را در مسیر wp-content/plugins آپلود کنید و سپس از بخش مدیریت افزونه ها آن را فعال نمایید.

مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه وردپرس , افزونه ها
لینک کوتاه مطلب : https://www.20script.ir/?p=33362
کلمات کلیدی پست :
مطالب مرتبط
15,831افزونه ایجاد کتاب های الکترونیک سه بعدی در وردپرس dFLIP نسخه 1.3.3 تاریخ : 2017/11/28
9,569قرار دادن کد دلخواه در هدر و فوتر وردپرس با افزونه Insert Headers and Footers تاریخ : 2018/03/8
5,936۷ قانون ساده برای توسعه‌دهندگان: بهترین روش‌های توسعه افزونه وردپرس تاریخ : 2018/10/29
7,339حذف سریع آیتم‌ها از فهرست وردپرس با افزونه Quick remove menu item تاریخ : 2018/01/9
19,263افزونه اشتراک گذاری حرفه ای وردپرس Monarch نسخه 1.4.11 تاریخ : 2019/02/28
7,642افزونه وردپرس شمارش معکوس CodeGrape تاریخ : 2015/04/8
6,536نمایش برند تجاری محصولات ووکامرس با افزونه Perfect WooCommerce Brands تاریخ : 2018/07/1
22,362افزونه تبلیغات حرفه ای با NagAds برای وردپرس تاریخ : 2014/12/11
33,318افزونه سئو فروشگاه ساز ووکامرس WooCommerce SEO Yoast تاریخ : 2016/08/10
16,996افزونه ارسال تصاویر اینستاگرام به وردپرس تاریخ : 2015/08/18
7,525افزونه فوق امنیتی وردپرس Security Pro نسخه 2.0.2 تاریخ : 2015/11/22
9,864افزونه پیکربندی تصویری محصولات در ووکامرس تاریخ : 2015/01/7
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات