saber 酱的抱枕

Fly me to the moon

10/25
2014
学习

WordPress文章按最后编辑时间排序

WordPress下的默认排序是按照发布时间排序,但其实还是按修改时间排序来的比较合理,尤其是像我这种挖坑党,简单搜了一些资料,然后就把文章列表改成按修改时间排序的了

1.打开WordPress当前主题目录,打开index.php,搜索代码:

<?php
while ( have_posts() ) : the_post(); ?>

2.在其之前添加

<?php $posts = query_posts($query_string . '&orderby=modified');?>

保存即可。

如果要显示最后修改的时间,将一下代码添加到合适的位置即可

最后更新: <?php the_modified_time('Y-m-d H:i:s'); ?>

此排序对所有页面生效。

PS:
1、根据orderby的值不同,可以让文章按照很多种方式进行排序,下面是列举几个常见的值及其对应的排序方式:
title:按标题;
date:按发布日期;
modified:按修改时间;
ID:按文章ID;
rand:随机排序;
comment_count:按评论数
2、如果你同时想修改标签页、分类页等存档页面的文章排列顺序的话,同样可以按照上面的方法修改主题目录下的archive.php等。

参考:http://i7298.com/archives/55
http://www.efanyh.com/archives/1731.html

WordPress文章按最后编辑时间排序

10/25
2014
学习

hermit音乐播放器

hermit音乐播放器,貌似和虾米音乐播放器有一定关系,可以设置循环或者自动播放等功能,很实用,也比自己填一个音乐就敲一次html5的audio代码方便

在插件中心安装之后启用,设置里面就多了hermit播放器一项,在音乐库里新增资源,填写歌曲名、歌曲信息、歌曲url就行。


Read More →

hermit音乐播放器

10/24
2014
学习

css3的渐变

这是一个常规的线性渐变,其在chrome下代码如下:

background:-webkit-gradient(linear, 0% 0%, 00% 100%, from(yellow), to(orange));

不要担心这些语法会让你看花眼,我也是这样的!只要记得我们需要用一个逗号来隔开这个参数组。
渐变的类型? (linear)
渐变开始的X Y 轴坐标(0 0 – 或者left-top)
渐变结束的X Y 轴坐标(0 100% 或者left-bottom)
开始的颜色? (from(color))
结束的颜色? (to(color))

调整了起始点和终点的样式:

同上chrome下的代码:

background:-webkit-gradient(linear, 20% 10%, 10% 90%, from(yellow), to(orange));

为了兼容性考虑可以在渐变之前写一个纯色背景;颜色可以用rbg/rgba格式或16进制颜色

包含ff的代码请看这里

css3的渐变

10/15
2014
学习

chrome下字号不能小于12号的变通解决方法

今天在某网站看到导航的英文标签用css来缩小了字体

-webkit-transform:scale(0.84,0.84);

这使12px的字体显示的像9px左右,但是看起来不是很自然了。我刚开始很奇怪,因为用的arial字体即使在小于12px的情况下也有很好的表现,后来我去掉这条属性,直接把字号改成9px,却发现无效,这才想起来chrome里面字号小于12px的话也是按12px显示的,这个方法大概可以算是一个变通的方法了。

chrome下字号不能小于12号的变通解决方法

10/14
2014
学习

研究SuperSlide的记录

已弃坑。我下面试的几次,都是自己对其示例进行了结构的简化,想要以后用着方便,事实证明这么做意义不大,该用的时候拉过来源代码直接修改就成了。以后只做一些补充就行了。

用superslide做焦点图,其切换间隔太快,但是demo文档里又没有这个参数设置,于是去查看官网的参数文档,找到了interTime参数,如下:

jQuery(".slideBox").slide({mainCell:".bd ul",effect:"fold",autoPlay:true,interTime:5000});

css里有些地方得改一下:

