wordpress Corepress 主题美化友链模块 1. 友链申请按钮美化 对于友链模块,阿蛮君首先觉得友链申请应该让别人觉得按钮是可以点击的,我的美化 css 如下: /* 按钮美化 */ .friend-links-apply { padding: 5px 10px; color: white !important; text-decoration: none; border-radius: 50px; background: linear-g...
wordpress WordPress 主题美化 – 文章下面的图标更换为彩色图标 原主题文章下面的点赞、分享和打赏图标都是单色图标,可以对这些图标进行替换,下载图标后放在 /wp-content/themes/CorePress-Pro/static/img/ 文件夹下。 想要给图标添加鼠标悬停放大效果添加如下 css 即可: /** 文章下图标放大效果 */ .post-end-tool-btn-item svg:hover { transform: scale(1.2); ...
wordpress Corepress 主题优化之优化上一篇下一篇样式 Corepress 主题中,如果不做处理,随着标题长度的增长,就会变成这个样子。 添加以下 css 代码可解决问题: .post-turn-page-main a { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; display: block; } 修改 css 样式后,效果如图:
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 Corepress 主题给友情链接图标设置默认图片 图裂是一件很烦人的事情,但是终究是别人的图标链接,如果失效了也不应该显示图裂。 解决办法是,如果图片加载失败,给他加载本站的一个默认图标,使用 js 的 onerror 方法,如: <img src="image.jpg" onerror="this.src='default-image.jpg'"> 知道了这个以后,只需要找...
wordpress WordPress 个人博客使用好看的鸿蒙 HarmonyOS 字体 - 字体大小 1M 以下 不得不说,HarmonyOS 字体是真的挺好看的,但是 Corepress 主题自带的鸿蒙字体确实有点大,阿蛮君看了一下有 4M 以上,这对于博客来说不是很好的选择。 后来在其他地方找到一款 1M 以下的鸿蒙字体,下载后然后将字体上传到博客的指定目录,再加入以下 css 代码即可。 @font-face { font-family: "myharmonyos"; src: ur...
wordpress Corepress 切换暗黑模式和明亮模式同时修改底部背景颜色 Corepress 原来底部的背景色是暗黑色的,但是阿蛮君把它修改为了白色背景,css 代码如下: /** 修改底部颜色 */ .footer-plane { background: #fff; color: #999; box-shadow: 0 0.5px 0.5px 1px rgb(0 0 0 / 10%); padding: 20px 30px 30px 30px; } .footer-p...
wordpress 修复 markdown 转 html 后列表显示异常问题 阿蛮君的文章内容基本都是在本地 markdown 编辑器编辑好,然后粘贴到 wordpress 进行发布。平常也是使用 markdown 的列表展示,包括有序和无序列表。 但是如果序号后面的内容超过一行,就会出现这种问题,使用有序列表也是一样的结果。 解决办法是,添加如下 css: .post-content-content ol li p{ display: unset; } .post-con...
wordpress 修复 Corepress 主题表格显示问题 阿蛮君博客用的 Corepress Pro 主题,它确实是不可多得的一款高性能,高颜值主题。 但是目前对表格支持不是很友好,就像这样。 于是某位群友给出了解决方案,填加如下 css 代码: /** 修复表格问题 */ tbody, td, tfoot, th, thead, tr { border-color: #eee; border-style: solid; border-width: 0;...
wordpress 好用的WordPress免费主题推荐 随着 WordPress 使用的人数变多了,WordPress 主题的需求量也就更大了,目前市面上 WordPress 模板五花八门非常多,但是免费、好用的却没几个,给大家推荐好用的 WordPress 主题模板,希望能给各位博主一些帮助。 以下排名不分先后,但是最后一款却是目前使用人数最多、好评最高、并且做出高权重站点最多的一款免费WordPress主题! CorePress主题 CorePre...