前面我们介绍 WordPress 官方要求主题作者切换到本地托管字体,今天简单说说如何实现在本地托管的 Google 字体。...WordPress 主题的外部资源规则 一直以来,w.org/themes 上的存储托管主题,一直不允许使用第三方资源,包括第三方的图片,JavaScript 脚本文件,CSS 样式文件,网络字体以及其他资源...但是这条规则的唯一的例外就是 Google 字体,因为当时没有可靠的方法来实现本地托管的网络字体,而排版又是主题设计中的一个重要组成部分。...但是由于 GDPR 和隐私方面以及之前的案例的影响,Google 字体不再被视为本指南的例外。...如何本地托管的 Google 字体 WordPress 官方主题团队在很早之前就在 Github 发布了一段脚本教大家如何本地托管 Google 网络字体。
效果图片将以下代码加入到主题的functions.php里即可:/* wordpress编辑器增加字体选择以及字体大小设置 */function MBT_add_editor_buttons($buttons
在当前主题添加如下代码: function change_editor_font(){ echo "<style type='text/css'...
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',
原因很简单,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 免费加速服务, 下一部打算把丘壑博客上的静态资源都放到上面去
orange, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5); color: transparent; /*设置字体颜色透明...head> 你在说什么( ,,´・ω・)ノ"(´っω・`。) 小结 这些都是自己在使用wordpress...时想要更选一点的样式效果,整理出来的css样式,虽然现在还看不太懂,因为css真的博大精深,但是能够看得懂,然后修改成自己想要实现的效果,那就OK了,至于学的话,慢慢来。...ps:这是自己使用css实现的博客效果图
这个问题算是困扰很久了,以往是用插件,勉强好一点,但是,随着版本更新,谷歌问题又一次出现,so,这次修改源代码,使用360提供打代理站点来解决谷歌字体的问题。其次还用了修改源代码的方式。...如果你的网站在chroma的f12下的network是这个样子的。 image.png image.png 再加上打开打速度慢,就说明你也是这个谷歌字体的问题。...font Link from WP core(部分可成功笔者失败) 代理法:如下(部分可成功笔者一开始成功一会又失效) 代码法:如下(部分可成功笔者一开始成功一会又失效) 代理法 进入服务器后台,再wordpress...image.png 代码法 在主题文件夹下: wp-content/themes/xxxx 找到你的主题,vim编辑functions.php在最后面添加一下代码。...解决谷歌字体问题–与谷歌字体的战争!
如果在系统里面存在诡异的字体,同时自己的 WPF 中有一个控件尝试使用这个字体放在界面中,那么将会在界面布局过程炸了,整个控件或者整个界面布局都无法继续 本文本来是由吕水大大发布的,但是他没空写,于是我就成为了写博客的工具人...有一个用户报告了软件在他的电脑上打不开列出本机字体列表,于是吕水大大就去远程他的设备,在用户的设备上找到了一个诡异的字体,加载这个字体的时候,将会在 MS.Internal.Text.TextInterface.Font.CreateFontFace...而且有趣的是 Win10 的 UWP 版的设置里面是找不到这个字体的,原因是 UWP 版本也会在读取此字体的时候炸了 复现的步骤如下,先从 https://github.com/walterlv/Walterlv.Demo.WpfBadFontCrash...下载代码,在代码仓库里面可以找到 不给糖就捣蛋的万圣节.TTF 这个字体,值得一说的是,诡异的字体有很多,这个字体只是一个例子。...,可以看到的代码如下 - Exception {"指示输入文件 (例如字体文件) 中的错误。
大家好,又见面了,我是你们的朋友全栈君。...更换主题的网站:http://www.ideacolorthemes.org/home/ android studio中更换默认主题为darcula的教程网上很多,但是默认darcula主题中的colors...是在stackoverflow里发现的。 设置方法很简单: 1、找到自己喜欢的主题(我比较喜欢Obsidian),下载到本地,是个jar包。
WordPress主题中隐藏 wp_head()函数的版本信息 作者:matrix 被围观: 1,303 次 发布时间:2013-09-30 分类:Wordpress | 无评论 » 这是一个创建于...3258 天前的主题,其中的信息可能已经有所发展或是发生改变。...个别主题代码会显示如下这样的信息: 这就泄露了wp版本信息。为了加强安全性所以说就要做隐藏。...>函数的输出导致的。 你也可以选择删除这行代码,只是有些插件功能的需要,最好保留。 只需要在functions.php中添加一行代码就可以让<?php wp_head(); ?...functions.php中添加: remove_action('wp_head','wp_generator'); 参考:http://www.nuanche.com/hidden-WordPress-generator
如果你的 WordPress 主题是使用了 add_theme_support('title-tag'); 生成网站标题的话,那么有可能网站标题中的 “ - ” 分隔符在源码中被转义为 “ –...是在当前 WordPress 主题的 functions.php 文件中添加以下代码: add_filter( 'run_wptexturize', '__return_false' ); 修改前:
很长一段时间没有看到评论了,开始的时候以为是Akismet 起了作用,把一些乱七八糟的垃圾评论给屏蔽了,到今天感觉不对,一般几个朋友也会来博客转转,留言。...怎么最近一条没有,于是退出登录,然后测试了下,无法评论,用管理员帐号登录也无法评论,于是满脸黑线的找是哪出了问题。 试了下关掉后台的评论审核,再进行评论,显示404页面。...然后觉得是模板问题,换了几个模板还是无法评论。在网上搜了下,得出几个结论,然后整理了下,给大家看下。 1、是后台-设置-讨论里设置问题,去掉评论审核,试下。...3、模板问题 在某些主题下,wordpress存在页面不能评论的情况。其实这是该主题的作者未将评论功能添加进去。我们可以通过一小段代码,来实现页面的评论功能。...> c.保存后,刷新你的页面即可看到效果 我的是第三种情况,评论时评论区又绿变红!添加完代码就好了
然后仔细排查了一下原因,发现是由于 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
WordPress 后台的在线可视化编辑器使用的是 TinyMCE,所以在 WordPress 后台编辑的时候,和 TinyMCE 一样也有键盘快捷键,掌握这些快捷键可以让我们在 WordPress 后台编辑文章的时候事半功倍...,下面是我们常用的快捷键: 粗体: Alt+SHIFT+b 斜体: Alt+SHIFT+i 添加链接: Alt+SHIFT+a 引用: Alt+SHIFT+q 代码: Alt+SHIFT+c 添加...--more-->: Alt+SHIFT+t 无序列表 (ul): Alt+SHIFT+u 有序列表 (ol): Alt+SHIFT+o 列表元素 (li): Alt+SHIFT+l 高级编辑器:...Alt+SHIFT+v 编辑 HTML: Alt+SHIFT+e 发布日志: Alt+SHIFT+p 填入修订文本: Alt+SHIFT+s 删除文本: Alt+SHIFT+d 缩进: Alt+SHIFT
首先感谢他们的作品呢…… 因为博主超喜欢单栏主题的设计,还有 PJAX 加载,所以博主一直就在打磨这款主题中…… (当然是根据自己喜欢的口味来更改滴啦) 学长是个细节控,代码洁癖,某些强迫症集一身的人啦...集成 Live2D 看板娘,支持刷新换装 加深文章内容文字颜色和增大字体,阅读不费眼了 收窄 PC 端正文显示区域的最大宽度和评论列表的最大宽度 简化评论 UA 信息,显示效果修改为划过评论才显示 评论者的连接添加了页面跳转...,不会在当前窗口加载了 评论框添加了表情,并支持实时预览;由 小さな手は 实现,效果很好,谢谢他 原生编辑器添加载入主题样式,后台写文章可视化与前台显示效果一致 后台屏蔽 WordPress 更新与编辑器自动保存等...修复“一言”无法使用的问题 2018.08.01 评论框表情候选板添加更多的表情包 2018.08.29 修复自定义 CSS 无法覆盖默认 CSS 的问题 修复评论提交代码时,Prism 代码高亮不生效的问题...全局字体使用“微软正黑体”,更具逼格 整理了一个博主万年没有发现的东西 —— 主题居然自带(BAGUETTEBOX.JS)图片灯箱,只是使用条件苛刻,添加图片时需要把文件“链接到媒体文件”才能使用,也就是
出于安全考虑,如果你的WordPress 是多人使用的(比如说一个团队博客,多用户管理)。那么为防止一些小白胡乱修改后台导致网页问题,可以移除WordPress 管理后台的主题编辑功能。...就是WordPress 仪表盘-外观-编辑部分。 还是只需要在主题的funtions.php 的最后一个 ?...> 前文件添加以下代码: //移除WordPress 管理后台的主题编辑功能 devework.com function wpapi_remove_editor_menu() { remove_action...,可能需要修改admin,这里的admin为要限制的用户名称。...默认的话都是 admin的啦,当然多用户的话就不同啦。 核心代码来自:WordPress API,部分内容由 DeveWork.com 翻译。
出于某些目的(如多人博客要保护自己已经发表的文章不受篡改),我们可能需要对WordPress 中“已发布”的文章进行“编辑”的限制。...下面由Jeff 分享个来自prevent-publish-edit-plugin 插件的代码,可以实现WordPress 中禁止编辑“已发布”的文章。 你可以自行添加到主题的functions.php 文件下或者做成一个插件激活使用。
要更改WordPress Gutenberg编辑器的宽度,您需要为其加载自定义CSS规则。以下是如何快速更改宽度的概述,包括加载样式表和添加将增加Gutenberg编辑器内容区域宽度的特定规则。...加载Gutenberg编辑器的自定义CSS 在你的主题的functions.php里面添加以下函数和钩子。这将加载editor.css在主题目录的根目录中调用的CSS文件。...,打开editor.css文件添加以下规则以更改Gutenberg编辑器的内容宽度。...} /* Width of "full-wide" blocks */ .wp-block[data-align="full"] { max-width: none; } 这在主题支持下的块编辑器手册中概述...,是更改Gutenberg编辑器宽度的官方推荐方法。
网友求助,说安装 Avada 插件时遇到如下错误提示:wordpress 无法建立到 wordpress.org 的安全连接,请联系您的服务器管理员。...询问网友得知这个服务器安装在国内云服务器上了,估计是连接 wordpress 官方网站文件的时候,连接延迟很高导致无法正常下载,解决办法也不难,就是给 Linux 服务器换个好用的 DNS 地址即可。...按键盘 a 开始编辑文件,把 nameserver 后面的 IP 地址改成如下图所示: 233.5.5.5 233.6.6.6 记得 nameserver 和后面的数字中间有空格 然后按键盘 ESC,输入...二、宝塔面板操作方法 上面命令行的方法新手一时半会学不会,那么使用宝塔面板的朋友有福了。 进入宝塔面板>>文件>>搜索关键词 resolv,给出的结果点击编辑。 ?...以上两种方法都可以实现,有宝塔面板就很简单了,操作像编辑文本文档一样容易;习惯使用命令行的也就那么两步,2 分钟可以搞定了。主要写给新手遇到此类问题的时候参照着改。
网友求助,说安装 Avada 插件时遇到如下错误提示:wordpress 无法建立到 wordpress.org 的安全连接,请联系您的服务器管理员。...询问网友得知这个服务器安装在国内云服务器上了,估计是连接 wordpress 官方网站文件的时候,连接延迟很高导致无法正常下载,解决办法也不难,就是给 Linux 服务器换个好用的 DNS 地址即可。...02.png 二、宝塔面板操作方法 上面命令行的方法新手一时半会学不会,那么使用宝塔面板的朋友有福了。 进入宝塔面板>>文件>>搜索关键词 resolv,给出的结果点击编辑。...以上两种方法都可以实现,有宝塔面板就很简单了,操作像编辑文本文档一样容易;习惯使用命令行的也就那么两步,2 分钟可以搞定了。主要写给新手遇到此类问题的时候参照着改。...允许转载,保留出处:魏艾斯博客 » wordpress 无法建立到 wordpress org 安全连接的解决办法
领取专属 10元无门槛券
手把手带您无忧上云