一套纯css实现的图标库-ICONO
网络上有很多免费的图标库，比如fontawesome，比如typicons，利用一些小图标来代替呆板的文字描述，可以让页面显得更为简洁而生动。这类图标库也有一些美中不足之处，比如在不同分辨率下，可能产生边缘的锯齿，也可能会有部分几个图...
html，css，php，javascript都是网站建设绕不过去的门槛，一堆名字光看着就累人。但随着学习的深入，站点的页面也越像一个任人打扮的小姑娘。学习的过程有多痛苦，胜利的成果也有多喜人。
分类 建站相关
text-transform属性控制文本的大小写
看范例站点的css代码，发现这么一条，之前没有接触过这个属性，先就text-transform做个笔记。这个属性会改变元素中的字母大小写，而不论源文档中文本的大小写。如果值为 capitalize，则要对某些字母大写，但是并没有明确定...
Jquery实现wordpress菜单的鼠标跟随效果
看别人家的博客，菜单栏下有一条装饰线，会根据鼠标悬停的位置来回滑动，且根据滑动距离长短，有明显的速度变化。一直心向往之，正好在学习wordpress的wp_nav_menu函数，顺便尝试一下实现这个效果。看过张戈博客主题的元素，似乎是...
利用localStorage保存用户的浏览记录
尝试在页面上加载了一言，没事刷新页面就会看到一条新的记录。偶然刷到这样一句话：“大佬永远都觉得自己是萌新”，秉承这种态度的人，一方面可能是出自谦虚。另一方面，技术迭代日新月异，知识浩如烟海，能在某一方面保持拔尖的人，确实为数不多。说回...
Wordpress添加设置项目后如何修改项目值
使用add_option添加了一部分自定义设置，采用了数组的形式。希望其中部分设置能在保存或者修改文章之后自动获取新数据并更新，所以准备在“save_post”（编辑或发布后）执行一个更新数据的操作。Wordpress的函数命名很规范...
Wordpress生成标签云的函数wp_tag_cloud
很多站点上都会展现彩色的标签云，从个人浏览经验来看，相对于分类目录，文章标签反而更适合用户快速定位到意向查看的文章。一方面目录分类范围较大，一方面目录一般位于页眉，而标签云往往会被布局于页面底部，下意识的就近原则，也会让标签得到更多的...
Javascript对Object对象的操作笔记
不太熟悉Javascript的Object对象的操作，查询了一些相关资料，做一个笔记。首先是关于获取对象的长度:obj={"a":"1","b":"2",...
Jquery实现wordpress彩色标签云
想在wordpress中实现一组彩色的标签，网上相关的实现教程很多，这里就不赘述了。之所以考虑用Jquery来实现，是基于服务器性能的考虑。因为博主的服务器是2h1g的低配版本，这个配置相对于访问用户的主机配置，无论是移动端还是电脑端...
Jquery处理输入框的获取焦点与失去焦点
在w3school里查到的jquery获取焦点的方法，当输入框获得焦点时，改变它的背景色：$("input").focus(function(){ $("input").css("...
Jquery添加与删除元素的class名
尝试了一下在新的主题中使用jquery，绑定点击动作来添加与删除元素的类名，使用下来感觉确实非常方便。虽然随着各种前段框架的流行，jquery的影响力逐渐减退，但对于博主这种菜鸟来说，还是觉得惊为天人。用jquery添加classna...
php中的替代语法switch的冒号写法
最早接触php语句，是尝试查看wordpress模板的源代码。所以相比常规的大括号写法，更为熟悉的反而是这类带冒号的写法。真正尝试过修改模板之后，会真切体会到这种书写方式的便利。它使得HTML和PHP混合页面代码更加干净整齐，也使代码...
wordpress自定义组件add_setting的回调测试
在后台设置了一个站点logo图片地址的参数，考虑到后期可能更换，有手动输入的需求，所以准备设计成仅输入文件名称，指定文件的文件夹，当用户输入后由系统组装文件夹地址与图片名称，从而得到完整的图片地址。虽然知道add_setting支持回...
wp的language_attributes()与get_language_attributes()
HTML的lang属性可用于声明网页或部分网页的语言，这对搜索引擎和浏览器是有帮助的。在wordpress中，经常可以在主题header.php文件中看到这样的语句：<html <?php language_attribu...
移除wordpress默认的自定义节点(站点身份，菜单，静态首页)
一入主题深似海，从此post是路人。自从开始捣鼓主题，总是能在适当的时候出现知识分叉，然后发现原来之前做的都不是特别合理与规范，于是推倒重来。虽然有用没用的知识确实增加了，然而博客的文章数量也是肉眼可见的停滞了。自从发现了wordpr...
wordpress的后台图标库dashicons
wordpress后台有许多精致的图标，这些图标是由一个名为dashicons的图标库实现的，目前这套图标大约包含300多个icon。即便将之应用于前端，也是绰绰有余。官方的图标总览页面https://developer.wordpr...
wordpress中的bloginfo()与get_bloginfo()
bloginfo与get_bloginfo的功能相同，都可以通过指定参数来获取到自己需要的信息，不同的是bloginfo函数会直接打印出返回的信息，而get_bloginfo仅返回而不直接输出，可以将bloginfo理解成echo版本...
如何用官方函数调用wordpress的搜索框
对于一些标准的组件，wordpress提供了标准的方案，比如实现一个搜索框，只需要输入这样一行语句：<?php get_search_form(); ?>上述语句的效果是在页面生成如下的标签：<form role=&...
利用console.time来测试一下js程序的执行效率
想测试一下自己的程序跑一圈需要多少时间，可以尝试启动一个计时器来跟踪它的占用时长。每一个计时器必须拥有唯一的名字。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。启...