خانه / وردپرس / آموزش وردپرس / ایجاد ابزارک تب ها در وردپرس
راه اندازی سایت فروشگاهی دیجی کالا و بامیلو
"

تاریخ بروزرسانی: ۱۹ شهریور ۱۳۹۷ تعداد بازدید : 15 بازدید بدون دیدگاه

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

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

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

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

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

ساخت فایل های مهم برای ایجاد ابزارک تب ها در وردپرس

اول باید یک پوشه به نام wp-tab-widget در هاست سایت خودتان ایجاد کنید و بعد دو فایل در این پوشه بسازید اولی به نام wp-tabber-widget.php باید بسازید و فایل دوم را با نام wp-tabber-style.css بسازید. همانطور که معلوم است فایل اولی برای کد های php و فایل دومی برای استایل ها استفاده می شود . فایل سومی را نیز به نام wp-tabber.js بسازید. این فایل دارای اسکریپت های مربوط به تب هایی است که ساخته م یشود.

اول فایل wp-tabber-widget.php را باز کنید و کد زیر را در آن کپی کنید:

بعد از آن شما باید به این ابزارکی که ساخته اید کد های js را برای عملکرد صحیح آن اضافه کنید که به صورت زیر است:

همین حالا ببینید:  مزایده محصولات برای فروشگاه ووکامرس

در آخر اگر شما نیاز به دادن استایل هایی به آن هستید که یک مورد از این استایل ها برای شما در ادامه قرار داده می شود:

مطالب مرتبط:

تغییر نام کاربری در وردپرس

رفع مشکل ارسال ایمیل در وردپرس

ریدایرکت تصاویر وردپرس به پست اصلی برای افزایش سئو

تقسیم بندی فایلهای XML بزرگ برای درون ریزی در وردپرس

منبع: تیک تم– ارائه دهنده مقالات: قالب وردپرس فروشگاهیافزونه تجاری وردپرس ویدیو آموزشی


لینک کوتاه این مطلب: https://tiktheme.com/?p=9693


کانال تلگرام تیک تم

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

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