轩枫阁

首页 / WordPress (第2页)

wordpress博客接入七牛CDN

前言

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

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

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

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

2017/01 02  周一

wordpress移动端自动切换主题代码

前言

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 侧边栏小工具

safdsf 查看全文

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  周四

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子