请等待几分钟，安装完成后，会显示面板的地址（默认是你的ip:8888） 下面是账号和密码，然后我们访问这个地址然后输入账号和密码就可以进入面板 ?...为了能方便快速的访问博客，请注册一个好记的域名，新手我推荐使用Godaddy注册。 输入你喜欢的域名并购买 ? 这里我用pw3.pw这个域名来进行示范。 购买后首先进行DNS解析设置。...PS：这里需要将DNS默认的服务器（在Godaddy注册的默认是Godaddy的DNS服务器）转移到DNSPOD 方法如下： 在Godaddy网站点击我的产品，点击域名后面的DNS ?...接下来，我们开始搭建博客系统wordpress 请选择宝塔面板左侧的软件管理——宝塔插件——宝塔一键部署源码——安装 ? 如图设置，选择wordpress源码一键部署 ? 参考设置，然后点击提交。...这就是wordpress的管理后台（只有管理员登陆后才能访问） ? 点击左上角的访问站点，就可以访问你的博客了。 ? 恭喜你，拥有自己的博客，接下来你就可以自己写文章并且发布到网络上了！
一般都是通过修改font-family 属性来改变字体显示效果的 具体实现功能如下 ?...2.使用 @font-face定义本地字体 @font-face 能够加载服务器端的字体文件，让客户端显示客户端所没有安装的字体。...，在里面找到body，找到font-family修改成我们需要的字体，这样就完成了wordpress字体设置。...实际上，因为wordpress主题中的CSS样式文件有很大差别，设置也不是这么简单，我们需要找到各处的font-size进行修改。...比较标准的wordpress主题都会设置一个body字体样式，然后后面的字体样式都是按比例缩放，因此我们修改完body，然后可以查看博客的显示，如果对某个地方的字体样式不满意，可以点击右键查看网页源代码
IOS手机测试时会发现加了margin-bottom的属性无效。解决：替换为padding-bottom或者放个空盒子有高度宽度占位即可。 IOS手机的输入框出现未知的内阴影。...问题解决 new Date的ios兼容问题：当使用new Date(‘2020-1-20’)这种方法的时候安卓和PC端都是没问题的，IOS手机不支持，IOS支持new Date(‘2020/1/20’) font-weight...，什么是设备独立像素，这些都不重要(详细讲解参考https://www.zhangxinxu.com/wordpress/2012/08/window-devicepixelratio/)，重要的是你需要知道...： dpr = 设备实际显示的像素比/css像素比 比如css像素为1，设备的dpr为2，那么屏幕上实际显示的像素就是css像素*dpr，也就是2px。...其中dpr可以通过css或者js查询出来，知道了css像素与实际显示像素的缩放比，那么就可以利用transform: scale()对1px进行缩放。
谷歌字体是个不错的选择，它能够让字体在网页上显示的丰富多样，但是国内谷歌字体 Google Fonts 所在的 googleapis.com 网站被墙，根本加载不了，而且会导致 WordPress 加载速度变慢...，我们在之前的 WordPress 教程中已经讲解过 WordPress 中禁用谷歌字体的方法。...在这种情况下，使用 CSS 的 @font-face 属性在网页中嵌入自定义字体成为最佳选择，下面的 WordPress 教程里，我们就向大家介绍一下 WordPress 网站中如何嵌入自定义字体。...获取要使用字体的文件格式，确保能在主流浏览器中都能正常显示该字体。...在样式表中声明该字体 我们以 CygnetRoundRegular 字体为例，在 CSS 中加入如下代码： @font-face { font-family: ‘CygnetRoundRegular’
织音在此提醒您：zibll.com是Zibll子比主题唯一官网，子比主题受国家版权保护，著作权登记号： 2021SR0401471 使用盗版主题对您的网站及财产安全将会带来无数的未知风险！...我也不知道该改哪里，如果哪位大佬知道的话，请在下方留言告知我修改一下，Thanks♪(･ω･)ﾉ 统计信息模块小工具主要采用前端HTML+CSS和后端函数，通过后端提供功能函数，然后前台获取到后台提供的数据来显示信息功能...本站主要采用WordPress+子比主题，没有测试过其他主题，如果你用的其他主题可以自己测试一下，嘻嘻！本站主要以子比主题来写。...2.在后台–>外观–>小工具–>自定义HTML，把自定义HTML放到合适的版块里（子比主题放在首页-底部全宽度），然后把下面代码复制粘贴进去，即可在前台显示。 <!...: 48px; font-family: Arial;}#nuandao .siteCount ul li b{display: block; font-weight: normal; font-size
微信图片_20211014142927.jpg 安全资讯报告 GoDaddy：超过100万WordPress客户数据外泄 网络托管巨头GoDaddy周一披露了一起数据泄露事件，导致共有120万活跃和非活跃客户的数据遭到未经授权的访问...GoDaddy透露，它在11月17日发现了闯入事件。对该事件的调查正在进行中，该公司表示正在“直接联系所有受影响的客户，提供具体细节”。...相信入侵者已存取下列资料—— 多达120万个活跃和不活跃的托管WordPress客户的电子邮件地址和客户数量； 暴露了在配置时设置的原始WordPress管理员密码； 与其活跃客户相关的sFTP和数据库用户名和密码...，以及一部分活跃客户的SSL私钥； GoDaddy表示正在为受影响的客户颁发和安装新证书。...恶意软件分析师发现恶意软件的主要功能是收集有关用户及其设备的信息并显示广告。
前言 在wordpress中使用markdown语法来进行写作，是很多wordpress博主都要想到的一点。...其中我用过最好的是 WP Editor.MD 插件，很感谢插件的作者，该插件的功能和界面都比较令人舒服，曾经想让我一度一直使用下去了，但是由于未知的错误（可能是和别的插件的影响），导致该插件偶尔会发生崩溃...代码高亮 通过上面步骤的复制粘贴，在wordpress文章中可以正常显示，但是可能会出现一些问题，那就是代码不能够高亮。原因很简单，是因为我们没有相应的css文件。 ?...图片显示 引用图片链接即可，可以使用图窗工具，也可以自己搭建。网上有很多优秀的图云网站，收费或不收费。 总结 这篇文章只是我为了在wordpress比较舒服地写文章的一些方法的尝试。...与这个相关的测试（图片cdn加速以及公式显示测试）写在最近的文章中了，如果有需要可以看看。 这是我在wordpress上进行写作的方法，希望对大家有帮助。
以前给网页设置字体，需要读者的操作系统中安装相应字体才可以显示，所以之前在网页作品中，使用了其他的创意字体，那么需要生成相应的文字图片来替换，否则不会显示。...Google 在线字体服务 CSS3 引入了一个非常强大而且实用的属性 @font-face，这个功能就是 Web Fonts，可以直接使用安装在服务器端的字体，所以可以将选择好的字体，上传到服务器中，...然后使用 CSS3 新增的 @font-face 属性，来调用服务器上的字体，然后来渲染网页。...加速 Google 在线字体 Google 字体很好用，很方便，WordPress 很多主题也使用了 Google 字体，但是 Google 在线字体在国内的速度不是很快，甚至有时候还无法打开，这也是...WordPress 有时候在国内速度不够快的原因。
以前用godaddy的免费空间做了个图床，毕竟不和空间在一起，也保不准谁会用这个免费空间干点别的事情，IP被封，图片不显示的时候就麻烦了，更说不准能不能拿到原来的图片，所以后来也就放弃了转回wordpress
二、主题集成 编辑 WordPress 当前主题目录下 functions.php 文件，在<?...其实，就是在需要的位置显示一个图标而已。而这一切由 CSS+fonts 来实现，即图标字体。 理论上，图标字体可以用在网站的任意位置，只需要用 i 标签加 class 来添加即可。...那如何使用到 WordPress 导航菜单呢？...点击菜单页面右上方的【显示选项】，勾上 CSS 类即可： ? 如果发现点击【显示选项】没动静怎么办？ 看来你的 WordPress 也是升级 4.2 了。...解决办法见张戈博客之前的分享【修复 WordPress 4.2 问题】 四、更多折腾 好了， 做完上面的操作后，就可以彻底删除 font awesome 4 menus 这个插件了，强迫症们是不是又感觉轻松了一些呢
背景通过CSS属性@font-face和font-family可以实现加载自定义web font，改变网页字体，实现美化效果。...字体下载地址：https://www.zcool.com.cn/special/zcoolyytfonts需要通过@font-face属性引用web font。...#iefix") format('embedded-opentype'),}属性详解：font-display swap属性可以实现在web font未加载完成前使用浏览器默认字体渲染文本，当web font...: 400; font-style: normal;}WordPress可以添加至主题根目录style.css文件的开头或添加到 外观>自定义>额外CSS内，无需添加style标签。...原文地址：https://www.afengblog.com/wordpress-custom-fonts.html
该代码最初来自大前端，经过简单的改造Jeff 移植到了WordPress主题中。...据我所知，制作三角形的话还可以直接用css（好像border属性+margin=0），当然也可以直接用图片。...class="poptip"> ◆◆ Hi，又一个WordPress...: normal;font-family: simsun;font-size: 12px;text-shadow:0 0 2px #ccc;} .poptip-arrow em,.poptip-arrow...top: 12px;margin-top:-6px;} .poptip-arrow-left em{left:1px;} .poptip-arrow-left i{left:2px;} 希望尖角居中显示
但是苦于WordPress 特殊的文件机制，实现起来并不是加个CSS 样式那么简单（没耐心得直接看折腾三）。...但是，这个时候如果要实现WordPress管理后台字体为微软雅黑，需要每个CSS 文件都要添加font-family的相关代码——如此一来，费力费时，一旦日后WordPress 更新升级有得从来。...方法：在主题的functions.php文件下加入以下代码： //更改后台管理界面字体 devework.com function dw_admin_font(){ echo'*{font-family...important;}'; } add_action('admin_head', 'dw_admin_font'); 其实核心就是那个*{font-family:"Microsoft...important;}，所有元素加个font-family属性，并且用!important加强优先级，就这样。 话说，挺耗资源的，用* 又用!important 。
语法： .color1{ 属性1：属性值1； 属性2：属性值2； } .color2{ 属性1：属性值1； 属性2：属性值2；...1：属性值1； 属性2：属性值2； } #color2{ 属性1：属性值1； 属性2：属性值2； } M :hover 伪类选择器...：高 取值px/% background-color 背景颜色 font-size 字体大小 font-weight：bold；字体加粗 line-height 行高 color 字体颜色 text-align...scroll：无论内容有木有超出显示区域，都会显示滚动条 auto：当内容超出显示区域的时候，则显示滚动条，否则不显示。...: 18px; font-weight: bold; } .essay li:nth-child(4){ font-size: 18px; font-weight: bold; margin: 10px
能抓取你自己嘀咕和别人对你的回复嘀咕，以及你回复朋友的源嘀咕，以层式结果显示出来。 能够让你直接在 WordPress 后台更新嘀咕，以及回复和转嘀。 同步 WordPress 博客日志到嘀咕。...WP 嘀安装非常简单，上传激活之后，到 WordPress 后台 => 设置（Setting）=> WP 嘀，然后输入你的嘀咕账号和密码之后，WordPress 后台就会多出一个 WP 嘀的根菜单，你就在这里使用...WP 嘀咕各个功能： WP 嘀：显示你的嘀咕，别人回复你的嘀咕，以及你回复朋友的源嘀咕。...如果你想在博客页面显示你的嘀咕信息，可以通过以下步骤实现： 1. 创建 WordPress 页面模板，在该模板中加入下面函数： <?php thread_digu(); ?...:georgia; font-style:italic; } .digu_source a { color:#999; } .digu_text { margin-bottom:
comment_author_IP：评论者IP comment_date：评论时间 comment_date_gmt：评论时间（GMT+0时间） comment_content：评论正文 comment_karma：未知...链接打开方式 link_description：链接描述 link_visible：是否可见（Y/N） link_owner：添加者用户ID link_rating：评分等级 link_updated：未知...用户指定是否允许在该链接分类显示图片链接。...show_description – 该字段指定相应的链接分类下的链接，是否再专门[换行]显示它们的说明，这是一个枚举型值enum(’Y’,’N’)，默认为N，即不显示说明(但会通过title属性中显示说明...用户可以选择显示在链接下方还是显示在title属性中。varchar(255)值。 link_visible – 该链接是否可以，枚举enum(’Y’,’N’)值，默认为Y，即可见。
演示地址: http://i.zuanmang.net/sujin/ Diaspora http://i.zuanmang.net/sujin/ WordPress素锦-超级美的小众博客自适应主题 截图...显示壁纸 gallery 所需要的缩略图是 300x...，需要在 WordPress 后台 媒体选项 将 缩略图大小 设置为 宽度 300 高度 0。...（推荐：其他都设置为 0） 首页显示文章缩略图大小是 680x440，有两种模式产生缩略图，一种是用原生 WordPress 提供的裁切图片功能，一种是使用 timthumb.php。...php define ('USE_TIMTHUMB', false); define ('LOGO_FONT', false); ?...即可 ***注意要去除 autoplay 属性，不然会引起多次播放 bug*** 文章壁纸 Gallery 只需要在文章编辑后台添加图片即可，***注意不需要插入文章内容页面***，主题会调用壁纸显示
css:font-style font-style有两个值可以让文字倾斜，「italic」，「oblique」。...SVG中使用transform SVG中的text标签用来承载文字，通过text的transform属性可以控制文字的旋转。...canvas中的rotate方法和css中transform的rotate属性，异曲同工。...在介绍实现方法之前，你需要知道SVG除了可以当成标签在html中显示，还可以当成background-image。.../wordpress/2020/10/text-as-css-background-image/
这是一个超强大的 WordPress 用户管理的插件，看下图： 这个插件实现十多个 WordPress 用户相关功能： 屏蔽个人设置 屏蔽姓名设置 显示名称设置 隐藏登录名 开启别名设置 开启登录限制...隐藏登录失败时候未知用户名和密码不正确的错误信息，都显示：「用户名或者密码错误。」 开启登录限制 如果还是人猜到了用户名，我们可以开启登录限制，限制登陆失败次数，防止密码被暴力破解。...让用户确认之后再跳转，并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。...格式文章 在 WordPress 实现真正的文章格式 草稿分享 一键生成草稿临时分享链接 并可设置分享链接的有效期 文章专题 设置文章专题，并在文章末尾显示一个文章专题列表。...微信小程序 微信小程序 WordPress 基础插件，包含基础类库和管理。 微信群二维码 轮询显示微信群二维码，突破微信群100人限制。
对于wordpress博客，好的文章排版能在一定程度上降低跳出率。...Jeff认为，wordpress博客文章排版是一项技术活，能搞好排版的必定是了解wordpress本身、具有一定专业技术（网页相关）基础、文笔好的少数人——他们或许是将一篇文章排成如同网页设计的效果了。...接下来提供教程——为你的wordpress博客文章页面增加多彩排版条： 一、打开你的wordpress主题文件的style.css文件，看看html代码中的~这六个标题属性你的主题用了多少个...不懂这~六个标题属性的童鞋麻烦入门一下html知识。 比如，有些主题的标题可能是以作为属性的，都可能用于不同地方。...注意问题： 想要实现多种颜色排版条需要你有多个闲置的h属性（当然最多不过6个），不过一般的主题仅仅占用两个而已。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