.slideBox .bd{ position:relative; height:100%; z-index:0; left:50%; margin-left:-960px;  }/*这里设置居中*/
/*.slideBox .bd img 如无必要,不要设置width,否则可能导致图片变形*/
/*指示器默认是靠右的,可能会被右侧的漂浮广告挡住,给.slideBox .hd设置一个right值比较合适。*/

注意参数最后是不加分号的,加了报错。另附动画效果参数:

[v1.0] fade:渐显; || top:上滚动;|| left:左滚动;|| topLoop:上循环滚动;|| leftLoop:左循环滚动;|| topMarquee:上无缝循环滚动;|| leftMarquee:左无缝循环滚动;
[v2.0] fold:淡入淡出
[v2.1] slideDown:下拉效果
Read More →

研究SuperSlide的记录

10/14
2014
学习

MSClass.js滚动插件

在仿站的时候发现某网站的滚动大量使用这个插件,原来是MSClass.js,官网在此。现在网上流传的版本有很多都是07年的了,然而照样能用,我只能说666666了。我也摸索了下怎么用(我实验的时候用的是老版)。

首先引入这个js。之后需要一个容器,设置id,里面放上需要滚动的内容,也可以是列表,复杂些的内容也可以。最后在容器结束之后,为这个容器创建滚动对象。

容器不需要设置超出隐藏和宽高(你在参数里指定之后MSClass.js会把这些规则加到元素上)。容器内的子元素浮动的话可能导致滚动失效。至于滚动的参数可以看说明。

我发现图片的html换行的话,图片之间会产生空白,至今无法解决。使图片浮动的话就没有空白了,但是滚动会失效。

MSClass.js滚动插件

10/11
2014
学习

js复制内容时自动加上版权信息

这在萌娘百科注意到的,复制其页面的文字粘贴,会自动多出一段标有出处的话。百度之,找到了代码,兼容主流浏览器。

function addCopyright() {
    var Original = "\n转自 saber酱的抱枕 " + location.href; //追加的内容
    if ("function" == typeof window.getSelection) {
        var c = window.getSelection();
        if ("Microsoft Internet Explorer" == navigator.appName &amp;&amp; navigator.appVersion.match(/MSIE ([\d.]+)/)[1] >= 10 || "Opera" == navigator.appName) {
            var g = c.getRangeAt(0),
            h = document.createElement("span");
            h.appendChild(g.cloneContents()),
            g.insertNode(h);
            var i = h.innerHTML.replace(/(?:\n|\r\n|\r)/gi, "").replace(/<\s*script[^>]*>[\s\S]*?<\/script>/gim, "").replace(/<\s*style[^>]*>[\s\S]*?<\/style>/gim, "").replace(/<!--.*?-->/gim, "").replace(/<!DOCTYPE.*?>/gi, "");
            try {
                document.getElementsByTagName("body")[0].removeChild(h)
            } catch(f) {
                h.style.display = "none",
                h.innerHTML = ""
            }
        } else var d = "" + c;
        var e = document.getElementsByTagName("body")[0],
        f = document.createElement("div");
        f.style.position = "absolute",
        f.style.left = "-99999px",
        e.appendChild(f),
        f.innerHTML = d.replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, "$1<br />$2") + "<br />" + Original,
        c.selectAllChildren(f),
        setTimeout(function() {
            e.removeChild(f)
        },
        0)
    } else if ("object" == typeof document.selection.createRange) {
        event.returnValue = !1;
        var c = document.selection.createRange().text;
        window.clipboardData.setData("Text", c + "\n" + Original)
    }
};
document.body.oncopy = addCopyright;

js复制内容时自动加上版权信息

10/11
2014
学习

破图床毁一生

刚才发现一篇文章里点我的很多图都加载不出来了,一看都是http://t.williamgates.net/存的,8月初的时候七牛审查停用1周,这段时间有不少图存在了这个网站上,当时还记下了这个网站点我,结果现在才俩月图就不在了,把我坑的血本无归,WTF!

破图床毁一生