ابزارک تب ها بدون افزونه

ابزارک تب ها بدون افزونه

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

ابزارک تب ها بدون افزونه ابزارک تب ها بدون افزونه ابزارک تب ها بدون افزونه tab

ابزارک تب ها بدون افزونه

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

ابزارک تب ها بدون افزونه

در مرحله اول نیاز است که یک پوشه به نام wp-tab-widget در وب سایت وردپرسی خود بسازید. سپس شما می بایست ۲ فایل در داخل این پوشه بسازید

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

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

ما در کد بالا، ما یک افزونه به نام WPSchool jQuery Tabber Widget ساختیم.

در ابتدا یک فایل به نام wp-tabber.js ساخته و کدهای زیر را درون آن قرار دهید.

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

استایل ابزارک تب ها بدون افزونه

محتویات این تب ها را مطابق میل خود و داخل فایل wp-tabber.php عوض کنید

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

دیدگاه خود را بیان کنید