نمایش دسته بندی های وردپرس در منوی بازشو افقی

تعدادی از بازدیدکننگان اخیر پرسیده بودند که چطور میتوان یک منوی بازشو افقی بسازیم؟ کوتاه ترین پاسخ این است که با ترکیب CSS و Javascript میتوان این کار را انجام داد.

قدم اول برای ساخت منوی افقی این است که کاری کنیم وردپرس منو را به عنوان لیست سلسله مراتبی بدون عنوان نشان دهد:

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

من این کد را به فایل header.php اضافه میکنم البته شما ان را به جا از سایت که دوست دارید میتوانید اضافه کنید.

نمایش دسته بندی های وردپرس در منوی بازشو افقی

حالا کد css زیر را که خیلی ساده است و فقط کافیت آن را به فایل style.css قالب خودتان اضافه کنید:

البته مطمئنا لازم است که شما اندازه متن ها و رنگبندی ها را با قالب وردپرس خود تنظیم کنید.

حالا اخرین قدم این است که در کاری کنید ان به حالت بازشو در تمام مرورگر ها کار کند. این ممکن است درفایرفاکس با چند کد css ساده کار کند اما برای اینترنت اکسپلورر کدها نامفهوم هستند:

چند نکته درباره این کد:

۱- برای فعال سازی باید تگ <body > قالب را به این شکل تغییر دهید:

۲- این کد ها را من ننوشته ام اما برای مدت زمانی طولانی از ان استفاده کردم و الان فراموش کردم ان را ازکجا اورده ام!

۳- این کد ها ممکن است گهگاهی خطای جاوا اسکریپت بدهند اما معمولا خوب کار میکنند.

۴- منتظر نظرات شما هستیم.

۵- کپی بدون ذکر منبع غیراخلاق یست.

نظرات