iNove主题本地化的几点经验(一)

在 2009-03-04 发布于 网站相关 下以来已有4,660人读过本文 | 42条评论 发表评论

如前文 月夜WordPress主题稍作修改 所述,月夜 最近在建立一个新的专业博客,而为了省事儿,在新的博客上使用了现在比较流行、功能又比较强大的iNove主题。尽管主题已经比较强大,但月夜还是按照习惯在使用前将其进行了简单的本地化。因为现在使用iNove主题的朋友比较多,月夜将自己的一点经验分享出来,希望能给后来者带一点方便。

在进行下面的叙述前,月夜先说明一下,我们使用的iNove主题版本是1.2.3。还需说明的一点是,在下面的修改中,所提及的文件以及文件信息均以未修改前的绝对位置为准,而不指修改中的相对位置。

1.拓宽整个页面

iNove主题本来的页面宽度只有936px,在当今主流分辨率均超过1280×1024的屏幕上显得比较浪费空间;而且文章页面的宽度太窄就没法插入相对较大的图片。因此,月夜就将主体稍微进行了一些拓展,扩展到了980px;与此相应,修改左侧文章页的宽度为649px(此处是为了给侧边栏的分界线留下空隙),侧边栏保持300px不变。

修改的主题文件夹下style.css文件的代码如下:

修改第151行为:width:980px;
修改第309行为:width:649px;

当然,与此相应,就要修改主题文件夹中img文件夹下的header_footer.jpeg文件的宽度,将其修改到与新的主体宽度对齐;而其中的light.gif,如果要求不高,则可以不做修改(当然,你也可以进行修改以使其更完美)。

2.修改文章字体字号

iNove主题中文章字体的字号实在太小,给网友访问阅读文章带来一些不便,所以下面我们将其字体稍微修改加大一些。

同样是修改style.css文件:

修改第24行为:font-size:14px;
修改第496行为:font-size:14px;
修改第611行为:font-size:14px;

但因为其中如首页、存档页等页面上文章标题下方的阅读评论、文章发布日期等的字号没有太大影响,所以没有修改。

3.修改博客题目和描述样式

iNove主题的博客名和博客描述显示效果让很多人感觉不是太满意,毕竟很少有人愿意去做像MG12的那种题目效果。月夜试着稍作修改:

修改第162行为:padding:15px 30px 21px;
从第172行开始添加:font-size:32px;font-weight:bolder;
从第164行开始添加:#caption a { color:#FFF; font-size:24px; }
将第185-192行的模块注释掉(或者删掉);

接着,我们打开主题文件夹下templates文件夹下面的header.php文件,将其中的第5行修改为:

<a href=”<?php bloginfo(‘url’); ?>/about”><?php bloginfo(‘description’); ?></a>

当然,你也可以适当修改如上的描述文字指向的页面(月夜指向的是关于页面)。

4.修改页面的title

很多人有修改新主题title以使得更改主题前后网页页面的title保持一致。iNove主题的title在templates文件夹下start.php文件的第42行,你可以根据自己的需要将其修改为自己想要的形式。月夜修改的代码如下:

<title>
<?php if (is_home() ) { ?>
<?php } else {?>
<?php wp_title(”); ?>  | <?php } ?>
<?php bloginfo(‘name’); ?> – <?php bloginfo(‘description’); ?>
</title>

显示的效果是这样的:iNove主题本地化的几点经验 | 月夜 – 分享网络知识 · 享受快乐生活。

5.添加postviews插件

wp-postviews插件能够记录并显示你的博文被阅读的次数,以方便访客查看你最受欢迎的文章,很多朋友都在使用,当然,月夜也不例外。下面我们说说如何在iNove主题上添加postviews显示的阅读次数。

首先在style.css文件中第341行插入

.post .postviews,

接着在文件的第377行插入

.post .postviews {
background-position:0 -16px;
float:left;
}

在主题文件夹下的index.php文件第19行之后插入:

<span class=”postviews”><?php if(function_exists(‘the_views’)) { the_views(); } ?></span>

与此相同,我们也需要在应该显示阅读次数的诸如存档页面,分类页面,标签页面等所对应的archive.php文件的相应位置添加上上面的代码。

好了,关于iNove主题本地化的问题,月夜先为您介绍到这里。更多经验,请继续关注月夜为你讲述的iNove主题本地化的几点经验(二)。当然,月夜也欢迎您留言与月夜分享您在使用这款主题中的各种经验,在此,月夜先谢谢您!

