منوی دارپ دان + تاگل ریسپانسیو

[start 56]

با سلام.

حتما نمونه هایی از منوی دراپ داون رو دیدید که توی صفحه های کوچک بصورت toggle درمیاد و زیر منوها بصورت انیمیشن به بالا و پایین slide میشن. خواستم بدونم آموزشی سراغ دارید که چنین منویی رو بتونیم کد نویسی کنیم ؟

 

ممنون.

[naghmesara 315]

سلام و درود

 

معمولا SideNav ها رو با فریمورک هایی نظیر Bootstrap و Materialize پیاده میکنند.

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

 

موفق باشید

[start 56]

سلام.

ممنون از پاسختون.

البته منظور بنده منوی Off-Canvas نبود. این لینک رو ببینید:

منوی دراپ داون هست. توی صفحه های کوچک ببینید دراپ داون به چه صورتی نمایش داده میشه.

همچین منویی رو میخواستم با سیستم منوی خود وردپرس پیاده سازی کنم اما مشکل اینه که این منویی که در بالا هست توی مارک آپش چنتا عنصر اضافه هست، کلاس های head-mobile و button رو ببینید که نمیدونم چطور میشه با سیستم منوی خود وردپرس هماهنگش کرد.

[naghmesara 315]

درود مجدد

 

آها این فرم منو رو میگین.

توجه کنید که شما فقط بخش ul و li های منو رو باید با وردپرس بسازید و بقیه بخش ها متغییر نیست و ثابت هست. همون بخش هایی رو که میگید موندید چطوری بزنید به این شکل میشه:

<nav id='cssmenu'>
<div class="logo"><a href="index.html">Responsive </a></div>
<div id="head-mobile"></div>
<div class="button"></div>
<?php wp_nav_menu(['theme_location' => 'نام منوی رجیستر شده در وردپرس', 'container' => '']); ?>
</nav>

 

موفق باشید

ویرایش شده تیر 96 توسط naghmesara