header.php中包含了一个页面的页头，也就是其他页面中重复出现的部分，包括用户登陆/登陆后显示的文字，导航条，网页logo，有的还包括轮播图。

下面就简单的贴上一个文件吧。

 <!DOCTYPE html>

 <html <?php language_attributes(); ?>>

 <head>

 <meta charset="<?php bloginfo( 'charset' ); ?>">

 <meta name="viewport" content="width=device-width, initial-scale=1">

 <title><?php wp_title( '|', true, 'right' ); ?></title>

 <link rel="profile" href="http://gmpg.org/xfn/11">

 <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

 <?php wp_head(); ?>

 </head>

 <body <?php body_class(); ?>>

 <nav id="site-navigation" class="navbar navbar-default main-navigation" role="navigation">

             <div class="navbar-header">

             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">

               <span class="sr-only">Toggle navigation</span>

               <span class="icon-bar"></span>

               <span class="icon-bar"></span>

               <span class="icon-bar"></span>

             </button>

           </div>

             <?php

                 wp_nav_menu( array(

                     'theme_location'    => 'primary',

                     'depth'             => 2,

                     'container'         => 'div',

                     'container_class'   => 'collapse navbar-collapse navbar-ex1-collapse',

                     'menu_class'        => 'nav navbar-nav',

                     'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',

                     'walker'            => new wp_bootstrap_navwalker())

                 );

 ?>

         </nav>

首先，第n行：

2    php代码

language_attributes();
获得当前语言环境，执行结果lang=en，考虑到网页可能会被国外的人浏览才有的，一般来说知道就行，不写无所谓。

4  php代码

bloginfo( 'charset' );
这个会读取wordpress的数据库，获取该主题设定的语言信息，一般得到的结果就是charset=utf-8，其实你自己这么也行。

6 php代码

wp_title( '|', true, 'right' )
同上，读取wordpress数据库，获得该网页的标题信息，顺便一提，这些信息可以在wordpress后台里进行设定的。

7，8 php代码

<link rel="profile" href="http://gmpg.org/xfn/11">

<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

这个是博客才会使用的功能pingback，自动引用通知。详细的自己去查查，内容多而且复杂，这里就不说了。

10 php代码

wp_head()

这是【非常重要】的一条代码，是wordpress的启动代码，有了这一条代码你的php页面会加载大量wordpress规定的各种文件，有些是必须的，有些是无用的，如何清除无用的可以去百度，非常简单。

只有写上这句话你才能使用wordpress规定的内置方法和变量，否则就无法调用，系统提示：XXX方法未定义。

【这也是为什么，重新创建一个php文件无法调用wp的方法的原因。】

简单说一下，index.php中有一句wp_header()，可以直接加载header.php中的内容，但是重新创建一个php文件却不能使用，因为wp_head()不在这里，且这个文件也不是系统定义的文件。解决方法就是直接将header文件全部拷贝过来而不是去调用。当然，这仅仅是我个人想到的方法，应该有更好的方法才是。

13-之后所有   html代码，php代码混合

这一段代码作用只有一个，创建一个导航条，主要就是html写好框架结构，然后php添加进来。添加函数

wp_nav_menu

它有很多参数：

//最外层容器的标签名，默认div

‘container’ => ‘div’,

//最外层容器的class名

‘container_class’ => ‘mainNavBlock’,

//最外层容器的id名

‘container_id’ => ‘menu’,

//导航菜单ul标签的class名

‘menu_class’ => ‘mainNav’,

//导航菜单ul标签的id名

‘menu_id’ => “nav”,

//是否打印，默认是true，如果想将导航的代码作为赋值使用，可设置为false

‘echo’ => true,

//备用的导航菜单函数，用于没有在后台设置导航时调用

‘fallback_cb’ => ‘the_main_nav’,

//显示在导航a标签之前

‘before’ => ‘’,

//显示在导航a标签之后

‘after’ => ‘’,

//显示在导航链接名之前

‘link_before’ => ‘’,

//显示在导航链接名之后

‘link_after’ => ‘’,

//显示的菜单层数，默认0，0是显示所有层

‘depth’ => 0,

//调用一个对象定义显示导航菜单

‘walker’ => new Walker_Nav_Menu(),

//指定显示的导航名，如果没有设置，则显示第一个

‘theme_location’ => ‘primary’,

