WordPress 主题开辟：从入门到通晓（必读）

2024年5月7日 241次阅读 来源: Ayuan

本专栏引见如何开辟设想你本身的 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 社区做出了本身的孝敬 (增添手艺圈内天资)。

在本专栏中能进修到哪些学问？

  1. WordPress 的深度运用技能
  2. WordPress 的主题开辟
  3. WordPress 的插件开辟
  4. 自力制造一个完全的博客
  5. 自力制造一个完全的电子商务网站

WordPress 主题模板开辟范例

WordPress 主题应当根据以下范例开辟:

主题的理会

WordPress主题目次位于 wp-content/themes/。主题的子目次具有一切款式文件、模板文件、可选的函数文件 (functions.php)、JavaScript 文件、图片等。比方说一个叫做 “test” 的主题就会放在 wp-content/themes/test/目次里。请防止运用数字名字，这会致使没法在主题列表中一般显示出来。

WordPress每一个刊行版都邑有一个默许的主题。请仔细检察默许的主题，如许能够会对制造你本身的主题有协助。

WordPress 主题除了图片和JavaScript，常常由三种文件组成。

  1. 款式表文件 style.css， 掌握着页面的表面
  2. 函数文件 (functions.php)。
  3. 模板文件，它掌握着从数据库中调出的数据所显现的表面。
  4. …

让我们零丁看一下。

主题款式表（ style.css )

CSS文件不仅定义了你的主题款式，style.css *必需 以解释的情势列出主题的详细信息。*两个差别的主题是不许可具有雷同的表述的 ， 由于如许会致使主题挑选失足.假如你经由过程拷贝一个你已制造的主题来制造你新的主题，请确保先变动这些头部解释.

下面是款式表头部解释的例子，被称作款式表头解释。比方主题”Bachelor”:

/*
Theme Name: Bachelor
Theme URI: http://taper.io/themes/bachelor
Author: Ayuan
Author URI: http://taper.io/
Description: The Bachelor theme for TaperLabs takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: bachelor

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.
*/

在接下来的文章里，我将从 WordPress 主题文件构造最先，解说并建立实例来离别议论函数文件、模板文件、基础模板、自定义页面模板、搜刮查询模板、定义模板、模板的援用、插件 API 钩子等的用法及机制。疾速简朴的入门到相识这一轻易简约的开源 CMS 体系中。

    原文作者：Ayuan
    原文地址: https://segmentfault.com/a/1190000013417517
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