wordpress导航栏css

1. 如何用css制作圆角WordPress tab导航栏

圆角导航栏标签这里我们需要用到四张图片，其中各有两张用于当前导航栏状态和激活之后的导航栏状态样式。

我将其命名为navleft,navright和avleft_active,navright_active.其中navright和navright_active应该足够长，以适应那些长的分类目录或者是分类页面。点击查看演示页面：navtabs.html圆角导航栏涉及到的HTML和CSS因为这是一个主导航，在大部分的wordpress主题中，都会将这个导航栏放到header.php中。

默认WordPress模板标签wp_list_categories在输出时会输出一系列的li标签。现在，为了实现圆角导航栏，我们所要做的就是遵循WordPress规矩，将以下代码加入到header.php中，例如：PHP

<?php wp_list_categories('title_li='); ?>注意，这里的ul也带有id(navtabs)，添加这个id，将更容易通过css来自定义。

css代码如下：#navtabs { list-style: none; padding: 0; height: 30px; font-size: 11px; font-weight: bold; text-transform: uppercase; border-bottom: 4px solid #0288D8;}#navtabs li { float: left; background: #CCE7F7 url(images/navleft.png) no-repeatleft top; padding: 8px 0 8px 14px; margin-right: 1px;}#navtabs li a { background: #CCE7F7 url(images/navright.png) no-repeat top right; padding: 8px 14px 8px 0;}#navtabs li.current-cat { background: #0288D8 url(images/navleft_active.png)no-repeat left top;}#navtabs li.current-cat a { background: #0288D8 url(images/navright_active.png)no-repeat right top; color: #FFFFFF;}。

2. 怎样修改wordpress导航栏当前菜单的样式

1这种方法是先在分类目录里设置后别名，然后直接添加即可。

如我们鼠标指针移到wordpress后台中的“文章”处，选择“分类目录”：2在分类目录中，你需要把“名称”和“别名”分别填写好，名称就是显示在导航栏里的名字，而另外是在URL里的，所以最好是英文字母，方便简洁。3其他的随便你填写不填写都没什么关系，然后添加到新分类目录中。

如果已经在分类目录的，那么直接点击“编辑”，即可更改名称别名等信息。4然后看到左侧的“外观”，鼠标放上去后会显示一些选项，点击“菜单”：5在编辑菜单里，左侧有个“分类目录”方框，点击后会显示出来分类目录的导航，你可以选择你需要添加到导航里的目录，然后点击“添加至菜单”，就会出现在右侧的菜单结构中了，接着点击右上角的“保存菜单”即可。

6这样的你不用去设置导航链接，会默认为前缀是你的主网站，后缀为别名，很方便。二、菜单中自定义链接。

还有一种是全部自己定义导航及链接，不用分类目录里的。这样就直接看到上面所说的外观里的“菜单”上，有个“自定义链接”框：然后填写链接URL及导航菜单名称即可，记得要“添加至菜单”，并最后全部添加完后要保存菜单。

3这种方法也很简单，全部自定义，如果导航与分类不一样的，这里可设置，不然建议还是第一种方法更好。

3. wordpress 怎么做导航菜单

亲，你的问题问得不清楚呀

1、如果是要给主题添加导航菜单功能，

那你就要注册导航菜单才行，代码如下：

//菜单

register_nav_menus( array(

'primary' =>； '顶部导航菜单'，

'footer' =>； '底部导航菜单'，

) );

上面的代码添加了2个导航菜单。

然后再在前台文件中调用，一般放在header.php文件中，代码如下：

'','theme_location' => 'primary','items_wrap' => '

4. wordpress的网站导航栏的背景色怎么添加美化

你好，我也是wordpress爱好者，希望能一起交流。

关于你的问题。仅仅需要改动wordpress主题目录下的style.css文件样式，为菜单写css样式即可。

主题文件位于 wordpress/wp-content/themes/你当前选择的主题目录下。 如果有不太清楚的可以私信我。

一起交流。 css书写规则： .menu { background-color: #ccc; line-height: 38px; height: 38px;}.menu ul li { width: 160px; padding: 0 15px；}以上是css的基本书写，你可以参考下。

将menu换成你菜单的css类。然后在重写css。

最后保存style.css文件，并刷新浏览器查看效果。

转载请注明出处51数据库 » wordpress导航栏css