balise/anchor

Wordpress 模板

维护者

详细信息

github.com/BaliseCode/Anchor

主页

源代码

问题

安装: 46

依赖项: 0

建议者: 0

安全性: 0

星标: 2

关注者: 2

分支: 1

开放问题: 1

类型：项目

2.1 2020-02-29 21:34 UTC

Requires

MIT cd83d3ea47be99ca2f5cb91deda8acb359cbe260

This package is auto-updated.

Last update: 2024-10-01 00:06:28 UTC

README

Anchor 是一个用于简化主题创建流程的 Wordpress 主题模板。它使用 Anchor-Framework 作为依赖，因此可以更新现有项目。

入门指南

您需要安装 composer 和 node 以开始。

  • Composer 用于加载主题依赖项
  • Node 用于编译资源

要创建一个新项目，进入您的 CLI（终端、Powershell 等）并输入

composer create-project balise/anchor your_project_name
cd your_project_name
npm install

要编译您的资源，输入

npm start

功能

  • 对 Blade 模板的支持

  • JavaScript 打包

    • Vue.JS 支持
    • React 支持

  • Gutenberg 就绪

    • 为 Gutenberg 块编译

  • LESS、SCSS、SASS 和 CSS 打包

  • 图形

    • 图像压缩
    • 图标字体创建
    • 添加自定义 dashicons 的可能性

  • PHP 文件的自动包含

Blade 支持

Anchor（来自 Anchor 框架）支持 Blade 模板语言作为替换 Wordpress PHP 文件结构的方案。Blade 文件结构使用与 Wordpress 完全相同的层次结构（https://wphierarchy.com/），但有 2 个例外

  1. Anchor 将检索 app/views 及其子文件夹，没有检索限制（而 Wordpress 只会查看一个层级）
  2. Anchor 将 posttype/single.blade.php 视为 /single-posttype.blade.php 和 posttype/archive.blade.php /archive-posttype.blade.php 的替代品，以实现更干净的文件夹结构

当前 Blade 版本为 5。

JavaScript 打包

JavaScript 资源使用 Gulp（https://gulp.node.org.cn）进行编译。这支持 React 和 Vue，因此您可以选择您喜欢的框架

LESS、SCSS、SASS 和 CSS 打包

样式表资源使用 Gulp（https://gulp.node.org.cn）进行编译。使用您想要的 CSS 编译器进行样式化。我们支持 LESS、SASS 或纯 CSS。

公共样式

Gulp 文件将 main.scss、main.css 和 main.less 编译成单个文件 main.css，该文件将被添加到您站点的前端部分。

管理样式

它还将任何 admin.css、admin.scss 和 admin.less 编译成单个 admin.css 文件，该文件将被添加到您站点的后端部分。

主题结构

文件 描述
/app/ 这里发生魔法
/components/ 发布您的 Gutenberg 组件的地方
/public/ css、图标、Blade 模板等的编译目标
functions.php 默认WordPress功能文件，该文件被Gulp重写
index.php 默认WordPress索引文件
style.css 默认WordPress样式文件