最重要的就是最后的theme_location，后面的字段需要在function.php中进行注册，所以没有functions.php是不可能实现导航条的。

												


											
wordpress建站过程3——header.php的更多相关文章
	

    
								
  1. wordpress建站过程4——index.php
		
    <?php get_header(); ?> <div id="primary" class="content-area col-md-9"& ...
    
		
    2. 
						
  2. wordpress建站过程2——结构
		
    开始wordpress之前,我们需要了解,wordpress的结构和调用方式. 当一个wordpress开始之后,他会读取[当前主题]的index.php.所以一旦主题切换了,它读的就是其他主题的in ...
    
		
    3. 
						
  3. wordpress建站过程5——footer.php
		
    footer中写的就只有网站地图,公司信息等等简单东西而已: <?php wp_footer(); ?> <div class="footer"> < ...
    
		
    4. 
						
  4. wordpress建站过程1
		
    使用wordpress我们需要理解一些概念: 1.WordPress是一种使用PHP语言开发的博客平台,它的程序是由php构成的,所以想要使用word press必须会php. 2.Wordpress ...
    
		
    5. 
						
  5. WordPress建站指南
		
    WordPress建站指南(1)   写在前面: 3月份用10天零碎时间火速完成了建站,后台95%的工作都交给了WP(WordPress).如果想偷懒的话,WP是一个绝好的选择,估计有个小半天就建完收 ...
    
		
    6. 
						
  6. 关于WordPress建站的原理二三事
		
    在写关于仿站文章详情页如何制作之前,我觉得有必要就一些原理性的问题,做一些说明.文章详情页的核心模块和首页有很多相似的地方,比如调用文章的标题.文章的内容.文章分类.作者等,实现起来都差不多,因此,了 ...
    
		
    7. 
						
  7. Wordpress 建站（一）
		
    去年在美国的justhost上买了两个域名(shanyexuanyu.com  和 chenjinyu.net.shanyexuanyu.com是给一位马来西亚的佛教徒朋友做的站点. 她镜头下佛教的文 ...
    
		
    8. 
						
  8. 一文搞懂WordPress建站
		
    文章首发于:https://zouwang.vip/ 日日夜夜的等待,WordPress建站教程终于来了.本篇文章适用于第一次建站的小白,帮助你从零搭建起一个属于自己的网站,既然是从零,那么我就会带着 ...
    
		
    9. 
						
  9. WordPress建站 新手入门
		
    WordPress建站 新手入门教程系列 1. WordPress入门 之 什么是WordPress? 2. WordPress入门 之 搭建WordPress站点需要什么条件? 3. WordPre ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. install webapp2 on Linux outside google app engine.
			
    Reference: https://webapp-improved.appspot.com/tutorials/quickstart.nogae.html Step 1: install pip S ...
    
			
    2. 
						
  2. linux 下执行.sh文件提示permission denied
			
    linux 下执行.sh文件提示permission denied 在脚本文件目录下运行命令,赋予权限: chmod 777 *.sh or chmod +x  *.sh
    
			
    3. 
						
  3. lsof使用
			
    用netstat命令去统计服务器目前的网络连接状态 netstat -n|awk '/^tcp/{++S[$NF]}END{for(a in S) print a,S[a]}'   netstat - ...
    
			
    4. 
						
  4. jQuery的animate在火狐浏览器上不支持backgroundPositionX的解决方法
			
    在网上找的ffSupp.js文件 /** * 自定义backgroundPosition的animate,支持火狐,jQuery1.8以上版本 * @author Meleong * v1.00 */ ...
    
			
    5. 
						
  5. PHP 分析1
			
    D:\wamp64\www\practice test 3: PHP 显示乱码 http://localhost/practice/ex1_5_stu.php <html><meta ...
    
			
    6. 
						
  6. APICloud界面间跳转
			
    UZModule提供属性controller,可通过该控制器对目标控制器进行push或者present操作. // push[self.viewController.navigationControl ...
    
			
    7. 
						
  7. date,datetime,timestamp 的区别
			
    date 表示年月日,如YY-MM-DD datetime 表示年月日和时间信息,如YY-MM-DD HH:MM:SS datestamp 和datetime表示的信息相同,但时间范围不同 时间范围  ...
    
			
    8. 
						
  8. IOS APP 国际化（实现不跟随系统语言，不用重启应用,代码切换stroyboard ,xib ,图片，其他资源）
			
    http://www.cnblogs.com/tangbinblog/p/3898046.html
    
			
    9. 
						
  9. Maven+STS工程中Maven Dependencies 文件夹丢失问题
			
    在我们使用Maven+sts工程中偶尔会出现这种情况: Maven Dependencies文件夹在新打开的工程中丢失,造成 web project 自动编译出错,缺少必要的库文件: 如下图所示的情况 ...
    
			
    10. 
						
  10. 通过jvisualvm查看JVM的状态
			
    安装了JDK之后,可以通过jvisualvm 命令进行性能分析
    
			
    11.