WordPress主题之认识header.php文件

基本上每个WordPress主题文件都包含一个header.php文件,“header.php” 是一个全局性的文件(WordPress产生的每个页面都会包含header.php里的代码),显示页面的题头(header)和导航菜单,还包含了 HTML文件的head代码(<head>…</head>)。

循环部分(the loop,页面主体)

通过一个个包含“循环(loop)结构”的模板文件,在网站主要区域显示网站的主要内容。

“header.php”包含了模板的基本信息,有meta 和title 以及link 的信息,还有显示博客的标题与副标题,放置导航栏等

<div id=”header”>(头部)

<h1><a href=”<?php

bloginfo(’url’);?>”><?phpbloginfo(’name’);?></a></h1>(标题)

<?php bloginfo(’description’);?>(副标题)

<div id=”nav”>(页面导航)

<?php wp_list_pages(‘title_li=&depth=1′); ?>(以有序列表的形式获得页面的链接)

</div>

</div>

“header.php ”页面里经常用到的函数及其参数:

<?php get_bloginfo ( ‘ ‘ ); ?> :将由wordpress 函数自动生成的信息传回博客,然后再在其他地方使用你的PHP代码

部分常用参数:

default:默认

name:名称

description:说明

url、home、siteurl:网址

charset:网页的编码方式

stylesheet_url:css 文件地址

version:博客所使用的wordpress 的的版本

例:<?php echo ‘Your Blog Tagline is: ‘ . get_bloginfo

( ‘description’ ); ?>

<?php wp_list_pages( ‘ ‘ ); ?>:列表显示页面链接

post_title:按标题字母顺序排列(默认)

post_date:按创建时间排序

post_modified:按最后修改时间排序

ID:按照id 排序

post_author:按照作者id 排序

WordPress Header头部 PHP代码:

也就是位于<head>和</head>之间的PHP代码

<?php bloginfo(‘name’); ?> 网站标题

<?php wp_title(); ?> 日志或页面标题

<?php bloginfo(’stylesheet_url’); ?> WordPress主题样式表文件style.css的相对地址

<?php bloginfo(‘pingback_url’); ?> WordPress博客的Pingback地址

<?php bloginfo(‘template_url’); ?> WordPress主题文件的相对地址

<?php bloginfo(‘version’); ?> 博客的Wordpress版本

<?php bloginfo(‘atom_url’); ?> WordPress博客的Atom地址

<?php bloginfo(‘rss2_url’); ?> WordPress博客的RSS2地址

<?php bloginfo(‘url’); ?> WordPress博客的绝对地址

<?php bloginfo(‘name’); ?> WordPress博客的名称

<?php bloginfo(‘html_type’); ?> 网站的HTML版本

<?php bloginfo(‘charset’); ?> 网站的字符编码格式

补充说明:

<?php get_header(); ?>从当前主题文件夹中调用header.php文件

is_home(),is_single(),is_category() 几个条件判断标签,判断是不是主页、单文章页、分类页

* is_home() :当前页面为主页时返回true
* is_category():当前页面为分类页时返回true
* is_single():当前页面为单文章页时返回true
* is_page():当前页面为单页面时返回true

<?php bloginfo(‘stylesheet_url’); ?>输出主题文件夹中style.css文件的路径

<?php bloginfo(‘pingback_url’); ?>输出博客pingback网址

<?php bloginfo(‘template_url’); ?>输出博客主题目录URL

<?php echo get_option(‘home’); ?>输出你的博客首页网址

<?php bloginfo(‘name’); ?>输出你的博客名称

<?php bloginfo(‘description’); ?>输出博客描述

<?php wp_head(); ?>用于包含WordPress程序输出头部信息

<?php wp_list_categories(); ?>用于列出博客分类页

<?php wp_list_pages(); ?>用于列出博客页面

DIV标签介绍:

我们可以把 DIV 想像成一个无形的盒子 (box)。在这里它把博客标题链接和博客描述从其他东西中区分开。如果没有对它进行样式化,它无非是单独的内容,以后我们可以用 style.css 这个文件去样式化这个无形的盒子。我们还可以给 DIV 附上 边框(borders),填充(paddings), 页边空白(margins),背景颜色(background color),背景图片(background images),等其他一些东西。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值