基于PHP/MySQL的动态内容布局结构

不幸的是，我的老板决定我们新闻网站的主页布局应该是

但我无法为他们的“动态布局”找到解决方案。他们使用完整的一列图像/帖子，两列短/小图像/标题，半列图像/帖子在无序的列中。我找不到这样做的方法

我想到了两个“解决方案”：

• 为每个新闻项目选择一个“模板”。并根据此模板显示它们。例如：“使用大图/全栏”、“对齐栏的右半部分”或“正常”等。但正如您从《每日邮报》的布局中所看到的，这些将为编辑带来大量工作
• 创建一个基于“拖放”的区域，编辑可以在其中通过几个选项安排新闻。但这会给我带来另一个问题

如果需要，我可以改变数据库结构。但现在它非常简单，我愿意保持这种方式。另外，将布局选项与新闻表分开也是非常好的

---

有人能提出更好的解决方案吗

您能使用这样的网格系统吗：

---

我没有使用类似的东西，但我认为在数据库中存储类名并在网格类型模板中使用它们可能会对您有所帮助。

CSS是最简单的部分。我的问题是数据结构。我举个例子。添加新项目时，编辑器必须选择一个帖子模板（大、半列、小等）。基于此模板，她/他还必须选择“模板图像”。然后必须决定将此项目放在主页上的何处。我必须根据以下信息查询帖子：a）帖子位置，b）帖子模板，c）帖子顺序（日期）。对于这个例子，我必须向news表中添加至少3列，并为主页选择大量内容。如果添加了新帖子，编辑还应该重新安排其他帖子。我正在寻找更好的方法来避免这种情况。我会设计一个5-6栏的960网格系统，让编辑选择文章的网格宽度，并将决定保存到某个地方。布局将有4+1在滑线上，1+1+1+1在新闻网格上，3+2在宽侧边栏上等等。如果项目是4个框宽，它将显示在滑线框上，如果2个框宽，它将显示在宽侧边栏上，等等。我发现了一些东西。可能会很有用（拖动一个框并查看结果）：非常感谢。正如我所说，前端/CSS是很容易的部分。（我知道“拖放面板”教程）我认为有3种方法：1）基于项目的定位，2）基于“框”的定位，3）保持主页独立（基于拖放的布局设计）。但每一个都有自己的问题。我想帮助编辑。1） 我在第一条评论中解释说，2）将有“很多”框，并且必须是静态的（例如主页上有10个框），3）对于每个新添加的项目，编辑器必须重新安排主页设计。我想我会选择1和2的混合。再次感谢你的努力。