底部菜单美化的 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...

1. 友链申请按钮美化 对于友链模块，阿蛮君首先觉得友链申请应该让别人觉得按钮是可以点击的，我的美化 css 如下： /* 按钮美化 */ .friend-links-apply { padding: 5px 10px; color: white !important; text-decoration: none; border-radius: 50px; background: linear-g...

原主题文章下面的点赞、分享和打赏图标都是单色图标，可以对这些图标进行替换，下载图标后放在 /wp-content/themes/CorePress-Pro/static/img/ 文件夹下。 想要给图标添加鼠标悬停放大效果添加如下 css 即可： /** 文章下图标放大效果 */ .post-end-tool-btn-item svg:hover { transform: scale(1.2); ...

添加如下 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...

Corepress 主题中，如果不做处理，随着标题长度的增长，就会变成这个样子。 添加以下 css 代码可解决问题： .post-turn-page-main a { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; display: block; } 修改 css 样式后，效果如图：

鼠标悬停时头像旋转和放大的 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...

之前写过 WordPresss 主题美化-给代码块添加 mac 风格的背景图片，这方式虽然能实现，但是由于使用了背景图片，操作还是稍微有点麻烦。 今天这个代码直接插入代码即可实现美化代码块，阿蛮君现在用的就是这个，css 代码如下： .post-content-post pre::before { content: ""; display: block; background:...

要让图片悬浮，添加如下 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....

插入css 代码即可，彩色滚动条 css 代码如下： /**彩色滚动条*/ ::-webkit-scrollbar { width: 8px; height: 1px; } ::-webkit-scrollbar-thumb { background-color: #12b7f5; background-image: -webkit-linear-gradient(45deg, rgba(255,...

如果使用的是 corepress 主题，加入以下代码即可，其他主题根据具体情况稍作修改。 /*首页动态效果*/ [cp-post-item]:hover { background: #edededba; transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform:...

首先下载背景图，右键保存。 然后将图片上传到 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...

有时候看见别人好看的网站，想知道是什么模板，那可以来 themesinfo 这个网站查一下。 官网地址：https://themesinfo.com 只需要将想要查询的网站填写到输入框内，点击 Detect 即可。 查询到阿蛮君的网站主题是 CorePress-Pro，并且子主题都查询出来了。 之前也介绍过 如何查看他人网站使用什么 WordPress 主题，但是这个网站更强大的地方在于，还能查询...