WORDPRESS 主题

Nuxare

轻量级、多用途的 WordPress 主题,内置 Nuxare Builder 可视化编辑器 —— 无需代码,拖拽搭建专业级网站。

版本 1.0.0 作者 yaujan 许可 专有 / Commercial
Nuxare Theme 预览
Overview

主题概览

Nuxare 主题以设计令牌驱动、净室开发为基石,提供商业级 WordPress 建站体验。

Nuxare 主题采用 净室开发(Clean Room) 原则,从零构建,不包含任何第三方框架的遗留代码或 GPL 传染代码。主题的每一行代码都经过精心设计,确保纯净、安全、可审计。

主题以 Design Token 为中心驱动力 —— 从配色方案到间距、排版、圆角等所有视觉属性均通过中心化令牌管理。配合内置的 Nuxare Builder 可视化编辑器,用户无需编写一行代码即可创建响应式、品牌化的专业网站。

主题采用 商业许可(专有 / Commercial),适用于外贸建站、企业官网、电商展示等场景。完整的模板系统、导入器、响应式设备属性等功能让建站流程高效流畅。

70+
模板文件
16
PHP 模块
20+
JS/CSS 资源
1.0.0
当前版本
Core Features

核心功能

七大核心能力,定义新一代 WordPress 主题开发标准。

Nuxare Builder

Nuxare Builder 可视化编辑器

全功能可视化页面构建引擎,三层内容模型驱动,操作直观高效。

  • 三层内容模型:Section → Column → Element
  • 全屏可视化编辑,所见即所得
  • 拖拽、复制、删除、层级高亮
  • 列内嵌套列,无限布局可能
Design Token

全局配色系统

中心化调色板管理,主色/次色自动派生变体,全站配色一键级联。

  • 中心化调色板,主色/次色统一管理
  • 自动派生 HSL 变体,深浅色调随需生成
  • 基于 color-mix() 技术的实时混色
  • 一站改色,全站即时级联生效
Responsive

响应式设备属性

三设备模型驱动,可配置断点,逐设备差异化设值,精准控制每端呈现。

  • 三设备模型:桌面 / 平板 / 手机
  • 可配置断点,适配任意屏幕尺寸
  • 逐设备差异化属性设值
  • 按设备显示/隐藏元素
Icons

自研图标库

内建图标资源,编辑器内网格化可视选择,无需引入外部图标字体。

  • 内建图标资源,开箱即用
  • 编辑器内网格化浏览与选择
  • 非外部图标字体,零外部依赖
  • 轻量高效,不增加额外请求
Options

主题选项面板

集中化配置面板,颜色、响应式、排版、全局样式一站管理。

  • 颜色 / 响应式 / 排版集中配置
  • 全局样式统一管理
  • 模板显示条件灵活设置
  • 所见即所得的配置体验
Templates

模板系统

灵活的布局模板创建与自动套用机制,按页面/文章类型/分类智能匹配。

  • 创建可复用的布局模板
  • 显示条件自动套用(按页面/文章类型/分类等)
  • 灵活的条件组合,精确控制
  • 模板预览与快速切换
Importer

导入器

布局与模板的导入复用机制,支持跨站点资源迁移,降低重复工作。

  • 布局数据导入与导出
  • 模板资源跨站点复用
  • 支持预设布局库扩展
  • 一键导入,快速部署
Requirements

环境要求

确保您的服务器环境满足以下最低配置要求。

WordPress

版本要求

5.8+

PHP

版本要求

7.4+

浏览器

前端兼容

Modern
Installation

安装步骤

  1. 上传主题 将 nuxare 主题文件夹上传至 /wp-content/themes/
  2. 激活主题 在 WordPress 后台「外观 → 主题」中激活 Nuxare 主题
  3. 安装依赖插件 根据提示安装并激活 Nuxare Builder 等推荐插件(如有)
  4. 导入演示数据 通过主题选项面板一键导入演示内容和布局模板
  5. 开始建站 使用 Nuxare Builder 可视化编辑器拖拽搭建您的网站
