تبلیغات

تبلیغات
طراحی و بهینه سازیمشاهده

هاست

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

آموزش ها , مقالات,آموزش,ترفند , وردپرس
آموزش ایجاد ابزارک تب ها در وردپرسReviewed by Admin on Mar 22Rating:

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

 

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

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

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

 

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

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

 

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

 

 

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

 

 

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

 

 

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


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود
.

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

مطلب مفیدی بود ؟
نویسنده : admin 0 آموزش ها , مقالات,آموزش,ترفند , وردپرس

لینک کوتاه مطلب : http://www.20script.ir/?p=32602

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
4,925آموزش طراحی منو افقی برای وردپرس تاریخ : 2013/11/27
3,013آموزش تغییر نویسنده مطالب در وردپرس تاریخ : 2016/10/19
4,043نمایش مطالب مرتبط در وردپرس بر اساس برچسب ها تاریخ : 2016/07/26
2,514مخفی کردن صفحه خاص از نتایج گوگل تاریخ : 2017/09/11
344جلوگیری از فشرده سازی تصاویر در وردپرس تاریخ : 2018/05/29
3,071نکات قابل توجه برای راه اندازی سایت تاریخ : 2013/12/13
1,312افزونه وردپرس مدیریت ابزارک ها Widget Logic تاریخ : 2016/12/25
1,650جستجوگر تمام صفحه برای وردپرس با افزونه Full Screen Search Overlay تاریخ : 2017/04/30
2,493استفاده از یک صفحه اختصاصی بعنوان صفحه اصلی در وردپرس تاریخ : 2014/12/1
6,173عدم نمایش تصاویر شاخص در ادامه مطالب وردپرس تاریخ : 2016/03/23
2,206آموزش قرار دادن نوشته های مرتبط در وردپرس تاریخ : 2016/07/20
2,344جلوگیری از ایجاد مطلب با عنوان تکراری در وردپرس تاریخ : 2017/07/14
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب