首页建站经验 WordPress中文文档:WordPress主题开发

WordPress中文文档:WordPress主题开发

本文介绍如何开发设计你自己的 WordPress 主题,所讨论的是编写代码去构建你自己的主题的技术内容。 为什么要使用 WordPress 主题 WordPress 主题由一系列文件和 CSS 样式…

本文介绍如何开发设计你自己的 WordPress 主题,所讨论的是编写代码去构建你自己的主题的技术内容。

为什么要使用 WordPress 主题

WordPress 主题由一系列文件和 CSS 样式表构成,构成了一个美丽的 WordPress 网站。每个主题都是不同的, 这样WordPress用户就可以随时更改 WordPress 网站的外观。

你也许想为自己开发 WordPress 主题,或者制作公开发行的的主题。但是除了这个为什么要自己制作主题呢?

  • 创建自己独特的 WordPress 主题外观.
  • 利用模板, 模板标签, 和 WordPress循环 来产生不同的效果.
  • 为了产生不同的效果,比如在category pages页面和搜索结果页面产生个性的效果.
  • 为了迅速从两个主题改变你的博客外观,可以充分利用 Theme or style switcher 这个插件迅速改变外观.
  • 设计 WordPress 主题,这样大家就可以通过网络更好的使用你的作品.

WordPress 主题有很多优点

  • WordPress 主题把CSS样式表和 模板文件 从系统中独立出来,所以这样升级博客的时候就不会破坏你的主题样式。
  • 允许你自由的定制主题样式。
  • 允许你迅速改变主题。
  • 你甚至都不需要学习HTML,CSS,PHP等,即可拥有一个美观的主题。

为什么要自己制作主题呢?这才是问题的关键.

  • 这是一个学习 CSS,HTML,和PHP的好机会.
  • 这是一个积累你的 CSS,HTML,PHP实践经验的的机会.
  • 制作主题的过程中充满创造力.
  • 这非常的有趣(大多数情况下).
  • 如果你 设计公共主题, 你会感觉非常好,因为你为 WordPress 社区做出了自己的贡献 (好吧,可以吹牛了~)

主题开发标准

WordPress 主题应该按照如下标准开发:

  • 使用结构化的、没有错误的PHP和有效的HTML代码。请看 WordPress Coding Standards。
  • 使用简洁的、有效的CSS。参见 CSS Coding Standards。
  • 遵循设计指南 Site Design and Layout。

主题的剖析

WordPress主题目录位于 wp-content/themes/。主题的子目录拥有所有样式文件、模板文件、可选的函数文件 (functions.php)、JavaScript 文件、图片等。比如说一个叫做 "test" 的主题就会放在 wp-content/themes/test/目录里。请避免使用数字名字,这会导致无法在主题列表中正常显示出来。

WordPress每一个发行版都会有一个默认的主题。请认真查看默认的主题,这样可能会对制作你自己的主题有帮助。

WordPress 主题除了图片和JavaScript,经常由三种文件构成。

  1. 样式表文件 style.css, 控制着页面的外观
  2. 函数文件 (functions.php)。
  3. 模板文件,它控制着从数据库中调出的数据所呈现的外观。

让我们单独看一下。

主题样式表

CSS文件不仅列出了一些主题的样式设计, style.css 必须 以注释的形式列出主题的详细信息 两个不同的主题是不允许拥有相同的表述的 , 因为这样会导致主题选择出错。如果你通过拷贝一个你已经制作的主题来制作你新的主题,请确保先更改这些头部注释.

下面是样式表头部注释的例子,被称作样式表头注释。比如主题叫做 "Twenty Ten":

  1. /*
  2. Theme Name: Twenty Ten
  3. Theme URI: http://wordpress.org/
  4. Description: The 2010 default theme for WordPress.
  5. Author: wordpressdotorg
  6. Author URI: http://wordpress.org/
  7. Version: 1.0
  8. Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)
  9.  
  10. License:
  11. License URI:
  12.  
  13. General comments (optional).
  14. */
本文来自网络,不代表1号站长-站长学院|资讯交流平台立场。转载请注明出处: https://www.1cn.cc/jianzhan/jingyan/21082.html
上一篇Wordpress站点SEO优化教程二:插件优化
下一篇 WordPress主题制作之模板文件的引入方法
admin

作者: admin

这里可以再内容模板定义一些文字和说明,也可以调用对应作者的简介!或者做一些网站的描述之类的文字或者HTML!

为您推荐

评论列表()

    联系我们

    联系我们

    0898-88888888

    在线咨询: QQ交谈

    邮箱: email@wangzhan.com

    工作时间:周一至周五,9:00-17:30,节假日休息

    关注微信
    微信扫一扫关注我们

    微信扫一扫关注我们

    关注微博
    返回顶部