WordPress主题制作教程1:文件构成

时间:2022-09-18 23:32:49

在最简单的情况下,一个WordPress主题由两个文件构成:

index.php ------------------主模版

style.css  -------------------主样式表(注意的是两个不同的主题是不允许拥有相同的表述 , 这样会导致主题选择出错的。

简版:

/*
Theme Name:企业主题练习
Author:tinyphp
Author URI: http://www.cnblogs.com/tinyphp/
Description: 经典企业主题
Tags: 蓝色 商务
*/

完善版:

/*
Theme Name: 主题名称
Theme URI: 主题介绍地址(如果你的主题上传到wordpress官方资源处适用)
Author: 主题的作者
Author URI: 主题作者的网址
Description: 主题的描述
Version: 主题的版本
License: GNU General Public License v2 or later【版权说明】
License URI: http://www.gnu.org/licenses/gpl-2.0.html 【版权说明的网址】
Tags: 主题的标签,如果你的主题上传到官方指定处,通过此标签可以被筛选出
Text Domain: twentythirteen【如果主题提供多国语言版本,适用】 This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

用于声明主题名称、主题url、主题版本、主题描述、作者、作者网址

主题安装:

主题预览图:命名为 screenshot.png ,放在你的主题的根目录下。

主题的安装:在后台外观->添加主题,把.zip格式的主题上传即可在后台编辑。

WordPress主题安装后,目录位于 wp-content/themes/

或手动在wp-content/themes/下创建文件夹

引用样式:

引用style.css

 <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" />

引用某个样式方法1

<link rel="stylesheet" href="<?php bloginfo('template_url');?>css/mystyle.css" type="text/css" media="screen" />

引用某个样式方法2

<?php
wp_enqueue_style( 'init_style',get_bloginfo('template_url').'/css/mystyle.css');
?>

目录说明:

404.php 404页面模板
 rtl.css  如果网站的阅读方向是自右向左的,会被自动包含进来
comments.php  评论模板
single.php 文章模板。显示单独的一篇文章时被调用,如果模板不存在会使用 index.php
single-<post-type>.php 自定义单独页面模板如: single-books.php 展示自定义文章类型为 books的文章,如果模板不存在会使用 index.php
page.php 页面模板
category.php 分类目录模板
tag.php 标签模板
taxonomy.php 术语模板。请求自定义分类法的术语时使用
author.php 显示作者资料模板
date.php 显示按日期/时间归档的模板
archive.php 显示某条件下的归档,如果category.php存在则使用category.php
search.php 搜索结果模板
attachment.php 查看单个附件时使用的模板
image.php 图片附件模板,查看单个图片时将调用此模板,如果不存在此模板,则调用attachment.php 模板
sidebar.php 侧边栏模板
header.php  页眉模板
footer.php 页脚模板
functions.php 扩展功能配置文件

基本首页:index.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<?php wp_head(); ?>
</head>
<body>
<?php wp_footer(); ?>
</body>
</html>

升级头部(header.php)

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php wp_title(); ?></title>
<meta name="description" content="<?php bloginfo( 'description' ); ?>">
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>

<html> 开始标签应该包含 language_attributes()

使用 bloginfo() 设置 <meta> 字符集和description元素

使用 wp_title() 设置 <title> 元素

使用 get_stylesheet_uri() 来获取当前主题的样式表文件

使用 Automatic Feed Links 添加 feed 链接

需添加声明 wp_head() 到 </head> 结束标签的前面

WordPress主题制作教程1:文件构成的更多相关文章

  1. WordPress主题制作教程5:循环

    wordpress循环分两种,一种是自定义循环,一种是默认循环. 自定义循环:根据指定参数进行实例化 调用所有页面,post_type值:page对应页面,post对应文章 <?php $arg ...

  2. WordPress主题制作教程&lbrack;壹&rsqb; - 了解WP&amp&semi;结构&amp&semi;索引

    最近开始筹备WordPress主题开发了.首先我们在此章节中进行了解什么是WP,以及WP的结构.通过这个文章索引到以后所写的WP系列教程. (抱歉,大家不要急,持续更新中....) 1.首先,我们来认 ...

  3. WordPress主题制作教程2:导航菜单制作

    实现自定义菜单,需要用到的函数是wp_nav_menu(); 在主题目录下的functions.php的 <?php ….. ?> 之间,添加以下菜单注册代码,这样你就可以在主题文件中使用 ...

  4. WordPress主题制作教程9:文章形式

    wordpress的文章形式: aside -----------------日志:不显示标题的标准文章image --------------图像:单张图像.文章中的首个 <img /> ...

  5. WordPress主题制作教程7:引用其他php的方法

    在模板中包含指定的模板文件,指定{slug}和{name}就可以包含文件{slug}-{name}.php,如果没有这个文件则包含{slug}.php文件 <?php get_template_ ...

  6. WordPress主题制作教程6:常用模版标签

    在wordpress中,模板标签指一些字段,比如标题,内容,作者,发布日期,评论数等等,获取静态值和循环里面经常使用. 输出模板标签一般有两种方式:the_yourtag() 输出标签值和get_th ...

  7. WordPress主题制作教程8:自定义page模版

    创建新文件,头部注释 <?php /* Template Name: 新的page模版 */ ?> 在页面编辑右栏体现:

  8. WordPress主题制作教程10:添加文章类型插件Custom Post Type UI

    下载 Custom Post Type UI>> 用Custom Post Type UI添加自定义文章类型对于新手来说最简单不过了,下载安装后,在插件栏启用一下,就可以开始添加文章类型了 ...

  9. WordPress主题制作教程4:调用指定页面内容

    假设页面page_id=86 $page_id = 86; echo "标题:".get_post($page_id)->post_title; echo "内容: ...

随机推荐

  1. php课程---Windows&period;open&lpar;&rpar;方法参数详解

    Window.open()方法参数详解 1, 最基本的弹出窗口代码   window.open('page.html'); 2, 经过设置后的弹出窗口   window.open('page.html ...

  2. 通俗易懂------this指向

    因为JavaScript 中this 是在运行期进行绑定的,因此JavaScript 中this 关键字具备多重含义. 具体在实际应用中,this的指向大致可以分为下面4种. 作为对象的方法调用   ...

  3. java 打印出99乘法口诀表

    public class Mutiplay { /** *实现99乘法表 * @param args */ public static void main(String[] args) { Syste ...

  4. 实战Django:官方实例Part4

    上一个part我们创建了投票的内容页,但这个页面仅仅局限于静态展示,投票的"投"字还无从体现.接下来,我们就来看一下,如何把票投起来.   19.创建表单 我们来更新模板文件pol ...

  5. NOI2005维修数列

    剧恶心的splay…… 为什么在bzoj上是超时,在自己的电脑上测的是栈溢出…… ; maxc=; var n,m,i,j,y,root,x,posi,t,head:longint; ch:char; ...

  6. rsyslog 同时发生nginx 访问日志和错误日志

    input(type="imfile" File="/var/log/nginx/access.log" Tag="zjzc-frontend01-a ...

  7. angular中封装fancyBox&lpar;图片预览&rpar;

    首先在官网下载最新版的fancyBox(一定要去最新网站,以前依赖的jquery版本偏低),附上链接:http://fancyapps.com/fancybox/3/ 然后在项目中引用jquery,然 ...

  8. 我从&period;net转到java的心得和体会

    前言:由于有不少人咨询过我如果从.net转java,有什么技巧吗,我现在就分享我从.net转java的历程,这里不涉及两门语言的比较,记录的都是我个人的观点. 一:从.net转java的初衷 我是20 ...

  9. UNIX高级环境编程(13)信号 - 概念、signal函数、可重入函数

    信号就是软中断. 信号提供了异步处理事件的一种方式.例如,用户在终端按下结束进程键,使一个进程提前终止.   1 信号的概念 每一个信号都有一个名字,它们的名字都以SIG打头.例如,每当进程调用了ab ...

  10. IoC基础例子

    一个简单的例子: 一般新建一个com.dao包,存放一些dao接口. com.dao.impl里面存放具体的dao com.service存放service接口 com.service.impl具体的 ...