WordPress 7b2主题 修改 美化 备忘录

首先需要在 footer.php 之间任意位置添加

  1. class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -999px;">div>

js内容

  1. $(function() {
  2. //scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)。
  3. $(window).scroll(function() {
  4. var scroHei = $(window).scrollTop();//滚动的高度if (scroHei > 500) {
  5. $('.back-to-top').css('top','-200px');
  6. // $('.back-to-top').fadeIn();
  7. } else {
  8. $('.back-to-top').css('top','-999px');
  9. // $('.back-to-top').fadeOut();
  10. }
  11. })
  12. /*点击返回顶部*/
  13. $('.back-to-top').click(function() {
  14. $('body,html').animate({
  15. scrollTop: 0
  16. }, 600);
  17. })
  18. })

css文件

  1. /* 返回顶部样式 */
  2. @media (max-width:1000px){.back-to-top{display:none!important;}}
  3. @-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%,20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%,30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%,40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%,50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%,60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}18%,20%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}28%,30%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}38%,40%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}48%,50%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}58%,60%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ring{0%{-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);-ms-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);-ms-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes vertical{0%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes horizontal{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite;}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);-ms-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);-ms-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);-ms-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes passing{0%{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing-reverse,.faa-passing-reverse.animated,.faa-passing-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-fast,.faa-passing-reverse.animated-hover.faa-fast:hover,.faa-passing-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-slow,.faa-passing-reverse.animated-hover.faa-slow:hover,.faa-passing-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}@keyframes falling{0%{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);opacity:1}100%{-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);opacity:0}}.faa-falling.animated,.faa-falling.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling{-webkit-animation:falling 2s linear infinite;animation:falling 2s linear infinite}.faa-falling.animated-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite}
  4. .topButton{display: none;!important}
  5. #goToTop{display: none;!important}
  6. .back-to-top{position:fixed;top:-900px;right:140px;z-index:2;width:70px;height:900px;background:url(//static.qsnxm.com/images/scroll.png);opacity:1;cursor:pointer;transition:all .5s ease-in-out}

增加搜索按钮:

修改文件 inc/functions-templates.php 下的方法header_top_menu_7b2

  1. #登录状态的按钮,无需要修改CSS
  2. #在这一行下面添加代码
  3. class="button text pos-r" @click="showSearchBox('search')">class="iconfont zrz-icon-font-sousuo">
  4.  
  5. #非登录状态需要修改一下,大叔现学现卖,修改后对登录按钮位置有点小变动,总体看不出来
  6. #在这一行代码上面添加登录
  7. class="button text pos-r fkl-sousuo" @click="showSearchBox('search')">class="iconfont zrz-icon-font-sousuo" >
  8.  
  9. #同时更新CSS文件
  10. /* fkl search-button */
  11. button.fkl-sousuo {
  12. top:6px;
  13. }
  14. button.fkl-sousuo > .iconfont {
  15. font-size:23px;
  16. }

禁止后台登录

在functions.php文件添加如下方法

  1. add_action('login_enqueue_scripts','login_protection');
  2. function login_protection(){
  3. if($_GET['word'] != 'press') header('Location:https://fx.fklds.com');
  4. }

文章底部版权声明:

在template-parts/content.php文件中加载完文章内容时the_content()方法后面添加以下代码

  1. <p style="margin-top:50px;">原创文章,转载请注明出处:<a href="ID );?>"> the_title(); ?>a>@<a href="" > bloginfo('name'); ?>a>p>
  2. <div class="pd10" style="background-color:#eaebef;margin-top:50px;"><b style="color:red;">声明:b>本站大部分内容均收集于网络,且本站不提供存储、下载服务,本站所有内容只做学习和交流使用,版权归原作者所有。本站发布的内容若侵犯到您的权益,请点击右侧"<span class="iconfont zrz-icon-font-message1">span>"联系站长删除,我们将及时处理!
  3. div>

首页排除某个分类文章:

  1. //functions.php 修改,这个方法是比较好的,建议使用。  
  2. function exclude_category_home( $query ) {  
  3. if ( $query->is_home ) {  
  4. $query->set( 'cat', '-20, -22' ); //你要排除的分类 ID  
  5. }  
  6. return $query;  
  7. }  
  8. add_filter( 'pre_get_posts', 'exclude_category_home' );  

调用总浏览数总评论数:

function.php,加入以下函数:

  1. /*总浏览数*/
  2. function lo_all_view(){
  3. global $wpdb;
  4. $count=0;
  5. $views= $wpdb->get_results("SELECT * FROM $wpdb->postmeta WHERE meta_key='post_views_count'");
  6. foreach($views as $key=>$value){
  7. $meta_value=$value->meta_value;
  8. if($meta_value!=' '){
  9. $count+=(int)$meta_value;
  10. }
  11. }
  12. return $count;
  13. }
  14.  
  15. /*总评论数*/
  16. function pl_all(){
  17. global $wpdb;
  18. $count=0;
  19. $count=$wpdb->get_var("SELECT COUNT(*) FROM $wpdb->comments");
  20. return $count;
  21. }

在需要引用的时候调用就行:

  1. 总浏览: echo lo_all_view()?>
  2. 总评论: echo pl_all()?>

7b2主题调用文章数量:

 Functions.php 文件添加

  1. /* */
  2. function wt_get_category_count($cat_ID) {
  3. $category = get_category($cat_ID);
  4. return $category->count;
  5. }
  6. function zrz_add_has_children_to_nav_items_num( $items,$args ){
  7. if(isset($args->theme_location) && $args->theme_location == 'header-menu'){
  8. foreach ( $items as $item ){
  9. $slug = str_replace('https://paper.tv/category/','',$item->url);
  10. $slug = str_replace('/','',$slug);
  11. $cat = get_category_by_slug($slug);
  12. $catID = $cat->term_id;
  13. if( $catID){
  14. $a=wt_get_category_count($catID);
  15. $item->title.= ''.$a.'';
  16. }
  17. }
  18. }
  19. return $items;
  20. }
  21. add_filter( 'wp_nav_menu_objects', 'zrz_add_has_children_to_nav_items_num',10,2 );

需要在 直接在 style.css 上添加

  1. .num {
  2. position: absolute;
  3. top: 8px;
  4. left: 68%;
  5. color: #fff;
  6. border-radius: 8px;
  7. text-align: center;
  8. font-family: Calibri;
  9. background: #f16b6f;
  10. font-size: 12px;
  11. min-width: 32px;
  12. }
  13. @media screen and (max-width:680px){
  14. .num {
  15. display:none;
  16. }
  17. }

二. 首页中间分类菜单文章篇数

这是7B2主题首页上的“文章菜单”

  1. // 首页中间分类菜单 文章篇数
  2. function wt_get_category_count($cat_ID) {
  3. $category = get_category($cat_ID);
  4. return $category->count;
  5. }
  6. function zrz_add_has_children_to_nav_items_num( $items ){
  7. foreach ( $items as $item ){
  8. $array=array(1,8,9,10,11,12,13,44,160,113);
  9. $term_id=$item->object_id;
  10. if(in_array($term_id,$array)){
  11. $a=wt_get_category_count($item->object_id);
  12. $item->title .= ''.$a.'';
  13. }
  14. }
  15. return $items;
  16. }
  17. add_filter( 'wp_nav_menu_objects', 'zrz_add_has_children_to_nav_items_num' );

三. 分类菜单 文章篇数(当日更新量)

在分类菜单(第一个栏目)的后面添加”文章篇数”

感谢 3xs 的帮助

  1. // 分类菜单 文章篇数 (当日更新量)
  2. function get_this_week_post_count_by_category($id){
  3. $date_query = array(
  4. array(
  5. 'after'=>'0' //1 day ago ~1天内更新数
  6. ));
  7. $tax_query = array(
  8. array(
  9. 'taxonomy' => 'category',
  10. 'field' => 'id',
  11. 'terms' => $id
  12. ));
  13. $args = array(
  14. 'post_type' => 'post',
  15. 'post_status'=>'publish',
  16. 'tax_query' => $tax_query,
  17. 'date_query' => $date_query,
  18. 'no_found_rows' => true,
  19. 'suppress_filters' => true,
  20. 'fields'=>'ids',
  21. 'posts_per_page'=>-1
  22. );
  23. $query = new WP_Query( $args );
  24. $a = $query->post_count;
  25. if($a=='0'){
  26. return '';
  27. }
  28. return $a;
  29. }
  30.  
  31. function zrz_add_has_children_to_nav_items_num( $items ){
  32. foreach ( $items as $item ){
  33. if($item->menu_item_parent=='0' ){
  34. $a=get_this_week_post_count_by_category($item->object_id);
  35. $item->title .= ''.$a.'';
  36. }
  37. }
  38. return $items;
  39. }
  40. add_filter( 'wp_nav_menu_objects', 'zrz_add_has_children_to_nav_items_num' );

移动端隐藏代码:

mobile-hide

wordpress去除分类category代码

添加之后可能会出错,后台替换一下固定连接格式在换回来,一次不行,2次,没有什么是多来几次解决不了的

  1. //wordpress去除分类category代码
  2. add_action( 'load-themes.php', 'no_category_base_refresh_rules');
  3. add_action('created_category', 'no_category_base_refresh_rules');
  4. add_action('edited_category', 'no_category_base_refresh_rules');
  5. add_action('delete_category', 'no_category_base_refresh_rules');
  6. function no_category_base_refresh_rules() {
  7. global $wp_rewrite;
  8. $wp_rewrite -> flush_rules();
  9. }
  10. // register_deactivation_hook(__FILE__, 'no_category_base_deactivate');
  11. // function no_category_base_deactivate() {
  12. // remove_filter('category_rewrite_rules', 'no_category_base_rewrite_rules');
  13. // // We don't want to insert our custom rules again
  14. // no_category_base_refresh_rules();
  15. // }
  16. // Remove category base
  17. add_action('init', 'no_category_base_permastruct');
  18. function no_category_base_permastruct() {
  19. global $wp_rewrite, $wp_version;
  20. if (version_compare($wp_version, '3.4', '<')) {
  21. // For pre-3.4 support
  22. $wp_rewrite -> extra_permastructs['category'][0] = '%category%';
  23. } else {
  24. $wp_rewrite -> extra_permastructs['category']['struct'] = '%category%';
  25. }
  26. }
  27. // Add our custom category rewrite rules
  28. add_filter('category_rewrite_rules', 'no_category_base_rewrite_rules');
  29. function no_category_base_rewrite_rules($category_rewrite) {
  30. //var_dump($category_rewrite); // For Debugging
  31. $category_rewrite = array();
  32. $categories = get_categories(array('hide_empty' => false));
  33. foreach ($categories as $category) {
  34. $category_nicename = $category -> slug;
  35. if ($category -> parent == $category -> cat_ID)// recursive recursion
  36. $category -> parent = 0;
  37. elseif ($category -> parent != 0)
  38. $category_nicename = get_category_parents($category -> parent, false, '/', true) . $category_nicename;
  39. $category_rewrite['(' . $category_nicename . ')/(?:feed/)?(feed|rdf|rss|rss2|atom)/?$'] = 'index.php?category_name=$matches[1]&feed=$matches[2]';
  40. $category_rewrite['(' . $category_nicename . ')/page/?([0-9]{1,})/?$'] = 'index.php?category_name=$matches[1]&paged=$matches[2]';
  41. $category_rewrite['(' . $category_nicename . ')/?$'] = 'index.php?category_name=$matches[1]';
  42. }
  43. // Redirect support from Old Category Base
  44. global $wp_rewrite;
  45. $old_category_base = get_option('category_base') ? get_option('category_base') : 'category';
  46. $old_category_base = trim($old_category_base, '/');
  47. $category_rewrite[$old_category_base . '/(.*)$'] = 'index.php?category_redirect=$matches[1]';
  48. //var_dump($category_rewrite); // For Debugging
  49. return $category_rewrite;
  50. }
  51. // Add 'category_redirect' query variable
  52. add_filter('query_vars', 'no_category_base_query_vars');
  53. function no_category_base_query_vars($public_query_vars) {
  54. $public_query_vars[] = 'category_redirect';
  55. return $public_query_vars;
  56. }
  57. // Redirect if 'category_redirect' is set
  58. add_filter('request', 'no_category_base_request');
  59. function no_category_base_request($query_vars) {
  60. //print_r($query_vars); // For Debugging
  61. if (isset($query_vars['category_redirect'])) {
  62. $catlink = trailingslashit(get_option('home')) . user_trailingslashit($query_vars['category_redirect'], 'category');
  63. status_header(301);
  64. header("Location: $catlink");
  65. exit();
  66. }
  67. return $query_vars;
  68. }

首页框上移效果

style.css

  1. @media (min-width: 992px) {
  2. .post-list.content-card .cart-list {
  3. -webkit-transition: all 0.3s ease;
  4. -moz-transition: all 0.3s ease;
  5. -o-transition: all 0.3s ease;
  6. transition: all 0.3s ease;
  7. }
  8.  
  9. .post-list.content-card .cart-list:hover {
  10. transform: translateY(-6px);
  11. -webkit-transform: translateY(-6px);
  12. -moz-transform: translateY(-6px);
  13. box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
  14. -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
  15. -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
  16. -webkit-transition: all 0.3s ease;
  17. -moz-transition: all 0.3s ease;
  18. -o-transition: all 0.3s ease;
  19. transition: all 0.3s ease;
  20. }
  21. }

导航2栏

style.css

  1. /*导航菜单分栏*/
  2. .zrz-menu-in .sub-menu {
  3. width: 300px;
  4. }
  5. .zrz-menu-in .sub-menu li {
  6. width: 50%;
  7. float: left;
  8. }
  9. .zrz-menu-in .sub-menu li a {
  10. padding: 13px;
  11. }
  12. .zrz-menu-in .sub-menu li a:hover {
  13. background-color: #e7e7e7;
  14. margin-right: 0;
  15. margin-left: 0;
  16. }
  17. @media screen and (max-width: 768px) {
  18. .menu-top {
  19. margin-left: 0;
  20. }
  21. .zrz-menu-in .sub-menu li {
  22. width: unset;
  23. float: unset;
  24. }
  25. .zrz-menu-in .sub-menu li a {
  26. padding: 10px;
  27. }
  28. .zrz-menu-in .sub-menu li a:hover {
  29. background-color: #cccccc;
  30. color: #000;
  31. }
  32. }

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    建站教程

    给博客添加一个文字抖动效果

    2019-8-28 13:22:16

    建站教程

    WordPress会对上传的图片进行压缩?WordPress 如何更改JPEG图片的压缩质量

    2019-8-28 13:25:12

    本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
    ⚠️
    本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
    若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索