如何定义网站中图库和列表的分组按钮的样式？
如何定义网站中图库和列表的分组按钮的样式？
发布日期：2016-09-10
浏览次数：1240
什么是分组功能？
在制作网站页面的时候，我们经常会使用图片库功能来显示多张图片。有的时候，图片很多，如果把这些图片都显示在页面上，网站页面会显得杂乱无章。这个时候，我们需要使用到图片库的分组功能，将图片一组一组的进行显示。用户可以通过点击分组按钮，让图片库只呈现一组图片，并在组和组之间进行切换。
例如，这是一组图片，当用户打开页面时，会显示所有图片。
当用户点击运动时，图片库会只显示运动主题的图片
以上是对图片库分组功能的一个简单介绍，相信您不难上手。下面我们将介绍如何对分组按钮的样式进行调整，以达到最适合网站的风格的效果。
如何定义图库的分组样式
首先点击图库的设置按钮
然后在弹出的控制面板中切换到图片分组选项卡
由于选项卡会非常长，您需要拖动滑动条到最下方。
在这里，您就可以看到定义分组样式的选项了。
如您所见，您可以设置字体大小，颜色，选中颜色，以及上下间距和对齐方式。
这是我们简单调整后的一个样式。
当然，如果您会写CSS，还可以通过CSS覆盖掉系统的设置来实现更细致的设定。
如何定义列表的分组样式
除了图库，列表也提供了分组功能。其定义的方式和图库分组基本类似。
首先，您需要点击设置按钮，打开列表的选项卡
然后在弹出的列表控制面板中切换到内容选项卡，并激活分组功能
和图库分组功能不同，列表分组还能定义切换的模式。默认是快速模式，这个模式不会刷新页面；还有一种备选的持久化模式，这种模式会跳转到分类页面。除非您有一定的技术背景，一般不推荐使用这种模式。
和图片分组一样，您可以定义很多参数。下图是我们定义了样式的一个示例。
列表和图库分组的最大不同是，列表还不支持对齐的设置哦，只能居左对齐。
热门教程