【问题标题】:How doing dropdown menu in Wordpress?如何在 Wordpress 中做下拉菜单?
【发布时间】:2014-10-30 12:32:23
【问题描述】:

我如何在 wordpress 4.0 上为页面和子页面做下拉菜单,但 wp_page_menu 不起作用,wp_list_pages('title_li=') ?> 显示菜单但不显示子页面。请帮忙?

【问题讨论】:

  • 你是从后端做的吗?
  • 我把这段代码添加到了 Templeta 文件夹的头文件中
  • 试试这个:<?php wp_list_pages('title_li=&include=24'); ?> <?php wp_list_pages('title_li=&child_of=24'); ?> 注意:24 是页码。你可以这样做来获取子页面。
  • 谢谢,现在显示页面和她的子页面,但我需要显示页面 - 单击并在下拉列表中显示她的子页面。这是怎么回事?
  • 那你需要为它写JS。就像在主页面悬停显示子页面一样。

标签: wordpress


【解决方案1】:

试试这个:

    ul.menu { list-style: none outside none; padding: 0; margin: 0 10px; float: left; font-size: 13px;}
    ul.menu li { float: left; margin: 0; padding: 0 15px 0 0; position: relative; }
    ul.menu li a { padding: 9px 5px; color: rgb(255, 255, 255); display: block; text-decoration: none; float: left; display: block;}
    ul.menu li:hover { background: #A6CB1B; }
    .current-cat { background: #8BBF47; }
    ul.menu li span { width: 11px; height: 10px; float: left; background: url('/*url of your background or write color anme*/') -561px -78px no-repeat; margin: 11px 0 0 0;}
    ul.menu li ul.children {z-index:99; list-style: none outside none; position: absolute; left: 0; top: 31px; background: none repeat scroll 0% 0% rgb(51, 51, 51); margin: 0; padding: 0; display: none; float: left; width: 170px; border-bottom: 1px solid #F8C92D;}
    ul.menu li ul.children li { margin: 0; padding: 0; clear: both; width: 170px; border-top: 1px solid #F8C92D;}
    html ul.menu li ul.children li a { float: left; width: 145px; background: url('images/narga-sprites.png') -578px -162px no-repeat #A6CB1B; padding-left: 20px; }
    html ul.menu li ul.children li a:hover { background: url('/*url of your background or write color anme same as above*/') -578px -162px no-repeat #7BAF36; }

注意:此代码未经测试。请确保根据您的需要进行必要的更改。

【讨论】:

  • 你把它粘贴到你的 style.css 中了吗?
  • 不是真的??我没有得到你..你到底想要什么?
  • 我在父子页面旁边的菜单中有两个页面,我只需要显示父页面,当您将鼠标悬停在它上面时,子页面的下拉列表
  • 给我一些时间。我会在完成我的待办事项后回复你。
猜你喜欢
  • 1970-01-01
  • 2012-05-17
  • 1970-01-01
  • 1970-01-01
  • 2017-02-17
  • 2011-07-20
  • 2012-10-15
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多