lekoala / exo-theme
此包的最新版本(dev-master)没有可用的许可证信息。
SilverStripe 的 Exo 主题
dev-master
2021-05-17 12:00 UTC
Requires
This package is auto-updated.
Last update: 2024-09-17 19:03:22 UTC
README
为典型的现代企业网站提供的 SilverStripe 简单主题。
此主题可用于测试项目的前端(更加)真实。
主要功能
- Bootstrap 5.0.1
- Bootstrap icons 1.5 作为自定义元素
- Google 字体
- 不使用 jQuery!
- 懒加载图片
- Swiper, AOS, Parallax
- Linea icon set 作为自定义元素
安装主题
自动安装
只需运行 composer require lekoala/silverstripe-exo-theme
即可!
手动安装
将主题复制到 SilverStripe 项目的 themes/
目录中。如果命名正确,应该有一个名为 themes/exo/templates
的目录。
使用方法
所有模板都期望顶层为 Page 类。如果您使用命名空间类或自定义控制器,可以使用以下方式渲染:
return $this->renderWith(["HomePage", "Page"]);
提供数据
主题期望定义一些全局可用的变量
网站配置
以下是一个示例网站配置。请确保定义这些字段或正确地对其进行别名设置。
您可以使用以下函数来模拟配置:
public function SiteConfig()
{
return new ArrayData([
'Title' => "My Demo Website",
'Logo' => [
'URL' => '/resources/app/images/logo/sample-logo.png'
],
'ContactPhone' => "(1) 123 456",
'ContactEmail' => "demo@example.com",
'ContactAddress' => "Some street, 0<br/>AZ42 Some place",
'FacebookLink' => "#",
'TwitterLink' => "#",
'InstagramLink' => "#",
'Favicon' => [
'MaskColor' => '#5bbad5',
'ThemeColor' => '#ffffff',
'AppleIconURL' => '/resources/app/images/favicon/apple-touch-icon.png',
'Favicon32URL' => '/resources/app/images/favicon/favicon-32x32.png',
'Favicon16URL' => '/resources/app/images/favicon/favicon-16x16.png',
],
]);
}
页面
确保您可以通过页面控制器上的获取器访问所有单个页面类型:ContactPage => 返回一个 Contact 页面实例
页脚菜单
在页脚中,提供由 FooterMenus 组成的菜单列表
部分
定义部分以查看其出现。有关更多详细信息,请参阅模板。
待办事项
- 使事物更具可配置性(例如:提供自定义形状、颜色等)
- 使用实际博客模块进行测试(目前仅进行了模拟)
- 通过减少未使用的 Bootstrap 组件进一步最小化 CSS
鸣谢
此主题在很大程度上基于 Exomac 主题 https://themeforest.net/item/exomac-corporate-business-bootstrap-5-template/29347615
然而,它已经去除了额外功能,并针对更通用的使用进行了大量优化
维护者
LeKoala - thomas@lekoala.be
许可证
本模块采用 MIT 许可证。