强化twenty fifteen主题,twenty fifteen pro主题制作过程

被最新的twenty fifteen主题迷上了,这就是我心目中的样式!但有功能还是需要添加的,因此在twenty fifteen的主题基础上,增加了一些功能,命名为twenty fifteen pro主题,目前我所用的主题就是twenty fifteen pro主题。

目前增加的功能有这些

1.专辑文章

将一些文章整个成专辑,比如之前胡超的sublime这个专辑,随便点进去一篇文章,左侧栏都会出现该专辑的系列文章,并且在后台还可以手动控制其排序。

这样的好处就是能够将同类别,教程之类的文章聚合起来,更加利于阅读。

2.页脚文字

增加统计或者版权文字,备案号等等一些附加的信息可能是需要的,但很遗憾twenty fifteen的主题设置里面并没有这些,于是我增加了一项页脚文字的设定。这样就更符合使用习惯啦。

3.后台编辑器增强

写代码需要pre标签,可惜默认编辑器没有,只好自己加上啦。当然,有需要还会增加更多,目前只加了我最需要的两个,当然,加上了代码高亮的插件

4.更加中国化

wordpress在中国还是有些水土不服,因此必须得让她更加习惯中国一些,为此去掉了emoji,去掉了谷歌字体

5.加入蜘蛛爬行痕迹图

我要了解蜘蛛来网站的痕迹,那就增加一个吧!于是加入了点代码留下蜘蛛爬行的痕迹,并在后台用图表展示出来,如下图所示

20150928123849

上面的已经做成了插件啦,插件地址:https://wordpress.org/plugins/spideranalyse/

6.常用js库更换成cdn

使用过程中发现,twentyfifteen使用了大量的js,导致直观上的感觉网站加载速度并不快,因此我将一些js库使用国内的cdn来加速,加速效果十分明显,具体的速度访问本站就知道了,O(∩_∩)O哈哈~

7.更换字体为雅黑字体

或许我还是觉得雅黑字体更加好看,所以换成了雅黑字体,但是字体大小一直感觉和我想象中的不符合,这部分还是继续调整吧!

 

twenty fifteen github地址

直接下载twenty fifteen pro

更多功能需要我在使用中的需求,但目前还未发现。......

你可能还喜欢下面这些文章

创建自己的composer包之怎样制作composer包

项目做多了之后,可能会慢慢总结出自己的代码库出来,当在新的项目中使用的时候,总不能一直是复制粘贴。这个时候,composer就能派上用场了。一个项目开始,使用composer就能够加载所需要的依赖,非常方便。这个时候,来做一个自己的包吧!使用命名空间composer自动加载需要用到命名空间,因此所有的代码库都需要使用命名空间,如果没有,那就改吧!使用命名空间之后你可能会打开新世界的大门。创建composer.json我假设你已经安装了composer,并且已经会使用了。创建自己的包我们首先需要创建一个composer.json,示例文件如下上面的composer.json有一个比较重要的是au

介绍一款工具,memcacheadmin,使用php制作的memcached管理监控工具

MemAdmin是一款可视化的Memcached管理与监控工具,使用PHP开发,体积小,操作简单。主要功能: 服务器参数监控:STATS、SETTINGS、ITEMS、SLABS、SIZES实时刷新 服务器性能监控:GET、DELETE、INCR、DECR、CAS等常用操作命中率实时监控 支持数据遍历,方便对存储内容进行监视 支持条件查询,筛选出满足条件的KEY或VALUE 数组、JSON等序列化字符反序列显示 兼容memcache协议的其他服务,如Tokyo Tyrant (遍历功能除外) 支持服务器连接池,多服务器管理切换方便简洁guthub地址:https://github.com/ju

蜘蛛痕迹统计插件,spideranalyse

 做成了独立插件啦,不集成到主题啦,所有主题都能用啦插件github地址:https://github.com/cmhc/spideranalyse/update2015-10-19插件已经提交到wordpress官方,虽然小,也算是一个小小的尝试吧。玩wordpress好多年,还从来没干过,一直都是自娱自乐,有时候还赚点零花钱,说来惭愧。插件地址: https://wordpress.org/plugins/spideranalyse/只有当你的网站被蜘蛛爬行,才会记录日志,因此开始会没有数据的,慢慢等待吧。在使用插件过程中可能会遇到的问题问题收集中。。。 

imajax-single,一款全站ajax的博客主题

近半年来,慢慢的制作一款能够适合博客使用的,能够方便阅读的,速度要快主题。灵感来自于wordpress的官方默认主题。制作缘由很喜欢wordpress的默认主题twenty-fifteen,但是不是全站ajax,曾经为twenty-fifteen增加过诸多功能,但是使用起来还是特别的不方便,因此就自己制作了一份主题了。制作过程断断续续的几个月,有时间就写一点代码,没时间就放着。由于博主现在主要搞后端接口了,所以在前端方面花的功夫就太少了,主题外观感觉看起来中规中矩,不过使用起来应该还是很贴心的。主题外观典型的双栏主题,侧栏在左,内容在右。如果你只是想要一个博客,并且喜欢整理你日常的生活内容,那

记录一次编译安装php7的过程,以后当做参考

之前安装过一次php7,不过配置参数听过,这次再安装,就记录一下,后面就当做参考了,主要是配置里面东西有点多。STEP 1去php官网下载最新版本的php,目前是7.0.10,地址:http://php.net/downloads.php#v7.0.10,可以使用下面的命令,直接下载解压$ wget http://am1.php.net/get/php-7.0.10.tar.gz/from/this/mirrortar -xvf mirrorSTEP 2进入刚才解压的文件,应该是 php-7.0.10。安装之前需要解决一下依赖问题。STEP 3为安装提供一系列的配置STEP 4进行编译,安装最

赞赏

微信赞赏支付宝赞赏

《强化twenty fifteen主题,twenty fifteen pro主题制作过程》有15条评论

  1. 博主你好我想问一下如何把这个主题字体改成微软雅黑呢?
    我在style.css中添加了* {font-family: “Microsoft Yahei”;}但是好像没有效果
    因为刚开始建站不太明白 想请教一下大佬!

    1. 引号为英文引号(“),你这里用的中文引号,另外需要检查其他的div样式,如果其他的div样式里设置了font属性则会覆盖这里的设置。

    1. 哈,做着玩的,图个心理安慰。或者等功能强大了,能够根据爬虫ip来分析网站的健康状态也说不定呢。你高中同学也叫胡超?

回复 青山 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注