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

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

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

آموزش ها , مقالات,آموزش,ترفند , وردپرس

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

 

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

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

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

 

ایجاد فایل های مهم برای تب ها

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

 

در ابتدای کار فایل wp-tabber-widget.php را گشوده و کد زیر را در آن قرار دهید:

 

 

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

 

 

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

 

 

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


دانلود


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

درخواست نصب

نویسنده : تیم محتوای 20اسکریپت 0 آموزش ها , مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=32602
کلمات کلیدی پست :
تبلیغات تبلیغات
تبلیغات تبلیغات
مطالب مرتبط
1,300نحوه رفع مشکل نصب نشدن افزونه وردپرس تاریخ : 2019/05/13
1,428تغییر نویسنده نوشته بدون افزودن و انتخاب کاربر در وردپرس تاریخ : 2019/04/22
972آموزش تغییر پسورد وردپرس از طریق داشبورد تاریخ : 2019/08/28
1,540آموزش تغییر آدرس نویسنده در وردپرس تاریخ : 2019/04/29
4,090افزودن خودکار کدهای دلخواه به انتهای مطالب در وردپرس تاریخ : 2016/04/20
984ویرایش دسته جمعی نوشته ها در وردپرس تاریخ : 2019/08/10
1,276آموزش رفع خطای افزونه وردپرس تاریخ : 2019/07/10
2,708افزایش سرعت وردپرس با افزونه WP Speed of Light تاریخ : 2018/05/12
1,568نمایش تصادفی کاربران در وردپرس تاریخ : 2019/05/3
3,829افزودن آیکون به فایل پیوست شده در وردپرس تاریخ : 2017/01/6
1,420تغییر آدرس آرشیو نویسنده در وردپرس تاریخ : 2019/09/19
1,792آموزش ایجاد درگاه پرداخت اینترنتی در وردپرس تاریخ : 2019/06/29
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات
تبلیغات
تبلیغات