طراحی سایدبار سفارشی در وردپرس

ایجاد یک سایدبار سفارشی در قالب وردپرس که در سمت راست صفحه اصلی قرار می‌گیرد و شامل منوها و زیر منوهای سلسله‌مراتبی است. محتوای هر منو یا زیر منو باید در سمت چپ صفحه نمایش داده شود. قابلیت ها: 1. لینک‌ های داخلی: هر منو دارای یک لینک داخلی است و با انتخاب هر منو یا زیر منو، لینک URL تغییر کرده و محتوای مربوطه بارگذاری می‌شود. هر لینک در واقع یک برگه (Page) است که در پنل وردپرس ایجاد کرده‌ایم. 2. ثبات سایدبار: منوهای سایدبار نباید به‌ صورت خودکار بسته شوند و تنها زمانی تغییر یا بسته و باز شوند که کاربر روی منو کلیک کند. همچنین امکان باز بودن چندین منو همزمان باهم وجود داشته باشد.به صورت پیش فرض همه ی منو ها بسته باشد. 3. حالت فعال : با انتخاب هر منو یا زیر منو و همچنین با رفرش صفحه، منوی انتخابی باید کلاس "اکتیو" بگیرد و حالت آکاردئونی آن باز بماند و نشان‌دهنده حالت فعال باشد. 4. ارتفاع سایدبار و اسکرول داخلی: سایدبار باید به اندازه ارتفاع اسکرین باشد و در صورت باز شدن منوها، اسکرول داخلی بخورد. 5. بارگذاری مجدد: وقتی روی منو یا زیر منوهای فعال مجدداً کلیک می‌کنیم، صفحه نباید از ابتدا لود شود و سایدبار نیز هیچ تغییری نکند. تصویری که به پروژه ضمیمه شده است، نمایی از طرح مورد نظر را نشان می‌دهد.