首页
学习
活动
专区
圈层
工具
发布

如何在 WordPress 主题中使用本地托管的 Google 字体

前面我们介绍 WordPress 官方要求主题作者切换到本地托管字体,今天简单说说如何实现在本地托管的 Google 字体。...WordPress 主题的外部资源规则 一直以来,w.org/themes 上的存储托管主题,一直不允许使用第三方资源,包括第三方的图片,JavaScript 脚本文件,CSS 样式文件,网络字体以及其他资源...但是这条规则的唯一的例外就是 Google 字体,因为当时没有可靠的方法来实现本地托管的网络字体,而排版又是主题设计中的一个重要组成部分。...但是由于 GDPR 和隐私方面以及之前的案例的影响,Google 字体不再被视为本指南的例外。...如何本地托管的 Google 字体 WordPress 官方主题团队在很早之前就在 Github 发布了一段脚本教大家如何本地托管 Google 网络字体。

1.3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WordPress去除后台标题中的后缀!

    WordPress后台标题(title)默认后缀显示-WordPress,如果想隐藏这个后缀,可以将下面代码添加到当前主题functions.php中,即可删除这个后缀: 1.去除后台标题中的“- WordPress...// 去除后台标题中的“—— WordPress” add_filter('admin_title', 'zm_custom_admin_title', 10, 2); function zm_custom_admin_title...($admin_title, $title){ return $title.' ‹ '.get_bloginfo('name'); } 2.去除登录标题中的“- WordPress”PS:隐藏后台其它明显与...WordPress相关的字样和图标 // 隐藏后台标题中的“WordPress” add_filter('login_title', 'zm_custom_login_title', 10, 2); function...仪表盘中的项目 function remove_dashboard_meta() { remove_meta_box( 'dashboard_incoming_links', 'dashboard',

    1.3K20

    WordPress主题中加载jQuery的最佳方法

    原因很简单,HTTP / 1.1规范表明浏览器不能并行下载两个以上的组件。 在WordPress模板中加载JavaScript和jQuery的最佳方法是使用wp_enqueue_script。...这样可以更好的控制JavaScript文件的加载时间点和加载位置。下图是我在丘壑博客上添加的用于代码语法高亮的JavaScript,放在子主题的functions.php文件中。...在Wordpress中注册prism.js 速度优化 在下面的代码片段中,我们先把WordPress中默认自带的jQuery库取消注册,然后在页面最后部分加载国内的CDN版本。...使用CDN版本的jQuery可以提升加载速度 ,使用户可以就近取得所需的内容,提高用户访问网站的响应速度。将下面的代码放在子主题的functions.php文件中即可。 ?...从CF-Cache-Status这个http头也可以看出,bootcdn.cn的CDN使用的其实就是 Cloudflare, 一家功能非常强大的免费CDN 免费加速服务, 下一部打算把丘壑博客上的静态资源都放到上面去

    3K31

    wordpress解决谷歌字体问题–与谷歌字体的战争!

    这个问题算是困扰很久了,以往是用插件,勉强好一点,但是,随着版本更新,谷歌问题又一次出现,so,这次修改源代码,使用360提供打代理站点来解决谷歌字体的问题。其次还用了修改源代码的方式。...如果你的网站在chroma的f12下的network是这个样子的。 image.png image.png 再加上打开打速度慢,就说明你也是这个谷歌字体的问题。...font Link from WP core(部分可成功笔者失败) 代理法:如下(部分可成功笔者一开始成功一会又失效) 代码法:如下(部分可成功笔者一开始成功一会又失效) 代理法 进入服务器后台,再wordpress...image.png 代码法 在主题文件夹下: wp-content/themes/xxxx  找到你的主题,vim编辑functions.php在最后面添加一下代码。...解决谷歌字体问题–与谷歌字体的战争!

    1.7K20

    WPF 加载诡异的字体无法布局

    如果在系统里面存在诡异的字体,同时自己的 WPF 中有一个控件尝试使用这个字体放在界面中,那么将会在界面布局过程炸了,整个控件或者整个界面布局都无法继续 本文本来是由吕水大大发布的,但是他没空写,于是我就成为了写博客的工具人...有一个用户报告了软件在他的电脑上打不开列出本机字体列表,于是吕水大大就去远程他的设备,在用户的设备上找到了一个诡异的字体,加载这个字体的时候,将会在 MS.Internal.Text.TextInterface.Font.CreateFontFace...而且有趣的是 Win10 的 UWP 版的设置里面是找不到这个字体的,原因是 UWP 版本也会在读取此字体的时候炸了 复现的步骤如下,先从 https://github.com/walterlv/Walterlv.Demo.WpfBadFontCrash...下载代码,在代码仓库里面可以找到 不给糖就捣蛋的万圣节.TTF 这个字体,值得一说的是,诡异的字体有很多,这个字体只是一个例子。...,可以看到的代码如下 - Exception {"指示输入文件 (例如字体文件) 中的错误。

    2.2K50

    WordPress主题中隐藏 wp_head()函数的版本信息

    WordPress主题中隐藏 wp_head()函数的版本信息 作者:matrix 被围观: 1,303 次 发布时间:2013-09-30 分类:Wordpress | 无评论 » 这是一个创建于...3258 天前的主题,其中的信息可能已经有所发展或是发生改变。...个别主题代码会显示如下这样的信息: WordPress 3.X.X" /> 这就泄露了wp版本信息。为了加强安全性所以说就要做隐藏。...>函数的输出导致的。 你也可以选择删除这行代码,只是有些插件功能的需要,最好保留。 只需要在functions.php中添加一行代码就可以让<?php wp_head(); ?...functions.php中添加: remove_action('wp_head','wp_generator'); 参考:http://www.nuanche.com/hidden-WordPress-generator

    48810

    WordPress无法评论的解决办法

    很长一段时间没有看到评论了,开始的时候以为是Akismet 起了作用,把一些乱七八糟的垃圾评论给屏蔽了,到今天感觉不对,一般几个朋友也会来博客转转,留言。...怎么最近一条没有,于是退出登录,然后测试了下,无法评论,用管理员帐号登录也无法评论,于是满脸黑线的找是哪出了问题。 试了下关掉后台的评论审核,再进行评论,显示404页面。...然后觉得是模板问题,换了几个模板还是无法评论。在网上搜了下,得出几个结论,然后整理了下,给大家看下。 1、是后台-设置-讨论里设置问题,去掉评论审核,试下。...3、模板问题 在某些主题下,wordpress存在页面不能评论的情况。其实这是该主题的作者未将评论功能添加进去。我们可以通过一小段代码,来实现页面的评论功能。...> c.保存后,刷新你的页面即可看到效果 我的是第三种情况,评论时评论区又绿变红!添加完代码就好了

    1.3K30

    解决新版wordpress打开速度超级慢的问题

    然后仔细排查了一下原因,发现是由于 Google服务器无法访问造成的,因为新版wordpress系统中会加载谷歌Opensans字体样式,导致网站非常的慢,需要等待很久。...第一、取消谷歌Open sans字体加载(wp更新不受影响) 1、添加代码法 通过禁用谷歌字体,把主题中的function.php文件用ftp下载文件下载到本地;同时,建议将服务器上function.php...文件改名为function.php.backup 作为备份,使用你常用的文本编辑器,比如 EverEdit 编辑器,打开 function.php文件,添加下面代码,保存,用ftp上传覆盖即可 function...),除了核心程序文件 script-loader.php文件和自带主题的函数文件 functions.php 文件外,WordPress 自带编辑器的样式文件也调用了 Google Fonts 服务:wp-includes...),和 WordPress 3.8 版本一样,只是 WordPress 自带编辑器的样式文件更换了位置:wp-includes/script-loader.phpwp-includes/js/tinymce

    6.2K30

    WordPress主题Siren二开美化版

    首先感谢他们的作品呢…… 因为博主超喜欢单栏主题的设计,还有 PJAX 加载,所以博主一直就在打磨这款主题中…… (当然是根据自己喜欢的口味来更改滴啦) 学长是个细节控,代码洁癖,某些强迫症集一身的人啦...集成 Live2D 看板娘,支持刷新换装 加深文章内容文字颜色和增大字体,阅读不费眼了 收窄 PC 端正文显示区域的最大宽度和评论列表的最大宽度 简化评论 UA 信息,显示效果修改为划过评论才显示 评论者的连接添加了页面跳转...,不会在当前窗口加载了 评论框添加了表情,并支持实时预览;由 小さな手は 实现,效果很好,谢谢他 原生编辑器添加载入主题样式,后台写文章可视化与前台显示效果一致 后台屏蔽 WordPress 更新与编辑器自动保存等...修复“一言”无法使用的问题 2018.08.01 评论框表情候选板添加更多的表情包 2018.08.29 修复自定义 CSS 无法覆盖默认 CSS 的问题 修复评论提交代码时,Prism 代码高亮不生效的问题...全局字体使用“微软正黑体”,更具逼格 整理了一个博主万年没有发现的东西 —— 主题居然自带(BAGUETTEBOX.JS)图片灯箱,只是使用条件苛刻,添加图片时需要把文件“链接到媒体文件”才能使用,也就是

    4.9K30

    wordpress 无法建立到 wordpress org 安全连接的解决办法

    网友求助,说安装 Avada 插件时遇到如下错误提示:wordpress 无法建立到 wordpress.org 的安全连接,请联系您的服务器管理员。...询问网友得知这个服务器安装在国内云服务器上了,估计是连接 wordpress 官方网站文件的时候,连接延迟很高导致无法正常下载,解决办法也不难,就是给 Linux 服务器换个好用的 DNS 地址即可。...按键盘 a 开始编辑文件,把 nameserver 后面的 IP 地址改成如下图所示: 233.5.5.5 233.6.6.6 记得 nameserver 和后面的数字中间有空格 然后按键盘 ESC,输入...二、宝塔面板操作方法 上面命令行的方法新手一时半会学不会,那么使用宝塔面板的朋友有福了。 进入宝塔面板>>文件>>搜索关键词 resolv,给出的结果点击编辑。 ?...以上两种方法都可以实现,有宝塔面板就很简单了,操作像编辑文本文档一样容易;习惯使用命令行的也就那么两步,2 分钟可以搞定了。主要写给新手遇到此类问题的时候参照着改。

    3.9K40

    wordpress 无法建立到 wordpress org 安全连接的解决办法

    网友求助,说安装 Avada 插件时遇到如下错误提示:wordpress 无法建立到 wordpress.org 的安全连接,请联系您的服务器管理员。...询问网友得知这个服务器安装在国内云服务器上了,估计是连接 wordpress 官方网站文件的时候,连接延迟很高导致无法正常下载,解决办法也不难,就是给 Linux 服务器换个好用的 DNS 地址即可。...02.png 二、宝塔面板操作方法 上面命令行的方法新手一时半会学不会,那么使用宝塔面板的朋友有福了。 进入宝塔面板>>文件>>搜索关键词 resolv,给出的结果点击编辑。...以上两种方法都可以实现,有宝塔面板就很简单了,操作像编辑文本文档一样容易;习惯使用命令行的也就那么两步,2 分钟可以搞定了。主要写给新手遇到此类问题的时候参照着改。...允许转载,保留出处:魏艾斯博客 » wordpress 无法建立到 wordpress org 安全连接的解决办法

    1.9K20
    领券