wordpress每个主题至少要有这两个文件 – style.css 和 index.php。

　　index.php 告诉主题中所有的元素如何布局;

　　style.css 则告诉主题中所有的元素该如何展示，以及它们的样式。

几个名词：

Template（模板）

　　其实就是一个代码集，主题中很多地方会利用到这个代码集，所以把它们整合成一个模板，这样就就不必一遍遍输入这些重复代码。

Template file（模板文件）

　　一个包含一个或者多个代码集（模板）文件。每个主题是由多个模板文件组成的，比如：index.php，style.css，sidebar.php 等等。

Theme（主题）或者 WordPress theme（WordPress 主题）

　　所有你正在使用的文件：文本，图像，代码等等。注意： WordPress theme（主题）和 WordPress template(s)（模板）是两个不同的东西，尽管有些人认为他们一样。

Post（日志或者文章）

　　 它是你 blog 的一个简单的条目，如：一个页面或者一篇日记。

Page（静态页面）

　　一种特殊的 post，它不是以分类组织的。它有别于你其他的日志。注意：在 WordPress，page（页面）和 Page（静态页面）是两种不同的东西。

一个完整的主题含有的文件列表：

　　style.css

　　index.php

　　home.php

　　single.php

　　page.php

　　archive.php

　　category.php

　　search.php

　　404.php

　　comments.php

　　comments-popup.php

　　author.php

　　date.php

下图就是 WordPress 的层次结构，它简单的向你展示，一旦你主题中的某个文件丢失了，WordPress 主题系统将会使用其他什么模板文件来代替。

　　我们可以通过上面这张图中模板文件所处的位置来知道各个主题文件的重要性，越靠左越重要。

　　WordPress 利用这个层次结构去寻找相应的模板文件显示页面，并且在相应的文件丢失之后如何处理。

　　比如 archive.php 模板文件（用来显示存档页面）丢失了，那么 WordPress 将会使用 index.php 来控制存档页面如何显示。

　　比如 single.php 模板文件丢失了，它会寻找 index.php。

WordPress 博客的每个页面是由多个模板文件组成的：

首页页面：

在上图中，我们可以看出主题的 index.php 是由 4 个模板文件组成：header.php，index.php，sidebar.php 和 footer.php。

单一日志页面：

这时候页面将会包含这四个模板文件：header.php，single.php，sidebar.php 和 footer。

Header 模板文件

　　通常在这个文件中包含博客的标题（title）和描述（description）。而且它们通常在整个博客中都是一样的。

Index 模板文件：

　　这个模板文件包含你的日志的标题，日志的内容（就是每篇日志的文本和图片）和日志的元数据（元数据是每篇日志的额外信息，如作者是谁，日志发布的时间，在哪个分类下，有多少留言等等）。

Sidebar 模板文件

　　这个模板文件主要用于控制博客的页面列表，类别列表，存档列表，友情链接列表和其他一些列表。

Footer 模板文件：

　　像 header.php 模板文件一样，footer.php 通常不会因为页面的改变而改变，你可以在这里放置任何东西，但是通常是版权信息。

接下来，尝试建立一个最简单的主题页面。

首先，在wordpress/wp-content/themes下建立一个文件夹myThemes，这是主题文件夹。

在myThemes文件夹下，新建index.php和style.css两个文件。

index.php内容：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head profile="http://gmpg.org/xfn/11">

     <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

     <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />    

     <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->

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

     <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />

     <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />

     <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />

     <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

     <?php wp_get_archives('type=monthly&format=link'); ?>

     <?php //comments_popup_script(); // off by default ?>

     <?php wp_head(); ?>

 </head>

 <body>

 </body>

 </html>

其中，wordpress函数bloginfo():

显示你的博客信息，大部分都是显示WordPress管理界面的 用户资料 和 常规设置 中的信息。它可以在模板文件的任何地方使用。一般 bloginfo() 都是用来直接在浏览器中输出内容的。如果你需要在PHP中返回值的话，那么请用 get_bloginfo()。

用法：

<?php bloginfo=($show) ?>

