怎么添加菜单? - wordpress开发

菜单的制作

注册菜单:

function.php中添加以下代码:

// 定义导航
function register_my_menus() {
  register_nav_menus(
    array(
      'header-menu' => __( '顶部菜单' ),
      'extra-menu' => __( '底部菜单' )
     )
   );
 }
 add_action( 'init', 'register_my_menus' );
?>

在显示的位置添加:

wp_nav_menu( array( 'theme_location' => 'extra-menu' ) ); ?>

菜单美化

wp_nav_menu( array( 'theme_location' => 'extra-menu' ,
	'container'       => 'nav',//div或者nav
        'container_class' => '4',//菜单Class
	'container_id'    => 'home-link',//菜单ID
	'menu_class'      => 'menu',//ul的class
	'menu_id'         => 'home-link-ul',//ul的id
	) ); ?>

CSS:

/*----------------------------------首页底部菜单*/
nav ul{
	list-style-type: disc;/*设置不同的列表样式:*/
	margin: 0;
	padding: 0;
		}
nav li{
	display: inline;/*display 属性规定元素应该生成的框的类型。*/
	float: left;
		}
#home-link{
	width: 850px;
	height: auto;
	margin: auto;
	background-color: #eaebef;;
}
#home-link-ul li{
	margin-right: 10px;
}

怎么添加菜单? - wordpress开发

代码如下:

<?php
      $top_nav = wp_nav_menu( array(
      'theme_location' => 'menu-1',
      'menu_id'        => 'primary-menu',
      'echo'=>false,
      'after'=>'<span>·</span>'
       ) );
       $top_nav = str_replace( "<span>·</span></li>\n</ul>", "</li>\n</ul>", $top_nav );
        echo $top_nav;
 ?>


来源于CU主题

HTML CSS整理笔记 - 前端基础知识点汇总

2020-5-31 22:06:35

默认分类

B2-childs-N - 0.5版B2主题的子主题

2020-10-16 0:08:00

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索