加入以下自定义CSS即可 /* 您可以在此处加入您的CSS。 点击上方的帮助图标来了解更多。...*/ /*字体设定*/ *:not([class*="icon"]):not(i) { font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans...important; } /*字体阴影*/ *{text-shadow: 0.05em 0.05em 0.05em #a9a9a9; }
将你要用到的字体放入上述创建的文件夹内,字体名称最好为英文,如 /source/font/myFont.ttf 找到主题文件夹下的 my.css 文件,路径为 /themes/matery/source.../font/myFont.ttf'); } body{ font-family: 'myFont'; } 将上面的 myFont 改成你自己的字体名称即可 局部字体自定义 如果你不想全局字体自定义的话...,就可以尝试一下局部字体自定义。...与全局字体自定义一样,我们需要创建 font 文件夹,将需要的字体放入,与上面的第1、2步一样,可以参考一下 找到主题文件夹下的 my.css 文件,路径为 /themes/matery/source/...当想要指定某个地方的字体自定义时候,可以通过右键审查元素找到那个字体的类,给于类或者在原有的类下面给于属性即可。
前言可能有一些小白看到一些大佬的博客会发现为啥别人的网站字体和自己不一样,自己网站的字体和大佬的一对比就感觉啥都不是,所以今天阿浩就来教一下大家JOE主题怎么自定义网站字体(本教程只适用于Typecho...博客程序的JOE主题,其他博客程序或其他主题请自行寻找解决办法)正文 第一步 可以去一些提供免费字体的网站下载中意的字体,然后去百度搜索: 字体转换器。...图片图片 第二步 (提醒一下一般下载下来的字体都为ttf格式的,所以网站能是用格式是woff格式,所以转换的时候要转换成woff格式) 将下载好的字体文件解压缩,我相信各位应该都会,我也懒得截图 :...第三步 现在只需要打开你的服务器上传文件就好了,如果嫌弃太慢的话可以上传到 GitHub 上然后通过 jsdelivr 加速结语阿浩免费为那些懒得动的人提供六个字体 :鸿蒙OS字体 效果图:图片调用代码...https://www.izekel.cn/font/好看的字体.woff庞门正道标题体 效果图:图片调用代码"https://www.izekel.cn/font/庞门正道标题体.woff落日飞行字体
背景通过CSS属性@font-face和font-family可以实现加载自定义web font,改变网页字体,实现美化效果。...加载成功后再替换自定义字体,避免出现网页文本空白现象,影响用户阅读及体验。...font-family属性在此可以自定义web font的名称,以便在其他css样式中引用该名称,如此处使用的名称为:afengblogsrc需要填写web font url,可以引用多个字体文件,但需要通过...可以添加至主题根目录style.css文件的开头或添加到 外观>自定义>额外CSS内,无需添加style标签。...原文地址:https://www.afengblog.com/wordpress-custom-fonts.html
所以我们修改字体就是通过修改第一行的字体类型 今天带来的是如何使用本地字体 教程开始 1.上传字体到本地(部分主题自带有字体,我们直接放到font文件夹里面,如果没有就新建一个文件夹) ?...然而,从Safari 3.1开始,网页重构工程师已经可以设置.ttf(TrueType)和.otf(OpenType)两种字体做为自定义字体了。...,在里面找到body,找到font-family修改成我们需要的字体,这样就完成了wordpress字体设置。...实际上,因为wordpress主题中的CSS样式文件有很大差别,设置也不是这么简单,我们需要找到各处的font-size进行修改。...比较标准的wordpress主题都会设置一个body字体样式,然后后面的字体样式都是按比例缩放,因此我们修改完body,然后可以查看博客的显示,如果对某个地方的字体样式不满意,可以点击右键查看网页源代码
前面我们介绍 WordPress 官方要求主题作者切换到本地托管字体,今天简单说说如何实现在本地托管的 Google 字体。...WordPress 主题的外部资源规则 一直以来,w.org/themes 上的存储托管主题,一直不允许使用第三方资源,包括第三方的图片,JavaScript 脚本文件,CSS 样式文件,网络字体以及其他资源...但是这条规则的唯一的例外就是 Google 字体,因为当时没有可靠的方法来实现本地托管的网络字体,而排版又是主题设计中的一个重要组成部分。...如何本地托管的 Google 字体 WordPress 官方主题团队在很早之前就在 Github 发布了一段脚本教大家如何本地托管 Google 网络字体。...假如你原来是通过下面的代码加载样式和 Google 网络字体的: function my_theme_enqueue_assets() { // 加载主题样式 wp_enqueue_style
如果你要开发一款WordPress 主题,那么你肯定希望用户在激活主题后能够看到你自定义的提示信息,一般是感谢使用主题之类的话。WordPress 本身在激活主题后会有一句“新主题已启用。查看站点”。...将下面的代码丢入主题的functions.php 文件即可实现激活主题后显示自定义提示信息: //激活主题后显示自定义提示信息 devework.com add_action('admin_notices...user_id, 'ignore_notice') ) { echo ''; printf(__('感谢您选择Devework 主题...'">主题设置页面 以更好地使用本主题。'), '?
感谢GitHub大神,提供了这款主题更改工具,网上很多人介绍了更换主题的方法。我还做了一些字号、字体等修改,现在舒服多了。...目录 1、安装此工具: 2、查看jt的相关帮助 3、查看可用的一些主题 4、主题的切换 5、其他设置(字体等) 6、其他一些主题样式的截图 1、安装此工具: #安装jupyterthemes的主题包 pip...# 选择你想要的主题 jt -t # 如 jt -t chesterish # 回到原来的主题 jt -r 5、其他设置(字体等) 不仅可以设置不同的主题,还可以设置自己的字体...后面还有如何使用的样例,比如这样修改oceans16主题的Code(python代码)的字体与字号: jt -t oceans16 -f fira -fs 13 其他可用参数还包括-cellw(占屏比或宽度...我自己设置之后,然后开启jupyter,得到下面的效果: 这样看起来是不是比默认的主题好看很多呢?
默认的话,WordPress 后台管理界面的字体样式是“sans-serif”,中文的话直接是宋体了(当然,在Windows的机子上是这样,苹果机可能不同)。...但是苦于WordPress 特殊的文件机制,实现起来并不是加个CSS 样式那么简单(没耐心得直接看折腾三)。...但是,这个时候如果要实现WordPress管理后台字体为微软雅黑,需要每个CSS 文件都要添加font-family的相关代码——如此一来,费力费时,一旦日后WordPress 更新升级有得从来。...折腾三(成功) 想着能否直接通过自定义函数,加载一个CSS文件(或一段CSS 代码),最后的话借助一些网络资料,终于搞定了。...方法:在主题的functions.php文件下加入以下代码: //更改后台管理界面字体 devework.com function dw_admin_font(){ echo'*{font-family
WordPress 发布了 3.4 版本,这个版本显著改善了 WordPress 的主题定制功能,自定义头部,以及图片标题等方面。...WordPress 3.4 发布:自定义主题变得更加容易 WordPress 3.4 最大的改进显然是新增的主题定制器,它可以让你实时修改和定制你的主题,你可以实时修改你当前主题的颜色,背景,以及自定义头部图片等等...WordPress 后台也改的更加好用,比如主题浏览页面不再分页,可以直接从媒体库直接选择自定义头部和背景,然后图片的标题也进行了修正提升,已经可以支持 html 代码。...下载:WordPress 3.4 ----
网上有很多彻底关闭关闭后台主题自定义功能,基本上来说只是隐藏后台的「主题」菜单下的「自定义」子菜单,但是如果只要记得「自定义」菜单对应的地址是:wp-admin/customize.php,还是可以进入...WordPress 主题自定义功能,并没有真正彻底关闭它。...今天分享一个一段代码,可以彻底的屏蔽主题自定义功能: add_filter('map_meta_cap', function($caps, $cap){ if($cap == 'customize')...{ return ['do_not_allow']; } return $caps; },10,2); 特别注意一下,该功能没有整合进 WPJAM Basic,因为是否关闭后台主题自定义功能应该是主题作者的决定...,所以,如果你是一个主题的作者,想彻底关闭你主题的自定义功能,可以将上面的代码复制到主题的 functions.php 中。
在使用 WordPress 建站的过程中,很多时候我们希望在网页中使用某种特定的字体,而这种特定的字体并不是主流操作系统的内置字体。...谷歌字体是个不错的选择,它能够让字体在网页上显示的丰富多样,但是国内谷歌字体 Google Fonts 所在的 googleapis.com 网站被墙,根本加载不了,而且会导致 WordPress 加载速度变慢...,我们在之前的 WordPress 教程中已经讲解过 WordPress 中禁用谷歌字体的方法。...在这种情况下,使用 CSS 的 @font-face 属性在网页中嵌入自定义字体成为最佳选择,下面的 WordPress 教程里,我们就向大家介绍一下 WordPress 网站中如何嵌入自定义字体。....TTF 或.OTF 格式字体,适用于 Firefox 3.5、Safari、Opera 浏览器 .EOT 格式字体,适用于 Internet Explorer 4.0+浏览器 .SVG 格式字体,适用于
这里说的WordPress主题中的“自定义”功能实就是指的是“外观”-“自定义”那里。...不过一些第三方主题可能没有这个功能,如果你想在这个“自定义”上想扩展多点,那么这个Customizer Library 可能适合你。...见《WordPress主题后台选项开发框架 Options Framework 介绍》)。...Customizer Library 是它最近开发的一个project,旨在通过简单的集成代码实现并扩充WordPress 主题的“自定义”功能——恩,这与Options Framework 的出发点是一致的...不过Jeff 没有细致去研究,目前对我来说,暂时没有必要使用WordPress 的主题“自定义”功能——因为主题设置本身已经有这个功能,而且让用户多处地方去设置,不见得是好事。
WordPress 4.7 版本终于发布了,这个版本带来了新的默认主题 Twenty Seventeen,并且主题支持在安装的时候设置初始化内容,让用户更加方便安装和配置新主题。...全新的默认主题:Twenty Seventeen WordPress 4.7 带来了全新的默认主题:Twenty Seventeen,通过特色图片和视频头图(Video headers)的功能让你网站更加引人入胜...主题安装初始化内容(Theme Starter Content) WordPress 4.7 在主题定制器中添加了一个新的功能,可以让你通过实时预览你的所有修改来让你熟悉主题安装和设置过程。...为了帮助用户更加快速完成一些复杂主题的安装,一些主题还提供了初始化内容(仅在安装全新站点时候出现),比如在首页让你一些 Widget 放到最佳的位置,提供社交图片链接的示例菜单。...REST API 内容 Endpoints WordPress 4.7 增强 REST API 功能,支持 posts, comments, terms, users, meta 和 settings
--可选的Bootstrap主题文件(一般不用引入)--> │ ├── bootstrap-theme.css.map │ ├── bootstrap-theme.min.css 主题文件(一般不用引入) 压缩版--> │ └── bootstrap-theme.min.css.map ├── js/ 新 Bootstrap 核心 CSS 文件 --> otf) OpenType是微软和Adobe共同开发的字体,微软的IE浏览器全部采用这种字体。致力于替代TrueType字体。...但是IE只支持微软自有的EOT格式字体,需要用字体转换工具将其转换为EOT格式,其他浏览器都不支持这一字体格式,其它浏览器可以设置TTF(TrueType)和OTF(OpenType)两种字体作为自定义字体
下边的文章路径调用主题默认附带。右边集成一个百度收录。参照下原版就很好明白:图片当然抓住方法就可以无限拓展,所以我连夜写了N种外观。...> 后台集成设置日主题主题设置调整文件 /inc/codestar-framework/rizhuti 在适当的位置放入代码即可。...=> 'post_copyright_zmki_dy', 'type' => 'switcher', 'title' => '文章页尾版权区域描述自定义...=> '', 'default' => true, ),最后集成右下角的百度收录查询(也可以尝试安装百度收录插件(张戈版本)这里用代码添加)把下边的代码放到主题根目录下的...本文仅针对日主题美化。其他WordPress主题均可以实现,但需要自己根据不同主题来适配。本文仅提供前端代码及效果创意;适配请自行完成简而言之,首先在主题设置里定义字段,表单,切换选择器等。
首先说下/wp-admin这个缓存设置,wp-admin是wordpress网站后台的地址,我们让其缓存设置为0天是为了防止打不开后台这种情况发生。...xml是站点地图的文件,设置0是为了防止站点地图更新后搜索引擎抓取不到新更新的URL文件。.gz也是站点地图的文件,不同插件后缀不同,有的是xml有的是gz。....woff2;.otf;.ot;.svg;.ttf;.woff是各类字体文件,我们将其缓存下来可以提高很多速度。 .jpg;.gif;.png;.bmp;.ico是各类图片文件,也不多讲了。 ....参考:wordpress网站使用腾讯CDN的最佳缓存配置 版权所有:可定博客 © WNAG.COM.CN 本文标题:《WordPress开启CDN后的建议的缓存过期时间与配置》 本文链接:https:
状态和可见性面板现在称为摘要 摘要面板下的永久链接和模板选项 改进的信息面板 站点图标将替换 WordPress 徽标 新的首选项 在站点编辑器中创建更多模板 快速搜索和使用模板部分 在站点编辑器中快速清除自定义...新的默认主题:Twenty Twenty-Three 根据 WordPress 的传统,今年的最后一个版本将附带一个名为Twenty Twenty-Three的新默认主题。...Twenty Twenty-Three 具有极简风格,是具有完整站点编辑功能的块主题。它将带有十种样式变体,用户可以在站点编辑器中选择。 它还将附带四种不同风格的字体。...在站点编辑器中快速清除自定义 WordPress 6.1 现在允许您在使用站点编辑器时快速清除自定义。...其他内核改进 经典主题现在可以使用模板部分(详情) 流畅的排版允许主题开发人员动态调整字体大小。(详情) 文章类型现在可以有自己的启动模式(详情)。
此主题带有多个自定义页面和 24+ 预先设计的块模式,您可以使用它们通过组合不同的块模式来创建自己的设计。...该主题具备如下的特色: 全站编辑 使用 WordPress 站点编辑器构建 主题选项面板 响应式设计 26+ 块模式 1000+ 谷歌字体 粘性网站标题 自定义代码编辑器 主题选项导入/导出 单员额选项...该主题具备如下的特色: 全站编辑 使用 WordPress 站点编辑器构建 主题选项面板 响应式设计 26+ 块模式 1000+ 谷歌字体 自定义代码编辑器 主题选项导入/导出 单员额选项 自动更新 一键演示导入...该主题具备如下的特色: 全站编辑 使用 WordPress 站点编辑器构建 10+ 主页样式 主题选项面板 响应式设计 1000+ 谷歌字体 19+ 块模式 自定义代码编辑器 主题选项导入/导出 单员额选项...该主题具备如下的特色: 全站编辑 使用 WordPress 站点编辑器构建 主题选项面板 响应式设计 27+ 块模式 1000+ 谷歌字体 自定义代码编辑器 主题选项导入/导出 单员额选项 自动更新 一键演示导入
此主题带有多个自定义页面和 24+ 预先设计的块模式,您可以使用它们通过组合不同的块模式来创建自己的设计。...该主题具备如下的特色:全站编辑使用 WordPress 站点编辑器构建主题选项面板响应式设计26+ 块模式1000+ 谷歌字体粘性网站标题自定义代码编辑器主题选项导入/导出单员额选项“返回顶部”按钮自动更新一键演示导入专业支持图片...该主题具备如下的特色:全站编辑使用 WordPress 站点编辑器构建主题选项面板响应式设计26+ 块模式1000+ 谷歌字体自定义代码编辑器主题选项导入/导出单员额选项自动更新一键演示导入专业支持图片...该主题具备如下的特色:全站编辑使用 WordPress 站点编辑器构建10+ 主页样式主题选项面板响应式设计1000+ 谷歌字体19+ 块模式自定义代码编辑器主题选项导入/导出单员额选项自动更新一键演示导入专业支持图片...该主题具备如下的特色:全站编辑使用 WordPress 站点编辑器构建主题选项面板响应式设计27+ 块模式1000+ 谷歌字体自定义代码编辑器主题选项导入/导出单员额选项自动更新一键演示导入专业支持图片
领取专属 10元无门槛券
手把手带您无忧上云