[zturn] Adams主题小改动记录[佛系更新] - 松风闲云

/ 35 views🌹 / 5💬 / 2🧡

鄙人一直比较习惯单栏主题,前阵子用上了 这个“有年头”的Adams 主题,略微作了一些功能扩展,权且记录一下,以供使用同款主题的参考~~

页面载入时间统计

看看缓存有没有优化到位

// footer.php 文件 <div class='left'> 之后
<div>Efficient:<?php timer_stop(1, 2); ?>″ 🐎 <?= get_num_queries(); ?> Queries</div>

文章分页和内容页 左右方向键切页

用于解放鼠标左键~

// footer.php 文件 <script data-no-instant> 之后
(function ($) {
//左右键翻页
    var prevpage=$(".reade_more>a").first().attr('href'); 
    var nextpage=$(".reade_more>a").last().attr('href'); 
    var prepost = $(".alignleft>a").first().attr('href'); 
    var nextpost = $(".alignright>a").first().attr('href'); 

    $("body").keydown(function(event){ 
        if($(':focus').length == 0 && $(".view-img").length == 0 && $('.wp-story').length == 0){
            if(event.keyCode==37 && prevpage!=undefined) location=prevpage; 
            if(event.keyCode==39 && nextpage!=undefined) location=nextpage; 
            if(event.keyCode==37 && prepost!=undefined) location=prepost; 
            if(event.keyCode==39 && nextpost!=undefined) location=nextpost; 
        }
    });
})(jQuery);

注册常用页面快捷键

主要方便自己使用,毕竟访客是不知道这些“隐藏”按键的。比如关于页面,就是连按两次 w

// 位置同上, 放在 (function ($) { 代码块里


//注册常用页面快捷键
        let bb = 0
        let goto = ''
        document.onkeydown = (e) => {
            if ($(':focus').length==0){
                if (e.code == 'KeyB') {
                    goto = '/bb'
                }else if (e.code == 'KeyL') {
                    goto = '/links'
                }else if (e.code == 'KeyR') {
                    goto = '/rand'
                }else if (e.code == 'KeyW') {
                    goto = '/about'
                }else if (e.code == 'KeyG') {
                    goto = '/archive'
                }else if (e.code == 'KeyC') {
                    goto = '/gb'
                }else {
                    goto = ''
                }

                if (goto){
                    let nt = new Date().getTime()
                    let ct = nt - bb
                    if (ct > 0 && ct < 600) {
                        location = goto
                    }
                    bb = nt
                }
            }
        }

评论框加一只黑猫摆件

萌即正义!

// comments.php
<style>
#comment {
    overflow: auto;
    height: 6em !important; 
    width: 100%;
    resize: none;
    transition: none !important; 
}
.bcat {
    background: transparent url(/img/bcat.gif) 100% no-repeat !important;
}
</style>

<script>
$(function(){
$("#comment").addClass('bcat')
$("#comment").focus(function(){
    $("#comment").removeClass('bcat')
});
$("#comment").blur(function(){
    setTimeout(() => {
        $("#comment").addClass('bcat')
    }, 300);
});
});

</script>

水区评论区域背景水波纹特效

少年,不来水一发~~ 😄

// inc/water.php
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/static/jquery.ripples-min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	try {
		$('.comments').ripples({
			resolution: 512,
			dropRadius: 20, //px
			perturbance: 0.04,
		});
	}
	catch (e) {
		console.error(e);
		$('.error').show().text(e);
	}

	$('.disable').show().on('click', function() {
		$('body .comments').ripples('destroy');
		$(this).hide();
	});

});
</script>

// footer.php  <?php wp_footer(); ?>之前

<?php include 'inc/water.php'; ?>

最后更新于 7月 前 by mouc

  1. 说道:

    你的基佬紫背景图咋木有了!首页白花花的
    不过护眼这个配色蛮好看的诶 :lol:

    • mouc说道:

      @ :grin: 我这是有的哈,这种情况,请献祭出F12大法自行研究~~

      • 说道:

        @mouc 肯定是浏览器有毛病 :grin:
        公司电脑显示不出背景图,家里电脑点右边的换皮肤和搜索键没反应…

  2. 土拨许说道:

    以前的我也是单栏主题爱好者~虽然现在没用单栏了 :!:

发表评论

您的电子邮箱地址不会被公开。