buepro / typo3-user-customer
使用模板 pizpalue 定制网站的 typo3-user_customer 扩展。
Replaces
- buepro/typo3-user-customer: 11.1.3
README
!!! 此扩展已被重命名并移动到 user_pizpalue !!!
此扩展作为定制使用模板 pizpalue 的 typo3-网站的基础。
使用方法
在开始新项目时,创建一个新的 git 分支并仅提交到该分支。master 分支应始终用于开始新项目。
为了提高工作质量,可能需要提交并记录工作进度。文档位于文件夹 Documentation
中。可以通过以下步骤创建更改日志
- 在 shell 中进入
Build
目录 - 运行
npm install
(如果尚未完成,则需要运行) - 运行
grunt doc
自定义
TypoScript (TS)
自定义通常从修改 ts 常量 和 ts 设置 开始。常用配置收集在文件夹 Configuration/TypoScript/Default
中。您可以复制所需的片段到 Configuration/TypoScript/constants.typoscript
或 Configuration/TypoScript/setup.typoscript
以开始使用。默认 TS 的包含(见 <INCLUDE_TYPOSCRIPT...
)可能会被删除。
CSS/SCSS
样式声明保存在文件夹 Resources/Public/Scss
中。为了嵌入样式表,需要设置 TS。有关详细信息,请参阅 page.includeCSS
。
图标字体
创建自定义图标字体可能很有用。理想情况下,它包含网站上所有使用的图标。要生成图标字体,图标需要以 svg 格式可用。遗憾的是,并非所有 svg 格式都能达到预期效果,因此可能需要进行一些测试。可以通过以下步骤创建图标字体
- 将所有 svg 图标复制到文件夹
Resources/Public/Icons/Font
- 在 shell 中进入
Build
目录 - 运行
npm install
(如果尚未完成,则需要运行) - 运行
grunt iconfont
创建图标字体后,其资源可以在 Resources/Public/Fonts
中找到。接下来,需要通过以下 TS 设置嵌入字体
page {
includeCSSLibs {
pizpalueicon >
ucicon = EXT:user_customer/Resources/Public/Fonts/ucicon.min.css
ucicon {
fontLoader {
families {
0 = UcIcon
}
enabled = 1
}
}
}
}
现在您可以在标记中使用图标字体:<i class="ucicon ucicon-custom1"></i>
将渲染一个显示由 custom1.svg
定义的图形的图标。
布局/模板/部分
它们保存在 Resources/Private
目录中。例如,要添加一个新的页面模板,请按照以下步骤操作
- 在目录
Resources/Private/Templates/Page
中创建模板 - 在TS常量声明中启用模板
user_customer {
page.fluidtemplate {
templateRootPath = EXT:user_customer/Resources/Private/Templates/Page/
}
}
编码指南
- 使用TYPO3定义的 编码指南。
- 使用 uc, Uc, uc- 作为包相关的前缀
常用
用于编码
用于文档