ryanpotter / silverstripe-cms-theme
CMS 主题
3.4.5
2023-05-20 04:29 UTC
Requires
- silverstripe/admin: ^1.0
- silverstripe/framework: ^4.0
- silverstripe/siteconfig: ^4.0
- dev-master
- 3.x-dev
- 3.4.5
- 3.4.4
- 3.4.3
- 3.4.2
- 3.4.1
- 3.4.0
- 3.3.0
- 3.2.1
- 3.2.0
- 3.1.0
- 3.0.2
- 3.0.1
- 3.0
- 2.3.0
- 2.2.0
- 2.1.5
- 2.1.4
- 2.1.3
- 2.1.2
- 2.1.1
- 2.1.0
- 2.0.8
- 2.0.7
- 2.0.6
- 2.0.5
- 2.0.4
- 2.0.3
- 2.0.2
- 2.0.1
- 2.0.0
- 1.0.5
- 1.0.4
- 1.0.3
- 1.0.1
- 1.0.0
- 0.5.1
- 0.5.0
- 0.4.2
- 0.4.1
- 0.4.0
- 0.3.1
- 0.3.0
- 0.2.1
- 0.2.0
- 0.1.1
- 0.1.0
- dev-dependabot/npm_and_yarn/browserify-sign-4.2.2
- dev-dependabot/npm_and_yarn/babel/traverse-7.23.2
- dev-dependabot/npm_and_yarn/fsevents-1.2.13
This package is auto-updated.
Last update: 2024-09-17 07:58:27 UTC
README
仅为CMS侧边栏的一个简单UI更改。
该主题支持在 设置 > 设置选项卡 > CMS 选项卡 中使用 UploadField 上传标志,以便在CMS的左侧菜单中显示。
截图
感谢
感谢 https://github.com/symbiote/silverstripe-grouped-cms-menu 提供一些分组菜单项的代码。
安装
composer require ryanpotter/silverstripe-cms-theme
配置
您可以选择通过CMS的“网站设置”部分上传CMS标志,或者您可以通过以下YML配置定义它
SilverStripe\SiteConfig\SiteConfig: cms_logo: 'path/to/your/image.png' cms_logo_width: 100 # Optional width constraint
您可以通过以下YML配置设置左侧菜单的主题颜色
SilverStripe\Admin\LeftAndMain: cms_background: '#1d48a0' cms_border_color: '#173778' cms_color: '#fff' cms_hover_background: 'inherit' cms_hover_color: currentColor cms_active_background: '#173778' cms_active_color: currentColor cms_drawer_background: '#1a3e88' cms_drawer_color: currentColor cms_icon_color: currentColor
CMS菜单分组
您可以通过将菜单代码添加到 menu_groups
配置来将菜单项添加到列表中,例如
SilverStripe\Admin\LeftAndMain: menu_groups: Misc: icon_class: 'fa fa-folder' # (optional) Defaults to 'fa fa-folder' priority: 0 # (optional) Defaults to menu item order items: - SilverStripe-CampaignAdmin-CampaignAdmin - Help - SilverStripe-Reports-ReportAdmin
覆盖/添加图标
该CMS主题中的图标使用 Font Awesome,要覆盖这些图标,只需在ModelAdmin扩展中添加表示您要显示的图标的类。例如
private static $menu_icon_class = 'fas fa-pencil-alt';
或者您可以使用YML配置设置此内容。例如
SilverStripe\CMS\Controllers\CMSPagesController: menu_icon_class: 'fas fa-sitemap'