文档章节

修复准备https://fonts.googleapis.com/css

不避风云
 不避风云
发布于 2016/01/02 17:30
字数 695
阅读 3.1K
收藏 6

参考网页:

2、可折叠侧边栏Bootstrap Collapsible Left Sidebar

搜索关键词: yii2, theme, layout

决定采用该模板:https://github.com/dmstr/yii2-adminlte-asset

详情请参考上述网址。

2.1 安装插件
$ composer require dmstr/yii2-adminlte-asset "2.*"
2.2 配置插件

删除默认的主题样式

$ rm -rf ./frontend/views/*

注意:如果你需要*./frontend/views/*下的文件,请先备份。

复制主题样式到*./frontend/views/*文件夹下,

$ cp -r ./vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app ./frontend/views
2.3 加入皮肤(不建议加入)

加入皮肤,同样配置文件*./frontend/config/main.php*,

'components' => [
    'assetManager' => [
        'bundles' => [
            'dmstr\web\AdminLteAsset' => [
                'skin' => 'skin-black',
            ],
        ],
    ],
],

编辑文件*./frontend/views/layouts/main.php*,修改替换相应代码。

<body class="<?= \dmstr\helpers\AdminLteHelper::skinClass() ?>">
2.4 查看效果

打开浏览器,输入:http://localhost/www/lhpg/frontend/web/index.php

应该可以看到如下的界面,

前端界面

2.5 异常处理(有错误)

关于总是需要访问 https://fonts.googleapis.com 问题,通过查询在三个地方找到这个关键词。 参考网址:http://www.cnblogs.com/tekikesyo/p/4636412.html

解决方案如下:(正在跟原作者协商,见 https://github.com/almasaeed2010/AdminLTE/issues/803 ),协商完毕则不需要下文了。

参考网页:

问题发现

对yii2美化布局,参考这里 使用如下命令时,

composer require dmstr/yii2-adminlte-asset "2.*"

按照操作会得出比较好的页面。但是对于无法访问外网的网站来说,却要登录外网下载字体,有点不可容忍。

经在源码中查找,找到这个语句:@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);

下载字体

这里下载需要用的Source Sans Pro的300,400,600,700,300italic,400italic,600italic字体。 会有一个sourcesanspro.zip文件。

寻找到外网下载字体的文件

首先在./vendor/dmstr/yii2-adminlte-asset/web/下找到一个AdminLteAsset.php文件。 查看里面的依赖关系,通过分析句子,找到vendor/almasaeed2010/adminlte/dist/css/AdminLTE.min.css文件,里面有上述语句。

更改掉该语句

把上面下载的字体解压缩在vendor/almasaeed2010/adminlte/dist/css/文件夹下,框架如下

css
    fonts.css
fonts
    很多文件夹
AdminLTE.min.css
其他文件

现在修改AdminLTE.min.css, 把第一行的

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);

修改为

@import url(./css/fonts.css);

保存退出。

测试效果

由于之前可能已经做了测试,最好把浏览器的cookie等清空,然后看看是否不到外网获取文件了。

本文链接:http://my.oschina.net/bubifengyun/blog/596332

© 著作权归作者所有

不避风云

不避风云

粉丝 23
博文 95
码字总数 73775
作品 0
闵行
程序员
私信 提问
加载中

评论(3)

不避风云
不避风云 博主
http://www.cnblogs.com/yiifans/p/3786374.html
不避风云
不避风云 博主
class Customer extends \yii\db\ActiveRecord
{
public function getBigOrders($threshold = 100)
{
return $this->hasMany(Order::className(), ['customer_id' => 'id'])
->where('subtotal > :threshold', [':threshold' => $threshold])
->orderBy('id');
}
}
不避风云
不避风云 博主
class Customer extends \yii\db\ActiveRecord
{
public function getBigOrders($threshold = 100)
{
return $this->hasMany(Order::className(), ['customer_id' => 'id'])
->where('subtotal > :threshold', [':threshold' => $threshold])
->orderBy('id');
}
}
替换WordPress调用的Google前端库为360镜像的库

把 googleapis 替换成 useso 即可: sed -i s/googleapis/useso/g 另外在后台关闭Gravatar头像显示(设置-讨论-头像显示),免得拖慢页面加载速度. 要成倍提升WordPress速度,可以考虑使用PHP7,参...

eechen
2015/04/24
1.7K
3
googleapis被墙的解决办法

类似这样的url是打不开的,已经被GFW黑掉了,但国外很多应用又有引用类似的地址,怎么办? https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700...

swingcoder
2016/03/28
4.2K
0
访问国外技术网站时,长时间无法显示内容的解决办法

观察网站加载,可以看到在浏览器加载时,左下角显示:等待 fonts.googleapis.com... 或者 ajax.googleapis.com... fonts.googleapis.com通常是加载google提供的免费字体,此部分属于CSS样式的...

落落的月
2015/01/27
698
2
WordPress程序打开速度慢的真实有效解决方法

后记:其实最有效的是升级带宽,阿里云1m的肯定慢,然后去配置一下gzip,百度查一下,添加几句配置代码就可以了 因为google被屏蔽,所以很多运用了 fonts.googleapis的网站都打开很慢,会直到...

Yao--靠自己
2019/01/01
57
0
CSS3 表单验证

今天从网上看到一篇介绍CSS表单验证的文章,感觉很有意思,摘抄下来,学习学习。

musishui
2016/06/22
11
0

没有更多内容

加载失败,请刷新页面

加载更多

字符串中汉字、数字、字母占得个数是一样的

var t = "你好呀,";var t1 = "你好呀,d";var t2 = "你好呀,dd2";alert(t.length);alert(t1.length);alert(t2.length); 字符串中汉字、数字、字母占得个数是一样的......

淘幻幻
28分钟前
50
0
bilibili 实时平台的架构与实践

摘要:本文由 bilibili 大数据实时平台负责人郑志升分享,基于对 bilibili 实时计算的痛点分析,详细介绍了 bilibili Saber 实时计算平台架构与实践。本次分享主要围绕以下四个方面: 一、实...

阿里云官方博客
33分钟前
42
0
smartTabLayout参数详解

stl_indicatorAlwaysInCenter 如果设置为true,活动标签总是显示在中心(如报摊谷歌应用程序),默认FALSE stl_indicatorWithoutPadding 如果设置为true,在没有制表符的情况下绘制指示符,默...

chenhongjiang
34分钟前
57
0
手机淘宝短视频业务「哇哦视频」迁移上 FaaS 笔记公开

作者 | 刘子健(繁易) 阿里巴巴高级前端工程师 前言 2019 年,在阿里巴巴集团内部技术论坛上对于 Serverless 和 FaaS 的讨论非常火热。 在看了那么多“技术原理/顶层设计/平台建设”相关的文...

阿里巴巴云原生
37分钟前
50
0
Java实现的5大排序算法

Java实现的5大排序算法 排序算法很多地方都会用到,近期又重新看了一遍算法,并自己简单地实现了一遍,特此记录下来,为以后复习留点材料。   废话不多说,下面逐一看看经典的排序算法: ...

王囧草
37分钟前
51
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部