WordPress CorePress主题 修改仿Mac样式

大黑 • • WP教程

前言

很多朋友觉得默认的主题样式不是那么好看，其实大家可以通过自定义，对主题进行微调。

本次给大家分享如何给侧边栏标题修改成Mac风格，以及修改主题的圆角。使得界面看起来更圆润。

效果演示

CSS代码

:root {
    --border-hd: 10px !important;
}
body header {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}
.post-list-page-plane {
    background-color: #fff;
}
body .widget-title {
    border-bottom: none;
}
.friend-links {
    overflow: hidden;
}
body .widget-title:before {
    width: 12px;
    height: 12px;
    transform: none;
    background: #fc625d;
    border-radius: 50%;
    top: 10px;
}
body .widget-title:after {
    background-color: #fdbc40;
    width: 12px;
    height: 12px;
    transform: none;
    border-radius: 50%;
    left: 20px;
    top: 10px;
}

body .widget-title {
    padding-left: 40px;
}
.widget-admin-author-contact-item-icon {
    border-bottom-left-radius:2px!important;
}

代码部署

在主题根目录下找到style.css文件，在合适位置加入如上代码；

如果不想每次更新主题后都重新修改代码，可以将该代码放入到子主题的style.css文件中。我使用的果核开发的 CorePress Pro 主题 这个主题是支持子主题的，如果你使用的主题不支持，也可使用Code Snippets插件，这样可以避免升级主题后又要重新改一遍代码。

原文来自：Lovestu - CorePress主题模仿Mac样式

© 版权声明
文章：WordPress CorePress主题 修改仿Mac样式
作者：大黑
链接：https://ceotool.cn/181.html
声明：如无特别说明本文即为原创文章仅代表个人观点，版权归《大黑笔记》所有，未经授权、请勿转载。
本站所有内容资源均来源于网络，仅供用户交流学习与研究使用，版权归属原版权方所有，版权争议与本站无关，用户本人下载后不能用作商业或非法用途，需在24小时之内删除，否则后果均由用户承担责任。
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录