大盟 / automad-bootstrap
基于Bootstrap框架的响应式多用途主题,适用于Automad CMS。
Requires
- automad/meta-tags: ^1.1 || dev-default
- automad/package-installer: ^1.1
- components/jquery: ^3.3
- twbs/bootstrap: ^4.2
This package is auto-updated.
Last update: 2024-08-24 19:13:22 UTC
README
基于Bootstrap框架的响应式多用途主题,适用于Automad CMS。查看演示页面和所有可用的模板此处。
选项 & 设置
此主题使用多个变量进行配置。下面列出了一些最重要的选项来控制您站点的外观和感觉。其他选项可以在页面设置中尝试。
自定义Bootstrap CSS
由于主题完全基于Bootstrap框架,因此可以使用自定义版本的Bootstrap。您可以使用bootstrapCss
变量提供.css
文件的替代URL。您可以在仪表板的共享数据部分上传自定义的.css
文件。有关自定义Bootstrap的更多信息,请参阅此处。
Google Analytics和其他自定义页眉或页脚项
有时需要在页面中添加自定义JavaScript或CSS。例如,如果您想向网站添加Google Analytics跟踪代码片段,这就是这种情况。因此,此主题提供了两个变量用于此目的。itemsHeader
变量允许您在</head>
标签关闭之前添加所有类型的页眉项。要添加任何HTML或JS在</body>
标签关闭之前,可以使用itemsFooter
变量。
搜索
通过将页面定义为结果页面,可以启用导航栏中的搜索字段。因此,只需在仪表板“共享数据 & 设置”部分的urlSearchResults
变量中输入您页面的内部URL。请注意,选定的页面需要包含类似于博客或作品集的列表模板。
导航栏操作按钮
要突出显示您网站上的特定操作,您可以定义urlActionButton
的内部或外部URL。然后将在您的导航栏中显示一个主要按钮。
轮播配置
一旦在页面设置中为images
变量设置了文件模式或列表,页面就会出现轮播幻灯片。您还可以在共享设置部分定义一个通用模式,它将作为所有页面的默认值使用。文件模式可以使用*
表示零个或多个字符。多个模式可以由逗号分隔。一个典型的模式如下
*.jpg, *.png, *.gif
要更改图片滑动器的宽度,请使用carouselHeight
变量。
页列表排序
默认情况下,页列表按日期降序排序。您可以通过在博客或作品集页面上添加sortPages
变量的值来更改此行为。为了定义列表中页面的排序,您必须提供要排序页面的变量的组合以及排序顺序,如date desc
或title asc
。
模板过滤器
您可以使用正则表达式为templateFilter
变量过滤页列表的页面模板。
Open Graph图片
标题和描述会自动用于开放图标签,用于在分享页面时作为预览。您还可以定义用于og:image
属性值的预览图像的模板。一个好的模板可能是*.jpg, *.png, /shared/og.png
。使用这个模板,将首先使用第一个JPG或PNG图像作为预览图像,而使用共享文件部分中的名为og.png
的文件作为没有图像的页面的备用。