leancode / silverstripe-foundation-orbit
使用Silverstripe框架的图片轮播组件
Requires
- rywa/silverstripe-foundation: >=1.1
- silverstripe/cms: >=3.1
- silverstripe/framework: >=3.1
This package is auto-updated.
Last update: 2024-09-29 04:14:07 UTC
README
基于foundation主题的Silverstripe CMS图片轮播模块。
作者
此模块由leancode(Dominic O'Brien)创建,基于i-lateral创建的"i-lateral/silverstripe-carousel"模块的代码。
安装
通过下载并将其添加到以下位置安装此模块:
[silverstripe-root]/orbit
然后运行:http://yoursiteurl.com/dev/build/
或者,将以下内容添加到您的项目的composer.json中
使用
安装后,您必须将模板变量$OrbitSlides添加到任何希望显示轮播图的模板中。
通过登录管理界面并编辑您想添加幻灯片的页面来设置幻灯片。
在"设置"选项卡中,通过勾选"在此页面上显示图片轮播?"复选框来启用幻灯片。然后保存您的页面(非常重要!)宽度和高度的覆盖将显示在下方,允许您更改幻灯片的大小。
保存后,返回"内容"选项卡,在"主内容"子选项卡旁边,应该出现了"Orbit"选项卡。在那里,您可以上传/选择要成为幻灯片一部分的图片。
在我的测试中,我注意到在安装后"Orbit"选项卡最初是空的。我需要再次点击左侧的"页面"选项卡以刷新页面,然后"Orbit"选项卡的内容才显示出来。这似乎只会发生在第一次。也许我遗漏了一些刷新。请自由地更新这些说明并在github上发送给我一个拉取请求。
其他
这是我为Silverstripe创建的第一个模块,我刚刚开始接触。它基于"i-lateral/silverstripe-carousel"模块。他们的模块使用JQuery插件和自定义CSS。由于我正在使用最棒的基于compass/sass的foundation主题,而幻灯片"orbit"已经包含在foundation中,所以我无需这些。将他们的模块适配到我的使用竟然如此简单,包括开设packagist账户,只花了大约1个半小时。我开始喜欢这个了...