分类:软件技术

对WordPress 4.6使用原生字体代替谷歌字体的改进

在常阳时光的博文《WordPress 4.6 将使用原生字体代替谷歌字体》中提到: WordPress 4.6 将使用原生字体代替谷歌字体,所选用字体覆盖了所有主流操作系统,包括:安卓,苹果iOS,Windows,苹果macOS,以及Linux。 完整的CSS代码如下: font-family: -apple...

继续阅读

自适应视频播放器CSS代码

因为家人身体不适,因此只能在家宅着折腾下代码。 在从良未遂博文《实用代码》中提到: 插入自适应媒体已经是刚需了,之前也介绍过一种姿势,貌似这个更简单一些。当在你自己的网站插入优酷这样的视频播放器后你会发现它的高宽都是固定的,而且你在用手机...

继续阅读

近期站点美化

近日将站点稍稍美化了一番,主要有: 去掉了text-shadow属性,原因是在Windows 10下显示相当糟糕,不若换个Microsoft Yahei light字体更实在; 加上了icomoon字体(也就是文章末尾的分类、标签等图标),方法简略说一下:到icomoon.io站点,点icomoon app...

继续阅读

入手小米手环光感版

去年6月末,看到Fitbit Charge HR有官网活动(¥998),便入了一个HR以作健康监测用。

Fitbit Charge HR入手

入手8个月以来,的确发挥了其作用,帮助敦促自己锻炼和睡眠。但是不得不说,这所谓“奥巴马代言”的美国货质量真尼玛差啊,先是在8月导致了传说中的皮肤过敏:

Fitbit Charge易导致皮肤过敏

然后上个月又发现胶皮脱落了:

IMG_6049

这也就算了,但是从昨天开始,同步功能出现了问题,时钟显示不准,且无法准确同步数据,让人非常无语。

罢了,弃之而去!

继续阅读

实现彩色标签云按字母顺序归类

WordPress默认内置一个标签云(tag cloud)函数wp_tag_cloud,可以实现标签云的输出,其调用方式为:

<?php wp_tag_cloud('smallest=16&largest=34&unit=px&number=0&orderby=count&order=DESC');?>

其中smallest是最不常用的标签的字体大小,反之largest是最常用的标签的字体大小,orderby是选取方式是否按照使用频率排序,order是按照顺序还是逆序输出。

为了美观,可在上述默认标签云效果上叠加彩色效果,网上流传有一个简单函数,可实现彩色标签云,方法为在function.php中加入如下代码:

//边栏彩色标签
function colorCloud($text) {
 $text = preg_replace_callback('||i','colorCloudCallback', $text);
 return $text;
 }

function colorCloudCallback($matches) {
 $text = $matches[1];
 //网上写的将0-16777215的数字转换为16进制
 //$color = dechex(rand(0,16777215));
 //不用上面的16777215,而将0-13774215的数字转换为16进制,是因为13774215-16777215转换为接近于白色的大数字,会导致颜色看不清楚
 $color = dechex(rand(0,13774215));
 $pattern = '/style=(\'|\”)(.*)(\'|\”)/i';
 $text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);
 return "";
 }
 add_filter('wp_tag_cloud', 'colorCloud', 1);

继续阅读

1 2 3 4 44