构建“主题”网站

发布于 2024-10-04 09:55:46 字数 76 浏览 3 评论 0原文

Wordpress 和 Tumblr 等网站允许设计者创建用户可以选择的主题。一般来说,您如何构建一个足够灵活的网站来允许用户自定义主题?

Websites like Wordpress and Tumblr allow designers to create themes that users can select. In general how would you architect a website to be flexible enough to allow custom themes for users?

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

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

发布评论

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

评论(3

泪痕残 2024-10-11 09:55:46

看看 Django 是如何做到的。 Django 使用类似模型-视图-控制器的方法,其中使用视图来填充上下文,然后使用该上下文来处理模板。请注意,Django 有自己的 MVC 术语

例如,如果我们说我们的上下文如下(以伪代码形式),

author = 'mntnoe'
title = 'My Title'
content = '<p>This is my content</p>'

我们可以使用以下模板:

<h1>{{ title }}</h1>
<div class="author">Author: {{ author }}</div>
<div class="content">
{{ content }}
</div>

现在,您可以自由地将模板(或模板集合)替换为另一个模板,而不会影响网站的工作方式。

Take a look on how Django does it. Django uses a Model-View-Controller-like approach in which you use views to populate a context, and then use that context to process a template. Note that Django has its own MVC terminology.

For example, if we say that our context reads as follows (in pseudo code),

author = 'mntnoe'
title = 'My Title'
content = '<p>This is my content</p>'

we could use the following template:

<h1>{{ title }}</h1>
<div class="author">Author: {{ author }}</div>
<div class="content">
{{ content }}
</div>

Now, you are free to replace the template (or collection of templates) with another one without affecting how the site works.

撩心不撩汉 2024-10-11 09:55:46

使用正确的 html 和 css 将内容与格式分开。这意味着使用 css 文件作为样式,而不是 html 中的内联样式。

您可以制作多个 css 文件(如果您愿意,可以制作主题),并使用 javascript 在它们之间进行切换。

Seperate content from formatting by using proper html and css. That means using css files for the style rather than inline style inside the html.

You can make several css files (themes if you wish), and switch between them using javascript.

夏尔 2024-10-11 09:55:46

让您选择的服务器端技术通过 css 和图像、html 简单地生成易于调整的内容。一个很好的示例网站是 http://www.csszengarden.com/。它每次都会发出相同的 html,但使用不同的 css 和图像来设置样式。查看他们生成的 html 以获取想法。

Let your serverside technology of choice simply generate easy to adjust, by css and images, html. A great site of examples is http://www.csszengarden.com/. It emits the same html every time but uses different css and images to style it. Take a look at the html they generate to get ideas.

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