wordpress WordPress 主题美化 – 文章下面的图标更换为彩色图标 原主题文章下面的点赞、分享和打赏图标都是单色图标,可以对这些图标进行替换,下载图标后放在 /wp-content/themes/CorePress-Pro/static/img/ 文件夹下。 想要给图标添加鼠标悬停放大效果添加如下 css 即可: /** 文章下图标放大效果 */ .post-end-tool-btn-item svg:hover { transform: scale(1.2); ...
wordpress WordPress 主题美化 – 评论框添加背景图 添加如下 css,可给评论框添加背景图: /*评论背景图*/ textarea#comment { background-color:transparent;background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(/wp-content/uploads/2023/03/comment.png) right 1...
wordpress Corepress 主题优化之优化上一篇下一篇样式 Corepress 主题中,如果不做处理,随着标题长度的增长,就会变成这个样子。 添加以下 css 代码可解决问题: .post-turn-page-main a { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; display: block; } 修改 css 样式后,效果如图:
wordpress WordPress 主题美化 – 头像添加呼吸光环以及旋转和放大 鼠标悬停时头像旋转和放大的 css 代码如下: /*头像呼吸光环和鼠标悬停旋转放大开始*/ .widget-admin-author-avatar img { border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s; height: 65px; width: 65px; } .widget-adm...
wordpress WordPress 主题美化 - 给代码块添加 mac 风格样式 之前写过 WordPresss 主题美化-给代码块添加 mac 风格的背景图片,这方式虽然能实现,但是由于使用了背景图片,操作还是稍微有点麻烦。 今天这个代码直接插入代码即可实现美化代码块,阿蛮君现在用的就是这个,css 代码如下: .post-content-post pre::before { content: ""; display: block; background:...
wordpress WordPress 主题美化 - 文章页图片悬浮效果 要让图片悬浮,添加如下 css 即可。因为阿蛮君觉得图片具体文字太近,加了一个 margin 属性,不需要的可以去掉。 /*文章图片悬浮效果*/ .post-content-content img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0....
经验教程 Docker 搭建流量控制中间件 Sentinel sentinel 是阿里中间件团队开源的,面向分布式服务架构的轻量级高可用流量控制组件,主要以流量为切入点,从流量控制、熔断降级、系统负载保护等多个维度来帮助用户保护服务的稳定性。 docker 搭建方式如下: docker run -d \ --name sentinel \ -p 8858:8858 \ --restart always \ bladex/sentinel-dashboard ...
wordpress WordPress 主题美化 - 添加彩色滚动条 插入css 代码即可,彩色滚动条 css 代码如下: /**彩色滚动条*/ ::-webkit-scrollbar { width: 8px; height: 1px; } ::-webkit-scrollbar-thumb { background-color: #12b7f5; background-image: -webkit-linear-gradient(45deg, rgba(255,...
wordpress WordPress 主题美化 - 首页文章悬浮效果 如果使用的是 corepress 主题,加入以下代码即可,其他主题根据具体情况稍作修改。 /*首页动态效果*/ [cp-post-item]:hover { background: #edededba; transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform:...
wordpress WordPress 主题美化 - 美化导航栏添加背景图和透明效果 首先下载背景图,右键保存。 然后将图片上传到 wordpress,再加入以下 css 代码: header { background-color: rgba(255, 255, 255, 0.96); background-image: url(https://www.amjun.com/img/uploads/2023/04/643e056187339.png); background-posi...
经验教程 Docker 安装 Redis 和可视化工具 Redisinsight Redis 作为一款使用广泛的内存数据库,阿蛮君不管是在工作中,或者自己建站加快网站加载速度都有用到,下面就来讲一下用 docker 怎么安装。 1. 安装Redis 首先创建 redis 的配置文件,这里指定密码 123456,并且设置了外网可以访问。 mkdir -p /home/docker/redis/data && cat > /home/docker/redis/...
运维开发 本地服务器如何增量备份远程主机文件 阿蛮君网站之前正愁如何备份服务器上的网站数据,仅仅使用服务器备份到另一个目录,万一服务器没了,数据都完蛋。 于是想着,反正自己本地有一台当服务器用的笔记本,就用这台笔记本用定时任务来增量备份服务器上的数据也不错。 这里使用到了 sshpass 命令,好处是可以不用使用公钥拷贝到远程服务器上,可以命令行输入密码,坏处显而易见就是没那么安全。 1. 安装sshpass 有可能机器上没安装命令,需要先进...