wordpress WordPress 纯代码美化默认登录页面 阿蛮君博客使用的是开源的 puock 主题,作者没有对后台登录页面进行美化,依旧是默认的登录样式。 其实可以通过纯代码进行美化登陆页面,美化后效果如下: 在 functions.php 添加如下代码,对于 custom_login_style 函数,需要自行修改 logo 和 背景图片的路径。 function io_login_header(){ echo '<div class…
wordpress WordPress 主题美化 – 美化文章页面的标签 美化文章页面的标签 css 代码如下: /** 文章页面彩色标签 */ .post-tags-icon {display:none;} .post-tags{margin-bottom: 10px} .post-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;font-weight:bo…
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 WordPress 主题美化 – 文章下面的图标更换为彩色图标 原主题文章下面的点赞、分享和打赏图标都是单色图标,可以对这些图标进行替换,下载图标后放在 /wp-content/themes/CorePress-Pro/static/img/ 文件夹下。 想要给图标添加鼠标悬停放大效果添加如下 css 即可: /** 文章下图标放大效果 */ .post-end-tool-btn-item svg:hover { transform: scale(1.2); …
wordpress WordPresss 主题美化-给代码块添加 mac 风格的背景图片 今天突然觉得代码块光秃秃的,想给它美化一下,就像下面这样。 只需要插入 css 代码即可: /** 代码块美化 */ .post-content-post pre::before { content: ""; display: block; background: url(https://www.amjun.com/img/uploads/2023/04/6433ac582d5…
wordpress WordPress 个人博客使用好看的鸿蒙 HarmonyOS 字体 – 字体大小 1M 以下 不得不说,HarmonyOS 字体是真的挺好看的,但是 Corepress 主题自带的鸿蒙字体确实有点大,阿蛮君看了一下有 4M 以上,这对于博客来说不是很好的选择。 后来在其他地方找到一款 1M 以下的鸿蒙字体,下载后然后将字体上传到博客的指定目录,再加入以下 css 代码即可。 @font-face { font-family: "myharmonyos"; src: ur…
wordpress WordPress 侧边栏小工具添加滚动播报 滚动播报这是从网上找来的小工具,分享给大家。 其实很简单,就一段代码!只需在后台—>外观—>小工具—>自定义HTML添加下面的代码,把它放在合适的位置(本站放在侧边栏),然后就可以啦。 <div id="scroll-broadcast"> <div id="container-box-1"> <div cla…
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…