轩枫阁

前言

博客往往带有很多的配图及资源文件，使用CDN可以对资源文件进行加速，加快访问速度。

有很多网站提供云服务，这里介绍的是结合七牛CDN云服务，将图片、JS、CSS等资源文件进行加速。

同时七牛有免费提供10G存储空间、每个月10G的HTTP国内下载流量、10G海外下载流量，同时有图片处理，可以加上水印，可以基本满足需求。

接下来将介绍如果处理七牛和域名相关配置，将资源文件转至CDN。如轩枫阁将js|css|png|jpg|jpeg|gif|ico等文件请求由www.xuanfengge.com替换为cdn.xuanfengge.com。 查看全文

前言

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

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

响应式布局

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

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

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

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

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

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

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

前言

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

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

functions.php

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

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

1. widgets sidebar 侧边栏小工具

查看全文

前言

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

关于nofollow

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

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

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

解决方案

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

前言

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

效果

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

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