WordPress主题制作教程1:文件构成
在最简单的情况下,一个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:文件构成的更多相关文章
- WordPress主题制作教程5:循环
wordpress循环分两种,一种是自定义循环,一种是默认循环. 自定义循环:根据指定参数进行实例化 调用所有页面,post_type值:page对应页面,post对应文章 <?php $arg ...
- WordPress主题制作教程[壹] - 了解WP&结构&索引
最近开始筹备WordPress主题开发了.首先我们在此章节中进行了解什么是WP,以及WP的结构.通过这个文章索引到以后所写的WP系列教程. (抱歉,大家不要急,持续更新中....) 1.首先,我们来认 ...
- WordPress主题制作教程2:导航菜单制作
实现自定义菜单,需要用到的函数是wp_nav_menu(); 在主题目录下的functions.php的 <?php ….. ?> 之间,添加以下菜单注册代码,这样你就可以在主题文件中使用 ...
- WordPress主题制作教程9:文章形式
wordpress的文章形式: aside -----------------日志:不显示标题的标准文章image --------------图像:单张图像.文章中的首个 <img /> ...
- WordPress主题制作教程7:引用其他php的方法
在模板中包含指定的模板文件,指定{slug}和{name}就可以包含文件{slug}-{name}.php,如果没有这个文件则包含{slug}.php文件 <?php get_template_ ...
- WordPress主题制作教程6:常用模版标签
在wordpress中,模板标签指一些字段,比如标题,内容,作者,发布日期,评论数等等,获取静态值和循环里面经常使用. 输出模板标签一般有两种方式:the_yourtag() 输出标签值和get_th ...
- WordPress主题制作教程8:自定义page模版
创建新文件,头部注释 <?php /* Template Name: 新的page模版 */ ?> 在页面编辑右栏体现:
- WordPress主题制作教程10:添加文章类型插件Custom Post Type UI
下载 Custom Post Type UI>> 用Custom Post Type UI添加自定义文章类型对于新手来说最简单不过了,下载安装后,在插件栏启用一下,就可以开始添加文章类型了 ...
- WordPress主题制作教程4:调用指定页面内容
假设页面page_id=86 $page_id = 86; echo "标题:".get_post($page_id)->post_title; echo "内容: ...
随机推荐
- Linux C 文件与目录4 将缓冲区数据写入磁盘
将缓冲区数据写入磁盘 所谓缓冲区,是Linux系统对文件的一种处理方式.在对文件进行写操作时,并没有立即把数据写入到磁盘,而是把数据写入到缓冲区.如果需要把数据立即写入到磁盘,可以使用sync函数.用 ...
- 20145103《java程序设计》第五周学习总结
20145103<Java程序设计>第5周学习总结 教材学习内容总结 第八章 异常处理 1.设计错误对象都继承自java.lang.Throwable类 2.Java中所有错误都会被打包为 ...
- Gentoo 网络接口配置文件说明
裁剪的Gentoo系统,仅供公司内部使用! [作为备份档案] 网络接口配置:/etc/conf.d/net #设置静态IPconfig_eth0="192.168.1.x/24" ...
- Taxes
Taxes can be one of the largest cash outflows that a firm experiences.The size of the tax bill(税单) i ...
- How to find and fix Bash Shell-shock vulnerability CVE-2014-6271 in unix like system
type command - env x='() { :;}; echo vulnerable' bash -c 'echo hello' in your terminal. if your sy ...
- 剑指offer--面试题22
关键在于思路, 需要两个输入向量,而函数中需要一个辅助栈! 思路:以待判出栈序列为基础,逐个判断它与栈顶元素是否相等,相等则弹出且j++,这表明此元素可为出栈顺序元素,不相等则栈元素不断入栈,直至相 ...
- 7-Highcharts曲线图之分辨带
<!DOCTYPE> <html lang='en'> <head> <title>7-Highcharts曲线图之分辨带</title> ...
- OpenSSL心脏出血漏洞全回顾
近日网络安全界谈论的影响安全最大的问题就是Heartbleed漏洞,该漏洞是4月7号国外黑客曝光的.据Vox网站介绍,来自Codenomicon和谷歌安全部门的研究人员,发现OpenSSL的源代码中存 ...
- ActionScript基本语法讲解
var a:int = 3;var b:int = 4; b = 9; trace ("a的值为:"+a);trace ("b的值为:"+b); var x1: ...
- hive的学习入门(飞进数据仓库的小蜜蜂)
前言 hive是构建在Hadoop上的数据仓库平台,其设计目标是:使Hadoop上的数据操作与传统的SQL结合,让熟悉sql的开发人员能够轻松的像Hadoop平台迁移. Hive是Facebook的信 ...