hojalatheef/sitepackageone

sitepackageone 分发的站点包

安装: 1

依赖: 1

建议者: 0

安全性: 0

星标: 1

关注者: 1

分支: 0

开放问题: 0

类型:typo3-cms-extension

dev-main 2024-08-07 17:12 UTC

This package is auto-updated.

Last update: 2024-09-07 17:23:02 UTC


README

Packagist Latest Stable Version Total Downloads Monthly Downloads TYPO3 13.2

Build Status

SitePackageOne 是一个为提供全面的单页网站模板而设计的 TYPO3 扩展。它包括预配置的模板、TypoScript 设置以及为现代响应式单页网站定制的自定义内容元素。

要求

  • TYPO3 v13
  • PHP 8.2 或更高版本

安装

composer req hojalatheef/sitepackageone

2. 包含 TypoScript 模板

  1. 转到模板模块:

    • 导航到 "WEB" > "模板"。
  2. 选择根页面:

    • 选择您的根页面。
  3. 编辑模板记录:

    • 点击 "信息/修改" 然后点击 "编辑整个模板记录"。
  4. 包含静态 TypoScript:

    • 在 "包含" 选项卡中,将 sitepackageone 添加到 "包含静态(从扩展中)" 字段。

3. 设置根页面

确保您在 "WEB" > "页面" 模块中创建了根页面。

  • 通过右键单击页面并选择 "编辑" 将根页面设置为网站根目录。
  • 在 "行为" 选项卡中,勾选 "用作根页面" 选项。

4. 自定义您的单页模板

创建内容元素

  • 转到 "WEB" > "页面"。
  • 使用提供的模板在根页面上创建和配置内容元素。

编辑 HTML 模板

  • HTML 模板位于 EXT:sitepackageone/Resources/Private/Templates
  • 自定义这些模板以适应您的需求。

5. 添加自定义样式和脚本

CSS 和 JS 文件

  • 将您的自定义 CSS 文件添加到 EXT:sitepackageone/Resources/Public/CSS
  • 将您的自定义 JavaScript 文件添加到 EXT:sitepackageone/Resources/Public/JavaScript

在 TypoScript 中包含自定义样式和脚本

打开位于 EXT:sitepackageone/Configuration/TypoScript/setup.typoscript 的 TypoScript 设置文件,并根据需要包含自定义样式和脚本

page.includeCSS {
    file1 = EXT:sitepackageone/Resources/Public/CSS/styles.css
}

page.includeJSFooter {
    file1 = EXT:sitepackageone/Resources/Public/JavaScript/scripts.js
}

开发

使用 DDEV 进行本地开发

  1. 启动 DDEV 环境:确保您已在系统上安装了 DDEV

    ddev start
  2. 访问 TYPO3 后台:导航到 http://sitepackageone.ddev.site/typo3 并使用您的管理员凭据登录。

许可证

SitePackageOne 在 MIT 许可证下发布。有关更多详细信息,请参阅 LICENSE 文件。