普通视图

发现新文章,点击刷新页面。
昨天以前首页
  • ✇新锐博客
  • Argon – 一个轻盈、简洁、美观的 WordPress主题莫忘
    简介 Argon Design System 是一个WordPress主题,它结合了美观的设计和实用的功能,让你轻松创建个性化的网站。 特色 设计美观 Argon 主题提供了一个视觉上吸引人的界面。它关注细节,确保网站既好看又好用。 定制性强 这个主题允许用户自定义很多东西,比如主题颜色、布局(单栏、双栏、三栏)、顶部和侧边栏的样式。还有日夜模式和沉浸式设计,让你的网站更有个性。 夜间模式 Argon 支持日间、夜间和纯黑三种模式,并可以自动切换,提供更好的浏览体验。 功能多样 这个主题提供了很多功能,比如标签统计、作者链接、文章字数显示和过时信息提示,让网站内容和体验更上一层楼。 Pjax 无刷新加载 Argon 使用 Pjax 技术,实现无刷新加载,提升网站速度和用户体验。 友情链接和”说说” 功能 你可以用 WordPress 的链接管理器来管理友链,并用”说说”功能分享你的想法。 评论功能扩展 Argon 扩展了评论系统,支持 Ajax、Markdown 编辑、验证码和编辑记录查看等功能,增强了互动。 更多功能 还有文章目录、阅读进度条、公式解析、图片放大预览等功能,让你的网站
     

Argon – 一个轻盈、简洁、美观的 WordPress主题

作者 莫忘
2023年12月25日 19:38

简介

Argon Design System 是一个WordPress主题,它结合了美观的设计和实用的功能,让你轻松创建个性化的网站。

特色

设计美观

Argon 主题提供了一个视觉上吸引人的界面。它关注细节,确保网站既好看又好用。

定制性强

这个主题允许用户自定义很多东西,比如主题颜色、布局(单栏、双栏、三栏)、顶部和侧边栏的样式。还有日夜模式和沉浸式设计,让你的网站更有个性。

夜间模式

Argon 支持日间、夜间和纯黑三种模式,并可以自动切换,提供更好的浏览体验。

功能多样

这个主题提供了很多功能,比如标签统计、作者链接、文章字数显示和过时信息提示,让网站内容和体验更上一层楼。

Pjax 无刷新加载

Argon 使用 Pjax 技术,实现无刷新加载,提升网站速度和用户体验。

友情链接和”说说” 功能

你可以用 WordPress 的链接管理器来管理友链,并用”说说”功能分享你的想法。

评论功能扩展

Argon 扩展了评论系统,支持 Ajax、Markdown 编辑、验证码和编辑记录查看等功能,增强了互动。

更多功能

还有文章目录、阅读进度条、公式解析、图片放大预览等功能,让你的网站更专业、更易用。

Argon Design System 是一个全面、美观且功能丰富的 WordPress 主题。无论你是专业人士还是初学者,它都能帮你轻松打造个性化网站。

界面截图

图片[1]-新锐博客

开源地址

Github地址:https://github.com/solstice23/argon-theme

  • ✇新锐博客
  • Puock - WordPress精美功能丰富的免费主题莫忘
    介绍 一款基于WordPress开发的高颜值的自适应主题,支持白天与黑夜模式。 特色 支持白天与暗黑模式 全局无刷新加载 支持博客、CMS、企业三种布局 内置 WP 优化策略 内置前台用户中心 支持 QQ / Github / Gitee / 微博登录 支持缩略图伪静态 全局顶部滚动公告 图形及极验验证码支持 自定义 SMTP 支持 一键全站变灰 网页压缩成一行 后台防恶意登录 内置出色的 SEO 功能 评论 ajax 加载 文章点赞、打赏、海报生成、分享 Twemoji 集成 丰富的广告位 丰富的小工具 自动百度链接提交 众多页面模板(读者墙 / 归档 / 书籍推荐 / 站点导航 / 标签 / 站点地图等) 众多短代码支持(下载 / 评论后可见 / 登录后可见 / 登录且验证邮箱可见 / 多种提示框 / Github 卡片等) 支持 Dplayer 播放器 仿 MacOS 的代码风格及拷贝代码 Vue3+NaiveUI 集成的高颜值后台配置 文章多级目录生成 侧边栏粘性滚动 WP 缓存支持 自定义主色调 LOGO 扫光动画 ChatGPT 及 AI 绘画支持 界面截图 开源地址 G
     