$show (字符串string) (可选)你需要输出的信息的关键词。默认： 'name'

  • 'name' - 显示在 设置 > 常规 中设置的“站点标题”。 该数据是从 wp_options 这个数据表中检索到的 "blogname"记录。
  • 'description' - 显示在 设置 > 常规 中设置的“副标题”。该数据是从 wp_options 这个数据表中检索到的 "blogdescription" 记录。
  • 'wpurl' - 显示在 设置 > 常规 中设置的 “WordPress 地址 (URL)”。该数据是从 wp_options 这个数据表中检索到的 "siteurl" 记录。 可以考虑使用 site_url() 来代替，尤其是在使用 子目录路径方式，而不是使用 子域名 来配置多站点时（bloginfo将返回根网站的URL，而不是子站点的URL）。
  • 'siteurl' / 'url' - 显示在 设置 > 常规 中设置的 “站点地址（URL）”)”。该数据是从 wp_options 这个数据表中检索到的 "home"记录。 可以考虑使用 home_url() 代替。
  • 'admin_email' - 显示在 设置 > 常规 中设置的 “电子邮件地址”。该数据是从 wp_options 这个数据表中检索到的 "admin_email"记录。
  • 'charset' - 显示在 设置 > 常规 中设置的“页面和feed的编码”。该数据是从 wp_options 这个数据表中检索到的"blog_charset" 记录。（注：3.5.1+好像已经没有这个选项了）
  • 'version' - 显示你当前使用的 WordPress 版本。该数据是在 wp-includes/version.php 检索到的 $wp_version  这个字段的值。
  • 'html_type' - 显示WordPress HTML 页面中的内容类型（默认： "text/html"）。该数据可以从 wp_options 这个数据表中检索到的 "html_type" 记录。主题和插件可以通过使用 pre_option_html_type 过滤器覆盖默认值。
  • 'text_direction' - 显示 WordPress HTML 页面的文本方向。可以考虑使用 is_rtl() 代替。
  • 'language' - 显示WordPress的语言。
  • 'stylesheet_url' - 显示当前使用的主题的 CSS文件（通常为 style.css）路径。可以考虑使用 get_stylesheet_uri() 代替。
  • 'stylesheet_directory' - 显示当前使用的主题的样式表路径。可以考虑使用 get_stylesheet_directory_uri() 代替。
  • 'template_url' / 'template_directory' - 当前主题的 URL 路径 。在子主题中， get_bloginfo('template_url') 和 get_template() 都将返回父主题的目录。可以考虑使用 get_template_directory_uri() （用于父主题目录）或get_stylesheet_directory_uri() （用于子主题目录）代替。
  • 'pingback_url' - 显示通告文件 XML-RPC 的URL (xmlrpc.php)
  • 'atom_url' - 显示 Atom feed URL (/feed/atom)
  • 'rdf_url' - 显示 RDF/RSS 1.0 feed URL (/feed/rfd).
  • 'rss_url' - 显示 RSS 0.92 feed URL (/feed/rss).
  • 'rss2_url' - 显示 RSS 2.0 feed URL (/feed).
  • 'comments_atom_url' - 显示评论的 Atom feed URL (/comments/feed).
  • 'comments_rss2_url' - 显示评论的 RSS 2.0 feed URL (/comments/feed).

保存后，打开wordpress后台界面。点开外观-->主题界面。

这里就看到我们新建的主题myThemes了，点击启用。

点击查看站点。

现在body里没有任何内容，所以是空白的。

在body里加入

<?php bloginfo(‘name’); ?>

表示显示在 设置 > 常规 中设置的“站点标题”。

效果：

接下来就是一个画板，任其挥洒了！

【wordpress】wordpress自定义主题的更多相关文章

  1. wordpress调用自定义菜单

    wordpress要调用自定义菜单首先要注册菜单,将代码添加到主题文件夹下的function.php中,比如wordpress自带主题2019的定义如下 // This theme uses wp_n ...

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

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

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

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

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

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

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

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

  6. 解决WordPress后台安装主题、插件图片不显示的问题

    今天搭建wordpress发现现在主题的时候预览图片都没有了,于是搜索了一下,发现下面的这个方法确实管用,于是转载收藏. 有在WordPress后台安装主题.插件的小伙伴可能会遇到主题.插件图片不显示 ...

  7. 精美&创意的WordPress新发主题集合

    今天我整理了一些精美&创意的WordPress新发主题,它们基本上都融合了最新的设计理念,从简约到响应式,应有尽有. Engo – Smart & Minimal WordPress ...

  8. WordPress瀑布流主题PinThis中文版v1.6.8

    PinThis主题来源于英语网站http://pinthis.pixelbeautify.com/的汉化(语言文件+控制面板),中文版采用的是翻译器手工核对,并不完美,只对主题中文化,其他没做任何更改 ...

  9. wordpress去掉自定义菜单的外层div

    wordpress调用自定义菜单时自动会在外层加一个<div class="menu-nav-container">,如下图所示,nav是后台定义的菜单名称,如果想把这 ...

随机推荐

  1. js代码定义类代码的领悟

    var Class = {    create: function() {        return function() { this.initialize.apply(this, argumen ...

  2. C# 调用带输入输出参数的存储过程

    //调用存储过程执行类似于2//select count(*) from userinfo where username=username and pwd=pwd and grade=grade3// ...

  3. django That port is already in use

    python 直接在命令行里启动,如果取消运行,可能会报错,解决方法如下 ps aux | grep -i manage 找出manage.py 对应的pid号码 第二步删除对应的进程 kill -9 ...

  4. Nhibernate 存储过程获取返回值

    写在前面:因为项目使用ssh.net所以做着做着要调用存储过程,而且是有返回值的,按照以前的做法直接在参数里指定下就可以获取,但是在nhibernate里调用就有点陌生了,百度一下得出的结果有两种:第 ...

  5. redis 映射数据结构粗略

    [字符串] sds结构,simple dynamic string.是redis底层字符串实现,结构为: typedef char *sds; struct sdshdr { // buf 已占用长度 ...

  6. ZKEACMS 配置使用 HTTPS

    在开始之前,请升级你的ZKEACMS到最新版本,旧版本使用HTTPS会有问题 https加密链接,在访问的过程中,可以保护你的隐私,保证你的敏感数据不会被别人偷窥,窃取.如果你的服务器在境外,使用ht ...

  7. Tips on rendering interiors

    http://www.evermotion.org/tutorials/show/9824/making-of-morning-breakfast-tip-of-the-week http://www ...

  8. Python——使用matplotlib绘制柱状图

    Python——使用matplotlib绘制柱状图 1.基本柱状图           首先要安装matplotlib(http://matplotlib.org/api/pyplot_api.htm ...

  9. day04.3-生成器

    1. 生成器可以理想为一种数据类型,这种数据类型自动实现了迭代器协议(其他数据类型需要调用自己内置的__iter__方法),所以生成器就是可迭代对象. 2. 生成器分类及在python中的表现形式 生 ...

  10. mysqldump导出数据不带时区信息的问题

    今天在导出数据时,发现所有timestamp字段都不带时区信息,因为我在东8区,导出的数据中所有时间都提早了8个小时 首先先看表的字段和数据 CREATE TABLE IF NOT EXISTS `a ...