WordPress主题开发制作页头页尾教程

一个一般的页面主要分为头部、内容区和尾部,今天小编为大家分享一下WordPress主题开发制作页头页尾教程。

现在我们先把index.html改为index.php 作为网站的起始页。

WordPress主题开发制作页头页尾教程 (https://www.wpzt.net/) WordPress开发教程 第1张

样式的路径

这时页面的样式路径是不对的,我们使用方法<?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(); ?>调用

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容