WordPress主题：cupcake

以下文章内WordPress简写“wp”。

frist：

这是我的第一个在投入WordPress怀抱做的第一个主题。感谢@Tokin基带领我加入了WordPress的阵营，我是2016年1月19日正式开始用WordPress这个程序的。三个月的时间里，终于深深的感受到了wp的强大和DIY的快感。在了解了一些模板开发手册里面的一些注意事项和函数之后就折腾出了如图上所示的这个模板了。

Second：

模板的名字想了很久，因为不想再继续随便写上个名字，就问了下舍友说。不如用一个系列的名字去命名，方便以后的版本迭代。所以，就模仿了安卓的命名“cupcake”哈哈。当然我不可能像安卓那么屌，只是我也希望自己有一份坚持去做一件事。

主题介绍：

首页：添加ajax无限加载文章。
布局：单栏，加入WordPress文章形式中的三个效果“状态”“文章”“相册”，在后台发布文章的是可以自由选择发布文章的形式在首页上展示不一样的布局效果。
语言：html/html5/css/css3/js
添加支持：全站pjax
响应式：支持移动端设备的分辨率适配（后续完整）
社交设计：添加点击喜欢的文章的功能
评论方式：支持ajaxcomment评论提交
文章图片：添加鼠标移过css放大虚实效果
后台：全局去掉谷歌字体，感受非一般的速度快感
comment ajax:由于旧版的ajax评论会有可以修改他人评论的bug所以修改为大发版的ajax评论
js：全局添加@Tokin推荐的湿滑滑动效果，代码自己到右键查看源码自己扒。
评论嵌套：由于博主是一个评论回复狂魔，所以修改了评论的嵌套数位无限制~也就是10000条~

使用说明

鉴于主题设置面板基本用不上几次，所以我没有对主题添加设置面板功能，而是把相关设置放到了个人资料里面。友情链接和统计代码添加，轻前往后台>用户>我的个人资料，最下方进行编辑，同时，文章和页面结束为止的介绍也是调用的个人资料，所以建议个人资料填写尽可能详细。

附加功能：

在主题文件的functions.php自行修改七牛的CDN加速地址即可：

// 静态资源使用七牛 CDN
function Qiniu_cdn(){ob_start( ‘Qiniu_cdn_replace’ );}
add_action( ‘template_redirect’, ‘Qiniu_cdn’ );
function Qiniu_cdn_replace( $code ){
$cdn_exts = ‘png|jpg|jpeg|gif|bmp’;
$cdn_dirs = str_replace( ‘-’, ‘-’, ‘wp-content|wp-includes’ );
$regex = ‘/’ . str_replace( ‘/’, ‘\/‘, site_url() ) . ‘\/((’ . $cdn_dirs . ‘)\/[^\s\?\\’\”\;><]{1,}.(’ . $cdn_exts . ‘))([\”\\’\s\?]{1})/‘;
return preg_replace( $regex, ‘//七牛的链接/$1$4’, $code );
}

解决wordpress后台打开缓慢的问题

在程序文件中添加代码解决：

登陆FTP，找到wp-includes目录，然后打开。

<li>打开wp-includes目录后找到script-loader.php文件，把这个文件下载到电脑桌面，然后用记事本打开。</li>


<li>打开后依次点击“编辑”和“查找”，在弹出的对话框中输入“fonts.googleapis.com”。</li>


<li>通过上述步骤找到“fonts.googleapis.com”。</li>


<li>找到“fonts.googleapis.com”后用“fonts.useso.com”进行替换。</li>

然后点击“文件”选择“保存”，最后把script-loader.php这个文件上传到wp-includes目录中进行替换就可以了。这个时候打开后台看看，是不是速度变快了不少呢？

End：

在WordPress的日子里面，我希望自己可以做一个有逼格的人，做一个可以做很多出色的模板的人，请等我慢慢完善这一切。

更新历史

2016年3月26日11:45:43：增加头部副标题点击可进行搜索。 2016年3月26日12:29:21：添加代码样式 #pagination{display: inline-block;

#pagination{display: inline-block;

0 likes