支持CMS系统中的列插入

发布于 2024-12-11 08:17:13 字数 551 浏览 0 评论 0原文

随着显示器分辨率的提高,我们留下的水平空间(宽度)越来越多,垂直空间越来越少(现在大多数显示器都是 16:9 或 16:10,有些甚至是 21:9)。因此,我们需要能够使长文本更适合更大的宽度。类似报纸的专栏正在成为一种日益增长的趋势。

如何在 CMS 中支持这些?我目前有一个实现,其中文本被放入 s 中,然后用某些类装饰这些 div,例如 Blueprint CSS 系统类(span-5、span-8 等)。

这可以工作,但不能提供出色的用户体验。大多数 RTE 无法显示这些或需要链接站点 CSS。这会引入所有其他类和 CSS 设置,这不是最佳的。

我还实现了用户创建文本内容项的选项,该选项通常只包含一段文本(例如一列),并且用户可以将它们动态添加到页面中(就像添加/删除小部件一样)。该解决方案的问题在于,几乎每个段落都成为自己的文本内容项,结果是这些文本的数量不断增长并变得难以管理。

请将您的选项作为答案发布。我实际上正在寻找一种相当全面和创新的方法来做到这一点,因为我尝试过的 CMS 都没有解决这个问题(DotNetNuke、BlogEngine.net、Ruby's Refinery CMS,...)

As monitor resolutions go up we are left with more and more of horizontal space (width) and less vertical space (most monitory nowadays are 16:9 or 16:10, some even 21:9). As such we require the ability to make long texts more suited for greater width. Newspaper like columns are a growing trend.

How to support those in CMS? I currently have an implementation where text is being put inside s and those divs are then decorated with certain classes for instance the Blueprint CSS system ones (span-5, span-8, etc.)

This works but doesn't offer great user experience. Most RTEs can't display those or required that site CSS is linked in. This brings in all other classes and CSS settings which is not optimal.

I've also implemented the option for the user to create a TEXT content item, which typically holds only one piece of text (one column for instance) and user can add those dynamically to the page (just like adding/removing widgets). The problem with this solution is that almost every paragraph becomes its own text content item the result being that the number of those texts grows and becomes unmanagable.

Please post your options as answers. I am actually looking for quite a comprehensive and innovative way of doing this because neither of the CMSs I tried had this solved (DotNetNuke, BlogEngine.net, Ruby's Refinery CMS, ...)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

稚气少女 2024-12-18 08:17:13

您可以使用一些选项,而无需求助于服务器端实现。某些浏览器支持 CSS3 指令来提供多列。

#div {
    column-count: 2;
}

通过 CSS 可用的属性有:

  • 'column-count',用于确定元素内容将流入的列数。
  • 'column-width',描述每列的最佳宽度。
  • 'column-gap',设置列之间的填充。
  • 'column-rule',定义列之间的边框。

这是最简单的方法,但并不能保证到处都有相同的体验。还有一些 JavaScript 解决方案可以基于文本创建列。

以下是其中一个示例: http://www.csscripting.com/css-multi-column /

因此,我的建议是采用渐进增强方法。如果可用,请使用 CSS3 选项,如果没有,请使用 JavaScript,否则返回到单个宽列。

更多信息:http://www.alistapart.com/articles/css3multicolumn

You have some options available to you without resorting to server-side implementations. Some browsers support a CSS3 directive to provide multiple columns.

#div {
    column-count: 2;
}

Properties available via CSS are:

  • ‘column-count’, to determine the number of columns into which the content of the element will flow.
  • ‘column-width’, to describe the optimal width of each column.
  • ‘column-gap’, to set the padding between columns.
  • ‘column-rule’, to define a border between columns.

That's the easiest approach, but does not guarantee the same experience everywhere. There are also JavaScript solutions which can create columns based on text.

Here as an example of one: http://www.csscripting.com/css-multi-column/

So, my recommendation would be for a progressive enhancement approach. Use CSS3 options if availble, JavaScript if not, and fall back to a single wide column otherwise.

More information: http://www.alistapart.com/articles/css3multicolumn

怎会甘心 2024-12-18 08:17:13

这绝对是 DotNetNuke 可以处理的事情,尤其是 DNN 6.1 中出现的变化。这些更改针对移动设备,但这并不意味着您不能简单地使用该功能根据可用屏幕的宽度提供不同的内容视图。

This is definitely something that DotNetNuke can handle, especially with the changes coming in DNN 6.1. The changes are targeted a mobile devices, but that doesn't mean that you can't simply use that functionality to provide different views of content based on the width of the screen available.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文