在最简单的情况下,一个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. QlikSense 2018.2月版起支持主题开发

    自定义主题开发 // 主题是qliksense 2018年2月版提出,4月版正式实施,其实就是去修改sense默认的.json文件和.css文件 { // 定义自定义主题是否从默认主题(Sense C ...

  2. 黄聪:《跟黄聪学WordPress主题开发》

    又一个作品完成!<跟黄聪学Wordpress主题开发>,国内最好的Wordpress主题模版开发视频教程!! 目录预览: WordPress官方源文件层式结构讲解 WordPress数据库 ...

  3. wordpress 主题开发

    https://yusi123.com/3205.html https://themeshaper.com/2012/10/22/the-themeshaper-wordpress-theme-tut ...

  4. 从无到有开发自己的Wordpress博客主题---Wordpress主题的构造

    在这篇教程中,主要是对Wordpress的主题的构造进行分析,以方便今后的开发工作. 本来打算就引用一下别人已经有的文档就好了,但还是想从头到尾捋一遍,也方便自己梳理学习. 1.Wordpress主题 ...

  5. WordPress 主题开发:从入门到精通(必读)

    本专栏介绍如何开发设计你自己的 WordPress 主题.如果你希望了解更多如何安装和应用主题的内容,请参阅应用主题文档.本文的内容不同于应用主题,因为所讨论的是编写代码去构建你自己的主题的技术内容, ...

  6. 学习笔记5——wp主题开发

    我觉得学习wordpress插件开发之前还是得先理解一下wp的主题开发,循序渐进才能学好wordpress开发,话不多说,接下来整理一下这两天学习的wordpress主题开发的一些心得和体会,与大家一 ...

  7. 20款时尚的 WordPress 博客主题【免费下载】

    在这篇文章中,我们收集了20款时尚的 WordPress 博客模板.WordPress 作为最流行的博客系统,插件众多,易于扩充功能.安装和使用都非常方便,而且有许多第三方开发的免费模板,安装方式简单 ...

  8. 12款免费的 WordPress 响应式主题下载

    最流行的内容管理系统(WordPress)和最流行的网页设计技术(响应式设计)结合会是什么样的呢?下面这个列表收集了12款响应式的 Wordpress 主题,能够带给你不一样的网站体验. 您可能感兴趣 ...

  9. 15款优雅的 WordPress 电子商务网站主题

    WordPress 电子商务网站主题今年非常流行,特别是对那些想要在几分钟内创建一个在线商店,但又没有掌握网络开发的很多知识的人来说.WordPress 是一个功能强大的 CMS,它的灵活性和可用性是 ...

  10. 25款专业的 WordPress 电子商务网站主题

    WordPress 作为最流行的博客系统,插件众多,易于扩充功能.安装和使用都非常方便,而且有许多第三方开发的免费模板,安装方式简单易用.这篇文章和大家分享35款专业的 WordPress 电子商务网 ...

随机推荐

  1. ASP .NET运行机制(visio图)

  2. c# in out ref关键字

    class in_out_ref { #region in 关键字 delegate void DContravariant<in A>(A argumen); static void o ...

  3. ASP.NET Core使用NLog记录日志

    1.根目录新建nlog.config配置文件 <?xml version="1.0"?> <nlog xmlns="http://www.nlog-pr ...

  4. 如何获取token值

    登录的时候需要拿到token值,需要跟后端配合才能拿到 官方说明: https://developers.weixin.qq.com/miniprogram/dev/api/api-login.htm ...

  5. P3357 最长k可重线段集问题 网络流

    P3357 最长k可重线段集问题 题目描述 给定平面 x-O-yx−O−y 上 nn 个开线段组成的集合 II,和一个正整数 kk .试设计一个算法,从开线段集合 II 中选取出开线段集合 S\sub ...

  6. “全栈2019”Java异常第十一章:重写方法时只能抛出父类异常子集

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java异 ...

  7. 关于Tomcat控制台乱码解决办法___ 解决 IntelliJ IDEA Tomcat 控制台中文输出乱码问题

    Tomcat 控制台UTF-8乱码问题 1.修改cmd的编码格式 快捷键win+R打开运行程序,输入regedit打开注册表,找到以下路劲并且修改. [HKEY_LOCAL_MACHINE\SOFTW ...

  8. 解决org.apache.lucene.store.AlreadyClosedException: this Directory is closed

    在Lucene中,关闭一个IndexWriter时抛出AlreadyClosedException异常: org.apache.lucene.store.AlreadyClosedException: ...

  9. python+selenium 定位隐藏元素

    定位隐藏要素的原理:页面主要通过“display:none”来控制元素不可见.所以我们需要通过javaScript修改display的值得值为display="block,来实现元素定位的. ...

  10. 异步 JavaScript - 事件循环

    简评:如果你对 JavaScript 异步的原理感兴趣,这里有一篇不错的介绍. JavaScript 同步代码是如果工作的 在介绍 JavaScript 异步执行之前先来了解一下, JavaScrip ...