在子主题的style.css中根据个人需要添加下方代码即可
/*给图片添加阴影效果*/ .entry-content img{ box-shadow:rgba(0,0,0,0.5) 0 0.625rem 1.125rem; } /*菜单居中,去下划线*/ .m-overlay-menu a{ text-align: center; border-bottom: none !important; } /*菜单距顶部*/ .m-overlay-menu{ padding-top: 50px; } /*顶部菜单栏的高(变矮)*/ #site-header.sticky{ padding: 10px 0; } /*顶部菜单栏距顶部距离*/ #site-header{ margin-top: 36px; } /*底部内容距底部距离*/ #site-footer{ padding-bottom: 70px; } /*侧边栏按钮放右边*/ .m-site-sidebar-header .m-site-sidebar-title .close { left: 90%; } /*音乐播放器内框美化*/ .aplayer{ border-radius: 0.8rem;/*圆角*/ box-shadow: rgba(0,0,0,0.3) 0 0.625rem 1.125rem;/*阴影*/ } /*博文页功能框减小*/ .m-qucik-button{ padding: 2px 10px; }
按钮框:
<a class="ajax-link m-normal-button boohw" href="https://baimu.org/link">本站链接</a>
如
页面底部彩色网站运行日期
页脚-自定义处添加下列代码:
<div class="extra-content"> 本站已运行: <span id="momk"></span> <script language=javascript> function show_date_time(){ window.setTimeout("show_date_time()", 1000); BirthDay=new Date("11-22-2018 12:12:24");//建站日期 today=new Date(); timeold=(today.getTime()-BirthDay.getTime()); sectimeold=timeold/1000 secondsold=Math.floor(sectimeold); msPerDay=24*60*60*1000 e_daysold=timeold/msPerDay daysold=Math.floor(e_daysold); e_hrsold=(daysold-e_daysold)*-24; hrsold=Math.floor(e_hrsold); e_minsold=(hrsold-e_hrsold)*-60; minsold=Math.floor((hrsold-e_hrsold)*-60); seconds=Math.floor((minsold-e_minsold)*-60); momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ; } show_date_time(); </script> <style> #momk{animation:change 10s infinite;font-weight:800; } @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}} </style> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script>
本站使用Hermit X插件来播放音乐(Muiteer2.1)
因为使用全站Pjax加载,Hermit X有一些问题:切换页面仍然播放原页面音乐,页面需刷新才加载音乐播放框,有以下方法解决。
右键保存下面的文件,替换主题文件夹js中的main-min.js文件即可
右键-链接另存为
亦可在在网站后台-外观-编辑中,编辑js中的main-min.js。复制下载文件中的内容,替换。
然后,Hermit X插件需如下设置:
默认:按需加载,只有文章列表中使用了短代码才会加载CSS、JS资源。 |
|
默认:页面顶部 |
在搜索框下添加标签:
在父主题-header.php的第475行左右的
<div id="site" class="header-content-wrapper"> <div class="site-carry"> <div class="m-search-overlay"></div> <div class="m-search-wrapper"> <div class="m-search-box"> <div class="search-icon"></div> <?php get_search_form(); ?> <div class="close-icon"></div> </div> <!--自定义搜索栏下方文字--> <div class="post-tags active"><p><a href="https://baimu.org/link">我?</a></p></div> </div>
添加下方代码
<!--自定义搜索栏下方文字--> <div class="post-tags active"><p><a href="https://baimu.org/link">我?</a></p></div>
输入自定义链接与名称即可。
在博文日期下添加修改博文链接:
父主题-文章页面 (single.php)的第20行下,添加/修改代码:
<div class="time"> <time datetime="<?php the_time( 'c' ); ?>" itemprop="datePublished"> <?php the_time( get_option( 'date_format' ) ); ?> <!--添加博文编辑链接--> <br> <a href="<?php echo get_edit_post_link(); ?>" target="_blank">修</a> </time> </div>
我使用的插件
Akismet Anti-Spam:防垃圾评论
Aliyun OSS:存储图片
Classic Editor:使用老版编辑器
Easy WP SMTP:发送邮件
Hermit X:音乐播放
Enlighter - Customizable Syntax Highlighter:代码高亮