wordpress主题开发教程

一、主题开发步骤

简单的说，开发一个wordpress分以下几步：

1. 在wp-content/themes/文件夹下创建属于你自己的主题文件夹

2. 然后在主题文件夹下创建2个必须的基本文件 index.php 和style.css 

3. 接着根据需要创建其他模板和文件及利用wordpress内置的函数在模板中动态显示内容

4. 最后登陆后台在外观中启用我们创建的主题就可以了

当然，还有个简便的方法就是把wordpress默认的主题复制一份,然后在其基础上二次开发就OK了。

二、主题的剖析

WordPress主题目录位于 wp-content/themes/。主题目录拥有所有样式文件、模板文件、可选的函数文件 (functions.php)、JavaScript 文件、图片等。比如说一个叫做 "test" 的主题就会放在 wp-content/themes/test/目录里。

WordPress 主题一般由三种文件构成：

1. 样式表文件 style.css， 控制着页面的外观。

2. 函数文件 (functions.php)。

3. 模板文件，它控制着从数据库中调出的数据所呈现的外观。

1、主题样式表

style.css为该主题的主题样式，该样式文件须在文件开头以注释的形式列出主题的详细信息。

如：

/*

Theme Name: ykqTheme
Theme URI: yuankeqiang.lofter.com
Author: ykq

Tag : hehe
.......

*/

这样启用主题后wordpress会自动读取该主题的相关信息，我们可以在后台->外观->主题->主题详情 来查看我们我们的主题信息。

缩略图来自哪里：

在主题目录创建一张图片重命名为screenshot.png或者screenshot.jpg，wordpress会自动读取该图片为主题的缩略图。

还有一个样式rtl.css：

作用是如果网站的阅读方向是自右向左的，他会自动被包含进来。你可以使用 the RTLer 插件来生成这个文件。

2、函数文件

一个主题可以使用一个函数文件，位于主题的根目录，叫做 functions.php。

这个文件就像一个插件， 如果它位于你正在使用的主题里的话，他在你的主题初始化的时候就会自动加载(后台页面和前台页面都一样加载)。对于这个文件的建议：

• 启用主题功能，例如：侧边栏，菜单，文章缩略图，文章格式，自定义标题栏。

• 定义用于模板文件中的函数。

• 设置一个选项菜单，让网站拥有者可以自定义颜色，样式，和你的主题的其他特性。

3、模板文件

模板是一些PHP文件，不同的模板代表不同的页面：

常见模板如下：

wordpress 仿站教程：模板文件、调用模板、创建主题、参数调用标签_tiz198183的博客-CSDN博客_wp仿站教程wordpress 仿站教程：模板文件、调用模板https://litao.blog.csdn.net/article/details/125277290

4、自定义单页模板

我们可以自定义页面模板page.php，创建一个自定义页面需要首先创建一个文件，建议文件的命名为page-{name}.php,

假设我们创建一个公司简介的页面，自定义页面可以叫做page-about.php。在page-about.php的文件顶部必须写上页面名称：

<?php /* Template Name: 公司简介  */  ?>

这样我们创建页面的时候就可以选择我们自定义的模板：

注意：我们可以在主题文件夹的任何地方创建页面模板，若模板文件很多的话我们可以创建一个文件夹如page-templates，然后将模板文件都放到该文件夹下。

5、包含模板

为了加载其他模板(除了 header, sidebar, footer 这些已经被预先定义了加载命令的例如 get_header())到某个模板中，你可以使用 get_template_part()。这利于主题的代码重用。

三、Wordpress 常用函数

1.bloginfo() 显示博客信息。根据参数不同，可以显示博客信息中不同的部分。

bloginfo('name');  输出博客名
bloginfo('url');   输出博客url
bloginfo('description'); 输出博客描述
bloginfo('rss2_url');   输出博客RSS2.0 feed地址 如：https://www.a.com/feed
bloginfo('template_url'); 输出博客模板地址
bloginfo('charset');  输出编码方式

示例：使用bloginfo()函数常见组合

Copyright ©  <a href="<?php bloginfo('url');?>" title="<?php bloginfo('description');?>"><?php bloginfo('name');?></a>

注意：bloginfo() 是输出这些值，如何只想获取使用 get_bloginfo(),参数一样

2.wp_title() 显示页面标题。如果是文章页面显示文章标题，分类页面显示分类名称。