html - cakephp 2.x 如何包含来自外部模板 css 的文件

标签 html css templates cakephp

<分区>

我有这个外部 HTML 模板(我从 themeforest 获得):

html template

目录结构如下:

base/
- css/
- fonts/
- images/
- img/
- js/
- index.html

模板 Index.html 使用 css 如下:

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css" id="color-switcher-link">
<link rel="stylesheet" href="css/animations.css">
<link rel="stylesheet" href="css/fonts.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>

我不知道如何正确复制文件;他们应该从 css 转到服务器网络根目录吗?或者进入 cakephp/app/cakephp/app/webroot/css/

在 cake 中,我有 Views/Layouts/View/Layouts/Pages/home.ctp。我从模板创建了 mainpage.ctp ,它是 index.html 并尝试将它与 home.ctp 结合,但它看起来很糟糕:

crappy

有什么建议吗?

最佳答案

你有两个选择

第一个选项

复制你的主题base文件夹到 webroot然后转到您的src/template/layout/default.ctp并像下面的例子一样包含它们

假设在你的html模板有像这样的css调用

<link href="./base/css/bootstrap.css" rel="stylesheet" />

替换为

<?= $this->Html->css('../base/css/base') ?>

与js相同

<?= $this->Html->script('../base/js/plugin'); ?>

注意:您不需要输入文件扩展名 .css.js

选项 2

将每个css文件复制到webroot/css

将每个JS文件复制到webroot/js

直接调用文件

调用base.css

<?= $this->Html->css('base') ?>

调用plugin.js

<?= $this->Html->script('plugin'); ?>

cakephp 3 中,您可以从config/app.php 更改每个文件夹的路径。

' imageBaseUrl' => 'img/', 'cssBaseUrl' => 'css/', 'jsBaseUrl' => 'js/'

关于html - cakephp 2.x 如何包含来自外部模板 css 的文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52945199/

上一篇:javascript - CSS Animation underlaps bootstrap 条纹表行

下一篇:javascript - 点击提交按钮后,如何将使用多个类型的输入值从表单显示到另一个页面创建的表?

相关文章:

c++ - 使用多个参数包将运行时值转换为编译模板参数

html - 使用 CSS 设置 div 高度以适应浏览器

javascript - 基于数组数据创建 dom 元素的干净方法?

html - 以一个 SVG 层为目标时,使用 css 动画折叠 SVG 信封会表现得很奇怪

html - 如何在 html5 表单的 css3 中应用媒体查询

java - StringTemplate 可以迭代字符串中的 'values' 吗?

javascript - 为什么未将此JavaScript函数添加到我的属性中?

javascript - 如何将本地镜像加载到按钮中

javascript - 如何在焦点输入上显示隐藏 div

c++ - 使用 extern const 将结构传递给模板。什么是外部?