模板修改记

Atahualpa 3.4.2 的后台页面

最近更新了博客的模板,准确的说只是升级了相同的主题,由yo2提供BFA开发的Atahualpa 2.21升级为最新版本3.4.2(wordpress.org上显示的仍然是3.4.1)。主要做了下面几件事情

  1. 在自己电脑上搭建测试环境、安装博客系统和主题(PHPnow + WordPress 2.7.1 + Atahualpa 3.4.2)
  2. 上传主题到yo2.cn,根据返回的错误信息(禁用的函数和关键字)进行代码修改,目标是在尽量不改变模板功能的情况下通过yo2严格的私有模板限制。
  3. Poedit制作汉化mo文件
  4. 在本机测试自定义选项,并复制到yo2.cn上
  5. 设计制作Logo和页面顶部图片
  6. 完善自定义侧边栏,添加社会化内容

其中最难的是第二步,我在网上并没有找到yo2对私有模板限制的关键字列表或者指南类的东西,只能摸索着一点一点来。实际的做法就是上传主题,查看yo2返回的错误信息,再根据错误信息删除或修改模板代码,本地测试通过后压缩主题再上传。如此反复上百次。这一步的另一个困难是必须要利用前台测试,而不能只在本地测试,所以有几天我的博客看起来乱七八糟。

我很喜欢简介但不简单的主题Atahualpa,它有如下优点:

  • 可设置1~5栏,侧边栏宽度固定可设置,主栏宽度为100%浮动
  • 可更换Logo和页面顶部图片
  • 支持自定义侧边栏
  • 包含自动SEO选项的自定义页面,支持近200处自定义设置(右图)
  • 合法的XHTML,支持语言文件,支持各种浏览器

此次升级从外观上看没有太明显的改变,但代码和后台页面都有根本性的变化,代码文件有三十多个。几乎所有的html代码都保存为字符串数组和数据库中,而源网页的代码一色儿的都是

$ata_……=’<html>’;
<?php echo $ata_……

因此,为了改代码,完全不懂PHP的我不得不边搜索边学习边修改,对如下的内容稍微了解了一点:

修改模版过程中,我也做了很多妥协,尤其是在部分提到模板路径的问题上不得不使用绝对路径,导致修改后的主题没有普遍适用性,也就没有拿出来分享的意义了。同时后台页面在视觉上做了一些牺牲,导致其在firefox和chrome下看到的不一样。不过那个页面只有我能看到,无所谓了。

代码修改完毕后,接下来的工作就十分顺利。虽然是为了做Logo才学习的Adobe Illustrator,但还是做出了自己满意的小Logo,并利用IcoFX制作了favicon,灵感来自于博客标题和网上搜到的一款字体。页面顶端图片分别为我的音乐收听记录、用Poladroid制作的社会化图标、用Panorama Studio制作的两张全景图、以及我最喜欢的NHL底特律红翼队吉祥物“章鱼”。社会化图标那张图里还有博客图标的设计草稿。

修改博客的过程中,我还参考了下面的网站,列出来分享:

Related Posts Plugin for WordPress, Blogger...

发表评论