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. Sublime Text 3 Settings

    Preferences - Setting User - > : { "font_size": 14, "word_wrap": true, " ...

  2. 开发.NET Core NuGet包并实现CI/CD

    实际开发中我们需要对一些公共类库进行开发,并基于Jenkins进行CI/CD(CI:持续集成,CD:持续部署),其他项目通过NuGet引用.上文讲述了如何搭建本地NuGet服务器并发布NuGet包,这 ...

  3. 在.net Core中使用StackExchange.Redis 2.0

    StackExchange.Redis 2.0做了大量的改进包括使用了高性能的IO库System.IO.Pipelines来提升性能以及解决Timeouts问题, 但是在.net Core2.2之前为 ...

  4. SnowFlake 生成全局唯一id

    public class SnowFlakeUtil { private long workerId; private long datacenterId; private long sequence ...

  5. “全栈2019”Java第四十八章：重写方法Override

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

  6. Docker 下系统日志恢复

    众所周知,docker 是一款进程级虚拟机.上文我们已经分析解释了该如何使用,本文针对日志消失问题进行恢复与解释. Docker 可以理解为阉割版的系统,内部功能不全.可以通过组件安装进行基本功能恢复 ...

  7. fastcgi main

    main函数里 当kill -TERM pid 时, http://redfoxli.github.io/php-fpm-signals.html  这篇文章 说是 1)master主进程接收到sig ...

  8. openstack 的horizon的结构

    openstack的控制台应用horizon 特点: 1.界面的显示元素进行深度封装: 将元素的后台与前台模板结合在一起.制作html整个界面有点类似搭积木组合的方式. 2.模块加载: 根据权限对ur ...

  9. 题目1021：统计字符（hash简单应用）

    问题来源 http://ac.jobdu.com/problem.php?pid=1021 问题描述 每次输入两个字符串,统计第一个字符串中的每个字符在第二个字符串中出现的次数. 问题分析 太明显了, ...

  10. C#-WinForm-★★★★★跨窗体 构造函数传值 及应用—登录式窗口传值、如何关闭主页面时关闭应用程序、如何打开唯一窗口★★★★★

    构造函数可以传任意类型的值,并可以同时传多个值 结构函数传值的初步应用——简单的登陆式界面 现在我有两个窗体Form3和Form4,如下,如何点击Form3中的按钮后,打开Form4并将Form3中的 ...