【问题标题】:How to implement a WrapBootstrap theme with CodeIgniter app?如何使用 CodeIgniter 应用程序实现 WrapBootstrap 主题?
【发布时间】:2013-08-15 01:45:50
【问题描述】:
我刚买了一个 WrapBootstrap 主题并试图将它插入到我的 CodeIgniter 应用程序中。我从未使用过 WrapBootstrap,也不确定下一步是什么,因为许多文件中都包含 ruby(它们是 .erb 文件)。
这是我发现的:
首先打开您的 CSS 文件并将所有对 ../img/ 目录的调用替换为纯 images/ 以使管道找到主题的图形元素。
为了使用字形,您应该创建一个新目录 fonts,将字形图像复制到那里并在应用程序目录中展开可用资产
如果我只是复制 JavaScript、图像、字体和样式表,我可以使用它吗? (如果我拿走了所有资产)
【问题讨论】:
标签:
codeigniter
twitter-bootstrap
【解决方案1】:
这样做:
- 将css、js、img等asset文件夹放到Codeigniter的index.php同级的assets文件夹中。这些文件夹中的文件将从 html 文件中引用,如下所示(以 css 为例):
<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url();?>assets/css/style.css" />
- html 文件转到views 文件夹。您会看到每个 html 文件都在重复页眉和页脚结构,因此您可以将此结构隔离到页眉和页脚视图中。通常,页眉从 doctype 声明开始,到主要部分(主体内部)结束,页脚从主要部分的末尾开始,以
</html> 结束。其余部分(主要部分)将是该 html 的视图。因此,您最终将拥有:页眉视图、每个 html 文件的视图和页脚视图。
- 标题视图:包含
<head> 部分和(通常)导航栏。在 head 部分中,您引用文件(css、js、img),就像我在第一点中所写的那样。更改导航栏链接以链接到正确的控制器(请参阅最后一点)。
- 每个 html 的视图:包含页面的内容。在顶部,您应该加载页眉视图,在底部加载页脚视图。您可以将视图命名为 html 文件,但请注意主页 (index.html)。你最好把它命名为“家”。
- 页脚视图:包含页脚内容和 javascript 文件,您应该像页眉中的内容一样引用它们。
- 要调用每个视图,请使用 html 名称创建一个控制器,并在控制器的索引函数中加载视图。对于主视图,请使用 routes.php 中的 default_controller。
.erb 文件可能用于联系表单的后端处理,因此如果您使用 Codeigniter,它们将毫无用处。您应该将它们替换为控制器和模型。