Structure

目录结构

Nuxare 主题的文件组织架构一览。

展开目录结构
nuxare/
├── style.css # 主题主样式文件
├── functions.php # 主题核心函数
├── screenshot.png # 主题截图
├── index.php # 主模板文件

├── assets/
│ ├── css/
│ │ ├── nuxare.css # 主题样式
│ │ ├── nuxare-editor.css # 编辑器样式
│ │ └── rtl.css # RTL 支持
│ ├── js/
│ │ ├── nuxare.js # 主题脚本
│ │ ├── nuxare-builder.js # 可视化编辑器
│ │ └── nuxare-import.js # 导入器脚本
│ └── icons/
│ └── nuxare-icons.svg # 自研图标库

├── includes/
│ ├── class-nuxare-builder.php# 构建器核心
│ ├── class-nuxare-color.php # 全局配色系统
│ ├── class-nuxare-responsive.php # 响应式引擎
│ ├── class-nuxare-templates.php # 模板系统
│ ├── class-nuxare-importer.php # 导入器
│ ├── class-nuxare-options.php # 选项面板
│ ├── class-nuxare-icons.php # 图标库
│ ├── class-nuxare-assets.php # 资源管理
│ ├── class-nuxare-cleanup.php # 清理 & 优化
│ ├── class-nuxare-compat.php # 兼容层
│ ├── class-nuxare-debug.php # 调试工具
│ ├── class-nuxare-element.php # 元素基类
│ ├── class-nuxare-section.php # Section 类
│ ├── class-nuxare-column.php # Column 类
│ └── class-nuxare-updater.php # 更新器

├── template-parts/
│ ├── header/
│ ├── footer/
│ ├── content/
│ └── builder/ # 构建器渲染部件

├── languages/
│ └── nuxare-zh_CN.po # 中文翻译

└── docs/
└── README.md # 开发文档
Development

开发与扩展

Nuxare 主题提供完善的扩展机制,满足进阶开发需求。

新元素开发

基于 Element 基类扩展自定义元素,注册后即可在 Builder 编辑器中拖拽使用。支持自定义渲染逻辑、属性面板和前端样式。

  • 继承 Element 基类快速开发
  • 自定义属性面板与渲染
  • 支持前端 JS 交互扩展

Design Token 扩展

通过 filters 和 actions 注册自定义 Design Token,扩展主题的配色、间距、排版等视觉属性体系。Token 变更自动级联至所有使用点。

  • Filter 注册自定义 Token
  • Token 变更自动级联
  • 支持 CSS 自定义属性输出

Render Pipeline

主题渲染管线从 Token 解析到 HTML 输出经过多层处理:令牌解析、响应式适配、样式生成、模板渲染。支持 Pipeline hooks 在各阶段注入自定义逻辑。

  • Token 解析 → 响应式适配 → 样式生成 → 渲染
  • Pipeline hooks 支持自定义逻辑注入
  • 缓存机制优化渲染性能

兼容性设计

内置兼容层(Compat Layer),确保与主流 WordPress 插件和第三方构建器的协同工作。通过 class-nuxare-compat.php 统一管理兼容适配。

  • 兼容主流 WordPress 插件
  • 统一的 Compat 适配层
  • 模块化设计,低耦合高内聚
License

许可与合规

Nuxare 主题的许可条款与合规声明。

专有许可 / Commercial License

Nuxare 主题采用商业专有许可。未经授权,不得重新分发、转售或用于非许可用途。每份许可对应一个域名,支持开发环境和生产环境部署。

净室开发(Clean Room)

本主题从零开始独立开发,不包含任何第三方框架的 GPL 传染代码。所有核心功能(Builder、配色系统、响应式引擎、模板系统等)均为原创实现,确保代码纯净、安全、可审计。

第三方组件合规

主题中使用的第三方资源(如图标、字体)均遵循其原始许可协议。Bricolage Grotesque 和 Instrument Sans 字体采用 SIL Open Font License 1.1。所有第三方依赖均在文档中明确标注。

>