WordPress主题开发:一个简单的WordPress主题

在WordPress主题中一个基础的文件其实只有三个,一个是style.css(样式文件),一个是functions.php(主题函数文件),还有一个就是index.php(首页)。

描述

在WordPress主题中一个基础的文件其实只有三个,一个是style.css(样式文件),一个是functions.php(主题函数文件),还有一个就是index.php(首页)。

  1. style.css:控制整个主题的样式展示
  2. functions.php整个主题会用到的全局函数都可以写在此文件中,WordPress会自动加载
  3. index.php 主题首页文件,在不设置其他页面为WordPress首页时直接访问域名打开的页面

开始

首先,我们创建一个主题目录。

然后分别在该目录的根路径下创建这个三个文件如下:

  1. style.css
  2. functions.php
  3. index.php

创建完成之后此时上传该主题到你的WordPress站点是还不能识别的,我们需要在主题的style.css的头部中声明一下:

/* Theme Name: 主题名称(写你的名字都行) 
Theme URI: https://zc.inacorner.top/(主题演示网站) 
Author: 主题作者 
Author URI: https://www.clearnull.com/(主题作者网站) 
Description: 这是一个主题描述(主题描述) 
Version: 1.0(主题版本)
Tags: 主题标签,请空科技,WordPress二开(主题标签,如果上传到WordPress主题官网,用户可以凭此标签找到你的主题) 
*/

基本上需要声明的就是这些(完整声明版请看本章节底部链接),相信大家应该是能看懂的,此时你再将整个文件夹上传到WordPress的主题目录下就可以在后台的外观中看到并启用这个主题了。

演示网站

本章节教程参考链接:https://developer.wordpress.org/themes/basics/main-stylesheet-style-css/

为TA充电
共{{data.count}}人
人已赞赏
函数文档

WordPress的数据库操作:$wpdb防止SQL注入攻击

2021-5-24 10:23:52

主题开发

WordPress主题开发:一个WordPress主题的文件结构

2021-5-24 12:35:15

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索