42条评论

  1. 世纪德意
    2011/07/29 08:56:31

    回复时候头像不显示怎么解决,谢谢

    回复评论

  2. 世纪德意
    2011/07/29 08:54:34

    回复时候头像不显示问题,怎么解决,老大

    回复评论

  3. 淘流行部落
    2010/06/26 12:05:02

    你好,我下载了那个wp postviews 插件,但是你说的那些行根本就不一样,可能我这个是已经被人修改过的inove主题,可能跟你的代码不一样了,所以我不知道插入哪里,可以具体说下位置吗?谢谢!请问有QQ么,加你请教下。

    回复评论

  4. 吴明
    2010/06/13 04:33:50

    把我数的眼睛都花了

    回复评论

  5. [...] iNove主题本地化的几点经验(一)  中,月夜 [...]

  6. [...] iNove主题本地化的几点经验(一)  中,月夜 [...]

  7. Gorden
    2009/08/08 09:38:40

    宽度只有936px 确实太小,放点大图就变形了,有时间再修改一下

    回复评论

  8. 伍少爷
    2009/06/07 09:53:00

    请问月夜,我在修改了字体大小之后,想修改一下行与行之间的空隙的大小,请问怎么办?
    谢谢。

    回复评论

  9. 拉家具
    2009/05/25 18:26:56

    月夜你好,我根据你文章介绍的.修改页面的title,改完以后没有任何变化!
    看看怎么回事:www.lajiaju.cn

    回复评论

    admin 说:

    那我就不是太清楚了,呵呵。估计你的iNove是新版本吧。

    回复评论

  10. [...] iNove主题本地化的几点经验(一)  中,月夜 [...]

  11. 无心
    2009/05/05 16:37:03

    感谢月夜,太有用了。像我这样的菜鸟真的需要这样的教程。再次感谢

    回复评论

  12. 与蓝青舞
    2009/04/27 11:36:33

    月夜,今天又开始测试了, 我把以前的备份好然后全部删除了, 然后重新上传inove的主题,什么也不动,然后按照你的文章修改,结果还是不行, 怎么也达不到你题目的样式,好郁闷呀!

    回复评论

  13. » iNove主题
    2009/04/25 15:10:38

    [...] iNove主题本地化的几点经验(一)  中,月夜 [...]

  14. 与蓝青舞
    2009/04/23 22:53:12

    统一改了也没有用,先暂时搁下了, 头都大了,不知道哪里出问题了, 主要还是不懂php语言。

    回复评论

    admin 说:

    不好意思了。。如果你特别需要的话,可以在QQ上联系我,我把自己修改的代码发过去给你。。

    回复评论

  15. 与蓝青舞
    2009/04/23 11:58:19

    还是没改成功, 本来以为我的改的浮动导航有影响,把代码撤下来, 还是不行,水平不行呀, 郁闷。

    回复评论

    admin 说:

    这个我不是和你说了吗?那些id=”***”或者是class=”***”里面的内容不能随便改。。要改就要统一修改才行。。

    回复评论

  16. 与蓝青舞
    2009/04/22 20:50:48

    月夜我刚回来,看见你的留言, 告诉我你的QQ吧,我的是3990957 我先去试试你的代码。谢谢!

    回复评论

  17. 与蓝青舞
    2009/04/22 00:43:35

    月夜你好, 我的博客地址是:http://jso.healthytodiet.com 帮我看分析一下原因吧!非常感谢,本来想在这里提问题的, 发现需要贴好多图,怕占用你的空间,所以没敢发。

    回复评论

    admin 说:

    已去你博客留言。。不过可能需要去后台看代码。。

    回复评论

  18. 与蓝青舞
    2009/04/20 22:53:26

    月夜你好, 我是新手,刚接触wordpress,看了你这篇文章,按照你说的一步一步改,页面拓宽改好了,到3.4两步改动不成功,先登录管理页面编辑style.css,按照你所说的改动“修改第162行为:padding:15px 30px 21px;从第172行开始添加:font-size:32px;font-weight:bolder;
    从第163+1行开始添加:#caption a { color:#FFF; font-size:24px; }
    将第185-192行的模块注释掉(或者删掉)”接着我用FTP连上服务器在header.php里编辑第五行修改为:“<a href=”/about”>”
    然后在ftp里编辑服务器上的start.php 把原来“” 替换成“
    | –
    修改完后什么也没有改变,还是原来的样子, 不知道怎么回事?另外确实拷贝代码粘贴有半角变全角, 还有我把start.php文件下载到本地用dreamwaver编辑加上第四步的代码出现后一个问号和前面一个问号都不一样, 好象一个粗体, 一个是细体的样子,忙了好几次都没有成功,郁闷呀!

    回复评论

    admin 说:

    我发布的代码在我的主题下总会有一些英文状态下的字符变为了中文状态下的字符。。你自己仔细看看哪些需要重新修改过来。。如果有问题,请继续留言,我会尽力帮你。。

    回复评论

  19. vaemon
    2009/04/05 00:58:54

    根本不是改LIGHT.GIF!!!

    回复评论

    admin 说:

    我觉得修改这个图片是可以的吧。。怎么不是修改这个呢?

    回复评论

  20. vaemon
    2009/04/04 23:56:59

    請問light.gif怎麼改?怎麼修改都無法對齊,真是討厭

    回复评论

    admin 说:

    修改宽度,是light.gif中间的部分和主题宽度相同,应该就可以了吧。。

    回复评论

评论分页: 1 2

发表评论

您的昵称 *

您的邮箱 *

您的网站

*