wordpress WordPress 主题美化 – 底部菜单美化 底部菜单美化的 css 代码如下: /** 底部菜单美化 */ .menu-footer-list { display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff !important; line-height: 15px; margin-bottom: 5px; } .men…
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 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….
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…
wordpress 推荐一个给力的WordPress主题和插件检测网站Themesinfo 有时候看见别人好看的网站,想知道是什么模板,那可以来 themesinfo 这个网站查一下。 官网地址:https://themesinfo.com 只需要将想要查询的网站填写到输入框内,点击 Detect 即可。 查询到阿蛮君的网站主题是 CorePress-Pro,并且子主题都查询出来了。 之前也介绍过 如何查看他人网站使用什么 WordPress 主题,但是这个网站更强大的地方在于,还能查询…