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


تبلیغات
تبلیغات تبلیغات

ایجاد محتوای تب بندی شده در وردپرس با افزونه 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
کلمات کلیدی پست :
مطالب مرتبط
6,232افزونه نمایش نظرات مشتریان در وردپرس WP Testimonials تاریخ : 2018/05/3
15,719افزونه منوی موبایلی برای وردپرس TapTap نسخه 5.6 تاریخ : 2023/04/25
7,948افزونه وردپرس جستجو و معرفی خدمات شهری Directory Pro تاریخ : 2019/07/22
9,423افزونه ایجاد نقل قول در نوشته های وردپرس Simple Pull Quote تاریخ : 2018/01/7
7,516ایجاد فرم های حرفه ای در وردپرس با افزونه NEX-Forms تاریخ : 2015/05/8
10,704افزونه ایجاد دکمه های اشتراک گذاری مطالب وردپرس Super Socializer تاریخ : 2017/12/3
7,474افزونه ایجاد سایت پرسش و پاسخ در وردپرس با SabaiDiscuss v1.2.31 تاریخ : 2014/08/26
10,147افزونه مشاهده آنلاین فعالیت کاربران در وردپرس WP Visitors Tracker تاریخ : 2017/12/15
59,836دانلود افزونه مگامنو ساز حرفه ای وردپرس UberMenu نسخه 3.6 تاریخ : 2019/06/17
16,845ساخت نوار خبری متحرک در وردپرس با افزونه Horizontal Scrolling تاریخ : 2017/07/3
13,871افزونه وردپرس امتیاز دهی ستاره ای kk Star Ratings تاریخ : 2016/10/20
9,004افزونه ساخت جدول حرفه ای وردپرس Posts Table Pro تاریخ : 2020/07/27
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file
تبلیغات