رفتن به مطلب

استایل دهی به منو


پست های پیشنهاد شده

سلام دوستان عزیزم
یه منوی html دارم ، میخای دقیقا استایل های اینو به منو وردپرسم اعمال بشه.  <?php wp_nav_menu( array( 'theme_location' => 'top-menu', 'container' =>'', 'menu_class' =>'' ) ); ?>

منو رو با کد بالا میارم تو صفحه . پایین هم کد html رو میذارم. ممنون میشم کمک کنید

<div class="collapse navbar-collapse" id="menu">
					<ul class="navbar-nav ml-auto menu pr-0 text-center">
						<li class="nav-item">
							<a class="nav-link text-white" href="#">خانه</a>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-link text-white" data-toggle="dropdown" href="#" id="navbarDropdown1">لیست <i class="fas fa-chevron-down align-middle mr-1"></i></a>
							<div class="dropdown-menu dropdown-menu-right border-0 shadow-sm text-right">
								<a class="dropdown-item" href="#">لیست شماره 1</a> <a class="dropdown-item" href="#">لیست شماره 2</a> <a class="dropdown-item" href="#">لیست شماره 3</a>
							</div>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-link text-white" data-toggle="dropdown" href="#" id="navbarDropdown2">ویژگی <i class="fas fa-chevron-down align-middle mr-1"></i></a>
							<div class="dropdown-menu dropdown-menu-right border-0 shadow-sm text-right">
								<a class="dropdown-item" href="#">ویژگی شماره 1</a> <a class="dropdown-item" href="#">ویژگی شماره 2</a> <a class="dropdown-item" href="#">ویژگی شماره 3</a>
							</div>
						</li>
						<li class="nav-item">
							<a class="nav-link text-white" href="#">مقالات</a>
						</li>
						<li class="nav-item">
							<a class="nav-link text-white" href="#">تماس با ما</a>
						</li>
						<li class="nav-item pl-2">
							<a class="nav-link text-white" href="#">درباره ما</a>
						</li>
						<li class="nav-item border-right pr-2 ml-2">
							<a class="nav-link text-white" onclick="document.getElementById('id01').style.display='block'" style="width:auto;cursor: pointer;"><i class="fas fa-user align-middle ml-1"></i> حساب کاربری</a>
						</li>
						
					
					</ul>
				</div>

 

لینک به ارسال

سلام نیاز هست که یک Walker_Nav_Menu ایجاد کنید

این یه نمونه ها رو ببینید شاید به دردتون خورد

https://wordpress.stackexchange.com/questions/248369/how-to-create-this-custom-menu-walker
https://stackoverflow.com/questions/61296766/writing-a-custom-nav-walker-for-wordpress

اطلاعات بیشتر

https://developer.wordpress.org/reference/classes/walker_nav_menu/

اگر تخصص ندارید بهتره بدید کسی براتون انجام بده

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...