Puock - WordPress精美功能丰富的免费主题

作者 莫忘
2023年12月25日 19:30

介绍

一款基于WordPress开发的高颜值的自适应主题,支持白天与黑夜模式。

特色

支持白天与暗黑模式
全局无刷新加载
支持博客、CMS、企业三种布局
内置 WP 优化策略
内置前台用户中心
支持 QQ / Github / Gitee / 微博登录
支持缩略图伪静态
全局顶部滚动公告
图形及极验验证码支持
自定义 SMTP 支持
一键全站变灰
网页压缩成一行
后台防恶意登录
内置出色的 SEO 功能
评论 ajax 加载
文章点赞、打赏、海报生成、分享
Twemoji 集成
丰富的广告位
丰富的小工具
自动百度链接提交
众多页面模板(读者墙 / 归档 / 书籍推荐 / 站点导航 / 标签 / 站点地图等)
众多短代码支持(下载 / 评论后可见 / 登录后可见 / 登录且验证邮箱可见 / 多种提示框 / Github 卡片等)
支持 Dplayer 播放器
仿 MacOS 的代码风格及拷贝代码
Vue3+NaiveUI 集成的高颜值后台配置
文章多级目录生成
侧边栏粘性滚动
WP 缓存支持
自定义主色调
LOGO 扫光动画
ChatGPT 及 AI 绘画支持

界面截图

图片[1]-新锐博客

开源地址

Github地址:https://github.com/Licoy/wordpress-theme-puock

  • ✇新锐博客
  • CorePress主题美化合集莫忘
    前言 本次美化教程均来源于其他优秀站点,本人只是把它们整合到一起罢了。 本章内容不定时更新,有好的美化教程第一时间分享出来,记得经常光顾本站! 本章内容只适合Corepress主题,其他主题暂未测试,如有问题自行调整。 教程 免费版可以将下方的css填写到主题的自定义css 中,Pro版本放到子主题的style.css 中即可。 更新时间 最新更新时间:2023年4月30日22:20:58 代码 首页模仿mac样式 本代码来源于corepress主题官网:https://www.lovestu.com/corepressmac.html /** 首页模仿mac样式 */ :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
     

CorePress主题美化合集

作者 莫忘
2023年4月26日 21:03

前言

  • 本次美化教程均来源于其他优秀站点,本人只是把它们整合到一起罢了。
  • 本章内容不定时更新,有好的美化教程第一时间分享出来,记得经常光顾本站!
  • 本章内容只适合Corepress主题,其他主题暂未测试,如有问题自行调整。

教程

免费版可以将下方的css填写到主题的自定义css 中,Pro版本放到子主题的style.css 中即可。

更新时间

最新更新时间:2023年4月30日22:20:58

代码

首页模仿mac样式

本代码来源于corepress主题官网:https://www.lovestu.com/corepressmac.html

/** 首页模仿mac样式 */
: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;
}

申请友链模块

本代码来源于阿蛮君博客:https://www.amjun.com/1830.html

css代码如下:

1.申请按钮美化

/* 按钮美化 */
.friend-links-apply {
    padding: 5px 10px;
    color: white !important;
    text-decoration: none;
    border-radius: 50px;
    background: linear-gradient(to right, #fd0808, #df05ed);
    background-size: 200% auto;
    animation: flowingGradient 3s ease-in-out infinite;
    opacity: 1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    filter: brightness(130%);
}
.friend-links-apply:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
@keyframes flowingGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.friend-links .list-plane-title > div {
    line-height: 30px;
}
.fa-paper-plane:hover { color:red; }

2.按钮悬浮

/* 友链a标签放大效果 */
.friend-links-list a:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

3.多行友链添加空隙

/** 友情链接多行时显示过于紧凑 **/
.friend-links-list {
   padding: 10px 10px 10px 15px !important;
}
.friend-links-list a {
   margin-bottom: 10px;
}

4.手机底部导航并美化(按需添加)

@media screen and (max-width: 800px) {
  .friend-links { display: block !important; }
  .friend-links .list-plane-title { padding: 0px; }
  .friend-links-list img { display: none !important; }
  .friend-links .list-plane-title > div {
      padding: 5px 0px 5px 15px;
      font-size: 16px;
      clear: both;
  }
  .list-plane-linksdescribe, .friend-links-apply{ display:none!important }
  .friend-links-list {
      padding: 10px !important;
      margin: 0 5px;
      display: block;
  }
  .friend-links-list a {
      font-size: 12px;
      margin-bottom: 5px;
      color: #262525!important;
      -webkit-tap-highlight-color: transparent;
  }
  .friend-links-item { margin-right: 0px; }
  .friend-links-item:not(:first-child):before {
      content: "";
      width: 4px;
      height: 4px;
      margin: 0 .3em;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle;
      background:#262525;
      opacity: .3;
      vertical-align: .2em;
  }
}

评论输入框添加背景图

本代码来源于阿蛮君博客:https://www.amjun.com/1686.html

/*评论背景图*/
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 10px bottom 10px no-repeat;
    -moz-transition:ease-in-out 0.45s;
    -webkit-transition:ease-in-out 0.45s;
    -o-transition:ease-in-out 0.45s;
    -ms-transition:ease-in-out 0.45s;
    transition:ease-in-out 0.45s;
}
textarea#comment:focus {
    background-position-y:789px;
    -moz-transition:ease-in-out 0.45s;
    -webkit-transition:ease-in-out 0.45s;
    -o-transition:ease-in-out 0.45s;
    -ms-transition:ease-in-out 0.45s;
    transition:ease-in-out 0.45s;
}

