WordPress自定义表单

wordpress网站模板开发中，怎样创建自定义导航菜单？#学浪计划#

在前面的章节中，我们介绍了wordpress网站模板开发中，使用wp_list_pages()和wp_list_categories()这2个函数来创建基于page页面的导航菜单和基于分类目录的导航菜单。但是，这2种方式创建出来的菜单不够灵活，基于页面的导航菜单就添加不了分类目录，基于分类目录的导航菜单也添加不了page页面作为菜单。那么，wordpress有没有提供灵活一点的创建导航菜单的方法，能包含page页面、分类目录，甚至其它的选项。答案是肯定的。通过wordpress提供的方法，我们可以为wordpress网站模板创建自定义导航菜单。下面，就随我一起来看看吧。

第一步：给主题注册菜单功能。

wordpress网站后台默认情况下，没有提供菜单选项，需要我们在wordpress主题模板中来添加这个功能。这个，我们可以进入到wordpress后台的外观去看看，如下图：

所以，我们要先在wordpress主题的functions.php文件中注册菜单，代码如下：

//菜单register_nav_menus( array('menu_top' => '头部导航','menu_bottom' => '底部导航',) );

添加完上面的代码，我们再到wordpress网站后台的外观中看一下，这时，我们会发现多了一个“菜单”，这就是我们需要的自定义菜单。如下图：

第二步：后台创建菜单。

给wordpress网站后台添加了菜单功能后，我们就可以在wordpress后台的菜单中创建前台网页的自定义导航菜单了。点击“外观”中的“菜单”，右侧内容栏进入到菜单界面，如下图：

点击上图中的“创建新菜单”，进入到创建界面，如下图：

填写菜单名，点击“创建菜单”，进入到菜单结构界面，如下图：

在这个菜单结构界面，我们可以选择左侧的“添加菜单项”中的页面、分类目录、文章、自定义链接这几个选项中的子项，然后点击“添加到菜单”，就添加到右侧的菜单结构中，想在wordpress网站前台导航菜单中显示什么，就选择什么。如下图：

?然后，勾选“显示位置”，再点击保存菜单按钮，就可以了。

第三步：在头部调用这个菜单。

wordpress后台创建好了菜单后，我们要想在wordpress网站前台显示，还需要我们在wordpress网站模板中调用它。在给functions.php文件添加菜单功能时，我们设置了2个菜单位置：头部菜单和底部菜单。这里，我们以头部菜单为例，在wordpress网站模板的头部模板header.php中添加如下代码：

