一个一般的页面主要分为头部、内容区和尾部,今天小编为大家分享一下WordPress主题开发制作页头页尾教程。
现在我们先把index.html改为index.php 作为网站的起始页。
样式的路径
这时页面的样式路径是不对的,我们使用方法<?php bloginfo(‘template_url’); ?>
<link rel=”stylesheet” href=”https://www.wpzt.net/<?php bloginfo(‘template_url’); ?>/style.css” type=”text/css” media=”screen” />
这时显示正常,接着将公用的header提取出来放在hrader.php 文件中
并在需要使用的页面使用<?php get_header(); ?>调用
title
<title><?php if ( is_home() ) {
bloginfo(‘n**e’); echo ” – “; bloginfo(‘description’);
} elseif ( is_category() ) {
single_cat_title(); echo ” – “; bloginfo(‘n**e’);
} elseif (is_single() || is_page() ) {
single_post_title();
} elseif (is_search() ) {
echo “搜索结果”; echo ” – “; bloginfo(‘n**e’);
} elseif (is_404() ) {
echo ‘页面未找到!’;
} else {
wp_title(”,true);
} ?></title>
is_home():当前页面为主页时返回true
is_category():当前页面为分类页时返回true
is_single():当前页面为单文章页时返回true
is_page():当前页面为单页面时返回true
更详细的内容参阅WordPress文档 https://codex.wordpress.org/zh-cn:E69DA1E4BBB6E6A087E7ADBE
pingback
<link rel=”pingback” href=”https://www.wpzt.net/<?php bloginfo(‘pingback_url’); ?>” />
博客名称和描述
<h1 id=”logo” class=”grid_4″><a href=”https://www.wpzt.net/<?php echo get_option(‘home’); ?>/”><?php bloginfo(‘n**e’); ?></a></h1>
<h2 class=”grid_12 caption clearfix”><?php bloginfo(‘description’); ?></h2>
添加订阅feed链接
<link rel=”alternate” type=”application/rss+xml” title=”RSS 2.0 – 所有文章” href=”https://www.wpzt.net/<?php echo get_bloginfo(‘rss2_url’); ?>” />
<link rel=”alternate” type=”application/rss+xml” title=”RSS 2.0 – 所有评论” href=”https://www.wpzt.net/<?php bloginfo(‘comments_rss2_url’); ?>” />
添加wp_head
<?php wp_head(); ?> 用于包含WordPress程序输出头部信息
菜单栏
<ul id=”navigation” class=”grid_8″>
<?php wp_list_pages(‘depth=1&**p;title_li=0&**p;sort_column=menu_order’); ?>
<li <?php if (is_home()) { echo ‘class=”current”‘;} ?>>
<a title=”https://www.wpzt.net/<?php bloginfo(‘n**e’); ?>” href=”https://www.wpzt.net/<?php echo get_option(‘home’); ?>/”>主页</a>
</li>
</ul>
刷新缓存
在<body>前面,</head>后面添加PHP代码,用于提高程序运行效率:<?php flush(); ?>
<?php get_header(); ?> 调用header.php文件
<?php echo get_option(‘home’); ?> 输出你的博客首页网址
<?php bloginfo(‘n**e’); ?> 输出你的博客名称
<?php bloginfo(‘description’); ?> 输出博客描述
<?php wp_head(); ?> 用于包含WordPress程序输出头部信息
<?php get_header(); ?> 从当前主题文件夹中包含header.php文件
is_home(),is_single(),is_category()等几个条件判断标签
<?php bloginfo(‘stylesheet_url’); ?> 输出主题文件夹中style.css文件的路径
<?php bloginfo(‘pingback_url’); ?> 输出博客pingback网址
<?php bloginfo(‘template_url’); ?> 输出博客主题目录URL
<?php echo get_option(‘home’); ?> 输出你的博客首页网址
<?php bloginfo(‘n**e’); ?> 输出你的博客名称
<?php bloginfo(‘description’); ?> 输出博客描述
<?php wp_head(); ?> 用于包含WordPress程序输出头部信息
<?php wp_list_categories(); ?> 用于列出博客分类页
<?php wp_list_pages(); ?> 用于列出博客页面
footer.php
和header相对的就是footer,同header.php 文件一样,将footer 提取出来
使用<?php wp_footer(); ?>调用
暂无评论内容