请将其中的/wp-content/uploads/2023/03/comment.png 替换为自己的图片地址

图片[1]-新锐博客

优化上一篇下一篇样式

本代码来源于阿蛮君博客:https://www.amjun.com/1685.html

/** 上一篇下一篇优化 */
.post-turn-page-main a {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

文章页图片悬浮

本代码来源于阿蛮君博客:https://www.amjun.com/1658.html

/*文章图片悬浮效果*/
.post-content-content img {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
    margin: 10px 0;
}
.post-content-content img:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    box-shadow:5px 5px 10px gray;   
}

添加彩色滚动条

本代码来源于阿蛮君博客:https://www.amjun.com/1653.html

/**彩色滚动条*/
::-webkit-scrollbar {
    width: 8px;  
    height: 1px;
}
::-webkit-scrollbar-thumb {
    background-color: #12b7f5;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #f6f6f6;
}

文章底部彩色标签

本代码来源于技术SOLO博客:https://www.jssolo.com/note/903

/** 文章底部彩色标签 */
.post-tags{margin-bottom: 10px}
.post-tags a{
    padding: 4px 10px;
    background-color: #36a1d2;
    color: white;
    font-size: 12px;
    margin: 0 5px 5px 0;
    border-radius: 10px;
    display: inline-block
}
.post-tags a:nth-child(5n){background-color: #7d43da}
.post-tags a:nth-child(5n+1){background-color: #d74e4b}
.post-tags a:nth-child(5n+2){background-color: #dc9e3a}
.post-tags a:nth-child(5n+3){background-color: #30ce67}
.post-tags a:nth-child(5n+4){background-color: #339ecf}
.post-tags a:hover{background-color: #494949}
.tag-cloud-link:before {content: unset;}

底部菜单美化

本代码来源于阿蛮君博客:https://www.amjun.com/1860.html

/** 底部菜单美化 */
.menu-footer-list {
    display: inline-block;
    border-radius: 4px;
    font-size: 12px;
    color: #fff !important;
    line-height: 15px;
    margin-bottom: 5px;
}
.menu-footer-list .menu-item a {
    font-size: 13px;
}
.menu-footer-list .menu-item{
    display: inline-block;
    background-color: #4d4d4d;
    padding: 4px 4px 4px 6px;
    border-radius: 4px 0 0 4px;
    margin-right: 5px;
}
.menu-footer-list li:nth-child(6n+1) {background-color: #4dc820}
.menu-footer-list li:nth-child(6n+2) {background-color: #8833d7}
.menu-footer-list li:nth-child(6n+3) {background-color: orange}
.menu-footer-list li:nth-child(6n+4) {background-color: #e91515}
.menu-footer-list li:nth-child(6n+5){background-color: #007ec6}
.menu-footer-list li:nth-child(6n) {background-color: #e323c2}
#menu-footer-nav li:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

实时监测页面是否离开并自动更改标题
<script>
document.addEventListener('visibilitychange', function () {
    if (document.visibilityState == 'hidden') {
        normal_title = document.title;
        document.title = 'w(゚Д゚)w 宝~请不要离开!';
    } else {
        document.title = normal_title;
    }
});
</script>

添加导航栏背景图和透明效果

图片[2]-新锐博客

/** 导航栏添加背景图和透明效果  */
header {
    background-color: rgba(255, 255, 255, 0.96);
    background-image: url(your_img_url);
    background-position: center right;
    background-size: auto 100%;
    box-shadow: 0px 5px 40px 0px rgba(17,58,93,0.1);
}
.menu-header-plane > ul {
    background-color: rgba(255, 255, 255, 0.96);
}

首页文章添加间距
.post-item {
    margin-bottom: 20px;
}

底部ICP备案信息居中
.core-footer {
    position: relative;
}
.icp-warp {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

侧边栏添加滚动播报
<div id="scroll-broadcast">
    <div id="container-box-1">
        <div class="container-box-1-1">每天来逛逛我的博客,会让你</div>
        <div id="flip-box-1">
            <!-- 滚动内容结构保持不变 -->
        </div>
        <div class="container-box-1-2">你好我也好,不要忘记哦!</div>
    </div>
</div>
<style>
    #scroll-broadcast {margin: -10px;}
    #container-box-1{
        background: linear-gradient(45deg, #C7F5FE 10%, #FCC8F8 40%, #EAB4F8 60%, #F3F798 90%);
        border-radius: 10px;
        padding: 10px;
    }
    /* 其他样式保持不变 */
</style>

底部黑暗明亮模式切换

本代码来源于阿蛮君博客:https://www.amjun.com/1462.html

.footer-plane{background: #22292d !important;color: #b3c0ce !important;}
/** 修改底部颜色 */
.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-plane a {
   color: unset!important;
}
.footer-aside-box {
   margin-bottom: unset!important;
}
.footer-info a:hover {
    color:var(--MaincolorHover) !important;
}

文章版权信息
<fieldset style="border: 1.5px dashed #008cff; padding: 10px; border-radius: 5px; line-height: 2em;font-weight: 700;color: var(--key-color);background-color: var(--body-bg-color);">
    <legend align="center" style="margin-bottom: -2px;width: 30%;text-align: center; background-color: #008cff; border-radius: 999px; background-image: linear-gradient(to right, #FFCC99, #FF99CC);border: 1.5px dashed #008cff;">
        版权声明
    </legend>
    <span class="btn-info btn-xs">1</span> 本文章标题:<span style="color: #3333ff"><span style="color: #09ace2; font-size: 15px"><strong>#postname# </strong></span></span><br>
    <span class="btn-info btn-xs">2</span> 本文章地址:<font color="#09ace2">#url# </font><br>
    <span class="btn-info btn-xs">3</span> 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请发送邮件至<font color="#09ace2">xxx@qq.com</font>进行删除处理。<br>
    <span class="btn-info btn-xs">4</span> 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。<br>
    <span class="btn-info btn-xs">5</span> 如您发现本站提供资源链接失效或有违规现象,请联系我们处理。<br>
</fieldset>
  • ✇新锐博客
  • CorePress- 美观功能强大的WordPress主题莫忘
    界面截图 主题介绍 CorePress主题,强大的WordPress定制主题,体积小,性能强,功能多,不可多得的一款高性能,高颜值主题。 首先需要讲的是,CorePress是CorePress Pro的免费版本,该免费版本是果核开发的,Pro版本是本站使用的主题,简洁好看,功能也不少。 目前Pro主题没有发现任何问题,使用体验还是非常不错的,价格也不算贵,有能力的支持一下。 作者站点 https://www.lovestu.com/ 项目地址 https://www.lovestu.com/corepress-free Pro购买地址 https://www.lovestu.com/corepress.html
     

CorePress- 美观功能强大的WordPress主题

作者 莫忘
2023年4月14日 15:08

界面截图

图片[1]-新锐博客

主题介绍

  • CorePress主题,强大的WordPress定制主题,体积小,性能强,功能多,不可多得的一款高性能,高颜值主题。
  • 首先需要讲的是,CorePress是CorePress Pro的免费版本,该免费版本是果核开发的,Pro版本是本站使用的主题,简洁好看,功能也不少。
  • 目前Pro主题没有发现任何问题,使用体验还是非常不错的,价格也不算贵,有能力的支持一下。

作者站点

https://www.lovestu.com/

项目地址

https://www.lovestu.com/corepress-free

Pro购买地址

https://www.lovestu.com/corepress.html

❌
❌