Plone和Twitter Bootstrap

Question

有哪些尝试可以基于Twitter Bootstrap（最好是2.0版本）制作Plone 4主题？

我在邮件列表上看到了一些讨论，希望了解已有的插件，以免重复造轮子。

- Mikko Ohtamaa

Answer 1

http://pypi.python.org/pypi/plonetheme.bootstrap/1.0a1 and https://github.com/kagesenshi/diazotheme.bootstrap

- Jon Stahl

Answer 2

你不必一定使用附加组件（虽然你可以）。相反，考虑从以下网址下载示例模板：

• http://twitter.github.com/bootstrap/getting-started.html#examples

然后按照这里的说明对其应用规则：

• http://docs.pythonpackages.com/en/latest/hosted-configs/plone-diazo.html

这种方法更加强调HTML/CSS/JavaScript的知识，而不是Plone特定的技术。

- aclark

Answer 3

请注意，新的（4.3-希望如此）plone.app.theming将包含一个基于Bootstrap的示例/模板主题。

它并不打算完美无缺（它还需要易于理解、分割和重用），但它展示了基础知识。请参见https://github.com/plone/plone.app.theming/tree/optilude-ace/src/plone/app/theming/template以获取正在进行中的工作。

- optilude

---

链接无法使用。在plone.app.theming中真的有基于Bootstrap的主题吗？我该在哪里找到它？ - nachtigall

Answer 4

Bootstrap是创建Web应用程序的起点。它提供了许多带有相关小部件的CSS。与Plone混合使用会导致冲突(forms.css等)，并且结果不够优化(页面权重)。

一旦Plone将CMS UI拆分为叠加层，就更容易在bootstrap上构建CMS UI本身或使用bootstrap创建主题(我喜欢他们的响应式解决方案)。

目前，使用现有插件将会遇到许多错误。我已经尝试过plonetheme.bootstrap和diazotheme.bootstrap。

因此，如果你真的想要它，请把Plone的所有CSS都扔进垃圾桶，获取bootstrap，并开始看看会发生什么 ;)

- toutpt

---

使用Diazo的一个优点似乎是更改标记时，无需关心生成它的软件包、模板或其他内容。 - Petri

抱歉，我不理解这个问题。Diazo 允许您定义全局区域，在该区域中，您将能够放置由 Plone 生成的 HTML 部分。它不允许您更改 Plone 生成 HTML 的方式。 - toutpt

没错。相比使用Diazo主题，传统的主题需要理解哪些Plone部件正在生成标记，以了解需要覆盖哪些内容以及如何覆盖。因此需要额外的工作步骤。 - Petri