ایجاد تب در ستون کناری

نوشته شده توسط ۳ سال پیش

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

ابتدا برگه ای به نام tabs.php  به قالب خود اضافه نموده و کدهای زیر را در آن کپی می کنیم

ما در این نمونه برای محتوای سه تب به ترتیب آخرین ارسال ها همراه با تصویر نویسنده و دسته بندی های سایت به همراه تعداد مطالب هر دسته و مجموعه ای از ۴۰ برچسب سایت را قرار داده ایم شما می توانید با ویرایش محتوای هر تب هر کد یا پرس و جویی را خواستید احضار کنید
برای این منظور می توانید از ژنراتور کوئری سازسایت استفاده کنید

در مرحله بعد کدهای استایل را به فایل style.css  قالب اضافه می کنیم

معمولا قالبها به کتابخانه جی کوئری متصلند اما در صورتی که متصل نبودند می شه با اضافه کردن کد زیر در functions.php قالب

یا کد زیر در header.php  قالب را به کتابخانه jquery  متصل کرد

مرحله آخر کدهای jquery داخل صفحه هستند این کدها را در زیر table  رسم شده در برگه tabs.php قرار می دهیم

تنها کار باقی مانده اینکلود تبها به برگه sidebar.php  مربوطه است

این کد را بعد از

یا به عبارت دیگر خارج از شرط داخل صفحه sidebar.php  قرار می دهیم

وردپرس پارسی