CorePress 主题 Mac 风格改造指南:打造精致圆角与侧边栏 Mac 风

温馨提示:
公众号:溯光笔记 本站仅为个人兴趣爱好而创立 并不会收费,感谢大家的支持.如有冒犯请联系我.
在使用 CorePress 主题搭建网站时,很多朋友觉得默认样式不够美观,希望通过自定义微调让主题更具个性。
本次就为大家分享如何将 CorePress 主题模仿成 Mac 样式,主要包括把侧边栏标题修改为 Mac 风格以及调整主题圆角,
让界面看起来更加圆润精致,尽显 Mac 系统的优雅设计感。

 

CSS代码

免费版用户将此段CSS代码,加入到主题设置,插入代码,自定义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;
}

CorePress Pro 可以使用子主题,编辑更为方便,放到子主题的style.css文件即可

基础子主题包下载:

https://www.123pan.com/s/HQeA-Fz1Sh

官方提供的文档 https://www.yuque.com/applek/corepress/dev

Pro主题,1.5.8版本,已经加入可视化自定义,无需再手动设置。

THE END