$menu = array( 'container' => false, //最外层标签名 'theme_location' => 'menu_top', //菜单类名 'depth' => 0, //菜单深度);wp_nav_menu( $menu );

这样，我们就可以在wordpress网站的前台头部看到我们添加的导航菜单，如下图：

?有点难看，是吧，我们可以给这个菜单添加CSS样式，来让它好看一点，这里就不演示了。上面的代码中，我们用到了wordpress的一个函数——wp_nav_menu()，这个函数的功能，就是把后台创建好的菜单在前台打印出来。这个函数的参数跟wp_list_pages()和wp_list_categories()这2个函数的参数类似，可以是字符串类型，也可以是数组类型。

wp_nav_menu()函数的参数如下：

wp_nav_menu( array('theme_location' => '',//导航别名'menu' => '', //期望显示的菜单'container' => 'div', //容器外层标签'container_class' => '',//ul父节点class类名'container_id' => '', //ul父节点id名'menu_class' => 'menu', //ul节点class类名'menu_id' => '', //ul节点id名'echo' => true,//是否输出菜单，默认为真，true或1时，打印输出；false或0时，不输出。'fallback_cb' => 'wp_page_menu', //菜单不存在时，返回默认菜单，设为false则不返回'before' => '', //链接前文本'after' => '', //链接后文本'link_before' => '', //链接文本前'link_after' => '',//链接文本后'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', //如何包装列表'depth' => 0, //菜单深度，默认0'walker' => '' //自定义walker) );

可见，wp_nav_menu()函数的参数还是挺多的，但实际使用中，不需要全部设置，往往我们只需要使用其它的几个常规参数就可以了，如上例中，我们就只用了3个参数，就打印出了wordpress网站的头部导航菜单。

通过以上这几步，我们就为wordpress网站模板添加好了自定义导航菜单的功能，看起来有点复杂，是吧。的确，跟wp_list_pages()和wp_list_categories()这2导航菜单相比，是要复杂一点。但是，多做几次后，你会发现，这种自定义导航菜单使用起来更加灵活多变。不管怎样，这3种添加导航菜单的方式我们都要掌握，可以在不同的需求中使用不同的方式。

wordpress主题制作，从零开始制作WordPress主题（图文教程）

wordpress主题制作，WordPress主题由一系列文件和 CSS 样式表构成，构成了一个美丽的WordPress网站。每个主题都是不同的，这样WordPress用户就可以随时更改WordPress网站的外观。站长也许想为自己开发 WordPress主题，或者制作公开发行的的主题。创建自己独特的 WordPress 主题外观。利用模板，模板标签，和WordPress 循环来产生不同的效果。为了产生不同的效果，比如在pages页面和搜索结果页面产生个性的效果。设计WordPress主题，这样大家就可以通过网络更好的使用网站的作品。

wordpress主题制作目录位于wp-content/themes/。主题的子目录拥有所有样式文件、模板文件、可选的函数文件(functions.php)、JavaScript文件、图片等。比如说一个叫做test的主题就会放在 wp-content/themes/test/目录里。请避免使用数字名字，这会导致无法在主题列表中正常显示出来。wordpress主题制作每一个发行版都会有一个默认的主题。请认真查看默认的主题，这样可能会对制作网站自己的主题有帮助。

WordPress 主题除了图片和JavaScript，经常由三种文件构成。样式表文件style.css，控制着页面的外观，函数文件 (functions.php)。模板文件，它控制着从数据库中调出的数据所呈现的外观。

wordpress主题制作的CSS文件不仅定义了网站的主题样式，style.css *必须以注释的形式列出主题的详细信息。*两个不同的主题是不允许拥有相同的表述的，因为这样会导致主题选择出错。如果网站通过拷贝一个你已经制作的主题来制作你新的主题，请确保先更改这些头部注释。

wordpress主题制作也有很多好处：主题将样式表单和模板文件从系统文件中独立出来，这样网站升级时就不会对网站的视觉外观造成大幅影响。每个主题的呈现样式和网页布局都是独一无二的，通过主题更换，WordPress网站可以快速改变其外观。用户再也不必为了让网站表现得清新自然而清除CSS、HTML、PHP代码。

我们自己开发wordpress主题制作原因还在于：这是一个深入学习CSS、HTML/XHTML、PHP的好机会，同时也是一个积累CSS、HTML/XHTML、PHP实践经验的机会。wordpress主题制作可以发挥站长的创造性，开发主题是一个充满乐趣的过程（大部分时候），将主题公开发布，与其他用户分享自己的劳动成果，回馈WordPress社区。

随着WordPress功能的增强，以及人们对于WordPress建站的功能需求的提高，现在的wordpress主题制作一般都不仅仅几串代码那么简单了，不过再怎么复杂，文件一般都是比较常用的，也是最基本的。WordPress主题的判断标签，比较常用于面包屑导航和侧边栏中，用于判断不同的页面加载不同的内容，可以多个搭配一起用，有些还可以定义参数，运用的好的话，可以制定出很多不同的显示方案。

WP菜鸟建站17：wordpress主题的导航菜单怎样设置？

一般情况下，每一个网站都会有自己的头部导航菜单，wordpress网站也是一样。在我们为wordpress网站安装好主题后，主题一般都会提供这种菜单导航功能，当然，也有一些极少数的极个性的主题，它没有菜单功能，而是把导航菜单写死了，不需要我们在wordpress网站的后台对它进行设置。但是，作为一个合格的wordpress主题开发者，是一定要为自己的主题添加导航菜单功能的。那么，我们怎样设置wordpress网站的导航菜单呢？

第一步、进入wordpress导航菜单的设置页面。

进入到wordpress网站后台后，找到左侧的“外观”，点击它，这里我们可以看到它的下方有一个“菜单”选项。点击这个“菜单”，右侧内容栏会展示菜单设置页面。

第二步、创建一个菜单。

在我们还没有创建菜单的时候，左侧的“添加菜单项”的选项们是灰色的。右侧是创建菜单表单。如下图：

我们在右侧的“菜单结构”中填写“菜单名称，然后保存，就创建好了一个菜单。只是还是一个没有任何内容的菜单。如下图：

第三步、为这个菜单添加菜单项。

我们要为这个创建好的空菜单添加菜单项，所以，我们要从左侧的“添加菜单项”勾选一些选项添加到这个空菜单中。

1、添加“首页”菜单项。

点击展开左侧的“自定义链接”，填写“首页”链接的URL地址，再填写“链接文本”，这里我们填写的是“首页”这两个字。如下图：

再点击“添加到菜单”按钮，就添加到右侧的空菜单中，如下图：

2、添加“分类目录”。

点击展开左侧菜单项中的“分类目录”，我们先勾选“瘦腿、瘦腰、瘦脸”，

然后点击“添加到菜单”按钮，这几个分类目录名就添加到右侧的空菜单中了，如下图：

第四步、保存菜单。

给空菜单添加好菜单项后，我们再给这个菜单勾选在前面页面显示的位置（有的主题没有这个选项），比如：我们这里勾选了“第一导航菜单”（如下图），

?然后点击“保存菜单”，这样，我们就创建成功一个wordpress导航菜单。当然，一个wordpress主题一般不会只有一个导航菜单，除了头部菜单外，还有底部导航菜单，也有可能会有侧边导航或移动端导航菜单。这要看wordpress主题开发者是怎样设想的了。好了，wordpress导航设置就介绍到这里，谢谢参阅。