wp

前言

H5持续火热，随着微信公众号、朋友圈、微博等途径可导入大量阅读量，博客网站移动端自适应势在必行。

下面介绍基于wordpress的网站如何实现移动化。

响应式布局

响应式网站设计(Responsive Web design)的理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。

优点：一套代码，能够适应不同分辨率设备访问，易于维护。

缺点：受限于同一套HTML结构，导致很多差异化布局不好进行扩展，对于小屏设备往往采用隐藏方式减少内容。

自适应框架如Bootstrap、UIKit、Adobe Edge Inspect、Foundation、Responsablecss等。

响应式网站展示：http://mediaqueri.es/、http://flatdesignluv.com/

响应式布局的实现方式为通过CSS3的媒体查询Media Queries，针对不同分辨率做断点，使用不同的样式。

常用断点查询：屏幕尺寸大全、UI设计规范查看全文

2016/08 20 周六

wordpress二次开发技巧-functions.php篇

前言

最近又写了个网站，也是基于wordpress，LEE周刊官网：www.leeweekly.com。这个网站和轩枫阁的部分功能有所不同，部分功能困扰了挺久，通过Google搜索到了各种解决方案，记录成文备忘。

LEE周刊新版PC官网设计开发总结：http://t.cn/RyzrUD4

functions.php

下面根据需求，对各种能实现进行简单介绍。

先对functions.php文件进行介绍，通过代码实现各功能。

1. widgets sidebar 侧边栏小工具

查看全文

2015/08 31 周一

wordpress文章自动添加nofollow、链接新窗口打开_blank属性

前言

wordpress的文章中，经常会带有链接，包含站内链接和站外链接。如果是站内链接，一般是在新窗口中打开。而对于站外链接，需要注意加上rel=”nofollow”属性，告诉搜索引擎”不要追踪此网页上的链接或不要追踪此特定链接。这两点看似不重要，但是却是影响体验及SEO的重要点。

关于nofollow

nofollow是一个HTML标签的属性值。它的出现为网站管理员提供了一种方式，即告诉搜索引擎”不要追踪此网页上的链接”或”不要追踪此特定链接”。

nofollow标签是一个“反垃圾链接”的标签，告诉搜索引擎这个链接不是经过作者信任的，引用nofollow标签的目的是：用于指示搜索引擎不要追踪（即抓取）网页上的带有nofollow属性的任何出站链接，以减少垃圾链接的分散网站权重！

简单的说就是，如果A网页上有一个链接指向B网页，但A网页给这个链接加上了 rel=”nofollow” 标注，则搜索引擎不把A网页计算入B网页的反向链接。搜索引擎看到这个标签就可能减少或完全取消链接的投票权重。

解决方案

在functions.php的地步加上以上代码即可，非常重要的一步查看全文

2015/05 14 周四

前言

WP的后台登录界面，带有WP的logo及其他多余信息，看起来不个性，虽然很少人访问，但也要设计出自己的style。

效果

访问：http://www.xuanfengge.com/wp-login.php

截图：本着简约的风格，对登录界面进行简单修改查看全文

2015/05 03 周日

关闭WordPress自动加载的Open Sans字体-WP访问过慢原因

序言

wordpress大概从wp-3.8开始会自动加载Open Sans字体，并引用Google上面的CSS样式。而最近谷歌经常打不开，导致网站访问速度过慢，严重的会拖慢几十秒。Open Sans字体主要用于WP站点管理员登陆后顶部功能条的字体样式，而对于国内用户来说，Google会出现经常打不开或者访问速度过慢的情况，所以会拖延站点的打开速度。当然，如果没有登录后台直接访问站点，不会出现加载字体的问题。通过观察代码可以看到，WP是这样加载字体的，在script-loader.php（wordpress3.9版本，wp-includes目录下）的580行代码进行加载。

family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&

subset=latin%2Clatin-ext&ver=3.9.1" type="text/css" media="all">

那该怎么去掉呢？方法主要有4个：插件过滤、functions.php过滤、一键替换程序代码、GoAgent翻墙

一、插件过滤

简介

为此有专门的插件来去除字体加载。此方法在前台和后台均有效。

1. 插件一

名称：Remove Open Sans font Link from WP core

地址：http://wordpress.org/plugins/remove-open-sans-font-from-wp-core/

简介：移除WP核心的谷歌字体链接.。 Installs ‘Remove Open Sans font Link from WP core’ plugin on your wordpress blog, so it will doesn’t load Open Sans font from Google fonts.