hojalatheef / sitepackageone
sitepackageone 分发的站点包
dev-main
2024-08-07 17:12 UTC
Requires
- typo3/cms-core: ^13.2
Requires (Dev)
- roave/security-advisories: dev-latest
This package is auto-updated.
Last update: 2024-09-07 17:23:02 UTC
README
SitePackageOne 是一个为提供全面的单页网站模板而设计的 TYPO3 扩展。它包括预配置的模板、TypoScript 设置以及为现代响应式单页网站定制的自定义内容元素。
要求
- TYPO3 v13
- PHP 8.2 或更高版本
安装
composer req hojalatheef/sitepackageone
2. 包含 TypoScript 模板
-
转到模板模块:
- 导航到 "WEB" > "模板"。
-
选择根页面:
- 选择您的根页面。
-
编辑模板记录:
- 点击 "信息/修改" 然后点击 "编辑整个模板记录"。
-
包含静态 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 进行本地开发
-
启动 DDEV 环境:确保您已在系统上安装了 DDEV。
ddev start
-
访问 TYPO3 后台:导航到 http://sitepackageone.ddev.site/typo3 并使用您的管理员凭据登录。
许可证
SitePackageOne 在 MIT 许可证下发布。有关更多详细信息,请参阅 LICENSE 文件。