agrosup-dijon/bulma-package

Bulma Package 提供了一个基于 Bulma CSS 框架的完整配置的 TYPO3 前端主题。

维护者

详细信息

github.com/AgrosupDijon-DSI/bulma-package

主页

源代码

问题

安装次数: 4,064

依赖者: 0

建议者: 0

安全: 0

星标: 5

关注者: 4

分支: 0

开放问题: 2

类型：typo3-cms-extension

v3.2.0 2024-06-20 08:45 UTC

Requires

Suggests

  • b13/container: Create Custom Container Content Elements for TYPO3
  • georgringer/news: Versatile news extension, based on extbase & fluid for TYPO3 CMS
  • gridelementsteam/gridelements: Extends the grid-based concept known from the backend layout of pages to regular content elements
  • image_autoresize: Let TYPO3 automatically resize down huge images/pictures on-the-fly during upload (or using a scheduler task for batch processing)

GPL-2.0-or-later 69f77787b274eda88497360196591eab47863f4f

themewebresponsivefrontendTYPO3 CMSbulma

This package is auto-updated.

Last update: 2024-09-23 09:43:43 UTC

README

Bulma Package 为 TYPO3 提供了一个完全配置好的前端主题，基于 Bulma CSS 框架。

此项目深受 https://github.com/benjaminkott/bootstrap_package 的启发。许多部分只是简单复制粘贴，感谢 Benjamin！

主要区别（除 CSS 框架外）是，通过后端模块，某些配置对“非管理员”编辑器也是可访问的。我们试图从最终用户的角度出发，尽可能使其简单。

如果您想扩展它以制作自己的模板和布局，您仍然需要是一名开发者。

如果您想进行代码审查，非常欢迎；（)

如果有人稍微采用这个项目，将制作一份真正的文档！

展示

https://bulma-package.cnerta-web.fr/

最小依赖

  • TYPO3 CMS 12.4（对于 TYPO3 11.5，请使用版本 2.x.y）
  • PHP >= 8.1

快速安装指南

  • 使用 composer：composer require agrosup-dijon/bulma-package
  • 不使用 composer：通过扩展管理器或 TER 仅安装扩展（如果您使用 github 版本，则不会有依赖项，并且无法正常工作）
  • 请确保您有一个根页面
  • 请确保您在“网站配置”模块中有一个“站点”
  • 在根页面上创建一个新的模板
    • 包含静态（来自扩展）：Bulma Package（完整包）
  • 转到“网站”模块
    • 创建新的配置
    • 在“常规”中，定义 SEO 标题。这将是在前端可见的网站标题。
    • 在“标志”选项卡中上传主要标志
  • 您已经设置好了，去创建内容吧：）

自定义颜色

  • 转到“网站”模块
  • 在上面的列表中，选择“颜色管理”
  • 创建一个新颜色，给它一个标题，并使用颜色选择器来定义主颜色。
  • 保存
  • 自定义颜色将在页面属性、外观选项卡、前端布局列表中可用。

开发

  • Yarn 使用：ddev yarn --cwd <path_bulma> <command>
  • TER 的存档：ddev -d <path_bulma> composer archive --format=zip --file=bulma_package_x.y.z
  • 更新非 composer 项目的依赖项：ddev composer update --dry-run -d <path_bulma>/Resources/Private/Contrib/Php
  • 更新 JS 依赖项：npm install -g npm-check-updates / ncu / ncu -u