HomeAboutPodcastPlaylistMBVWishlistShareViewPushGuestbookTags

iPost

Wordpress are you?

iPost Theme for WordPress

iFire @ 2008-12-17 10:56

使用说明

共享模板一般是给懒人或是不太懂模板设计的朋友使用的,因此我在这里对这款模板进行一下比较详细的说明:

顶部菜单

我取消了原先置于顶部的横向菜单的列表式嵌套,使用常规文字链接,模板启用之后,顶部菜单里会默认有四个链接,用户可根据自己的需要进行修改,这里要提醒初次在线修改模板的用户,请将模板文件的属性改为可写,不然在后台看不到更新按钮。

修改顶部菜单,请打开 header.php 文件,我在其中进行了区域标注,请在<!–link in–>至<!–link end–>区间进行修改,如需对其链接样式进行修改,请打开
样式表 (style.css) 文件,在注释 /* head */ 起始的位置针对带有 hsub 字符的内容进行修改。

如果您在安装Wordpress程序的根目录里存有自己的收藏图标 (favicon.ico) 文件,无需修改便可在浏览器里呈现出您的图标,如果没有,请将您的图标文件按常规模式命名为 favicon.ico 以便浏览器准确识别。有些免费空间不支持上传ico格式的文件,您可以制作一个png格式的收藏图标,然后需要修改 header.php
文件中的第12行:

<link rel="shortcut icon" href="<?php echo get_option('home'); ?>/favicon.ico" />

将其改为

<link rel="shortcut icon" href="<?php echo get_option('home'); ?>/favicon.png" />

另外,有些朋友使用了第三方烧制的 RSS/Atom 信息源 (Feed),那么您也需要在这个文件里针对第8行和第9行进行修改:

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name');
?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name');
?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />


<?php bloginfo('rss2_url'); ?>

<?php bloginfo('atom_url'); ?>
修改为您的 Feed 路径。

提醒您注意的是,即便您不准备启用我提供的可选页面呈现模式,也最好将 ihead.php 中与 header.php 相同部分修改一致,以便日后随时调用。简化版用户可忽略此项。

页脚链接

一般来说,页脚是无需修改的,它呈现的是用户博客名称、模板信息、Wordpress链接及相关RSS订阅链接,使用了第三方烧制 Feed 服务的朋友,需要在这里进行修改。页脚文件字体预设值很小,您可以自行修改。打开样式表文件,在第160行进行修改即可。

首页 [Demo]

首页原则上是无需修改的,除非您安装了类似 Pagebar 这样的翻页插件,那样您只需要按照插件说明去修改就可以了。在测试页面,我启用了评论弹出功能,这是为呈现弹出窗口的样式,在提供下载的安装文件里我没有插入弹出命令。如果你想启用这个功能,需要修改 header.php 文件:

<?php wp_head(); ?>

之前添加以下代码:

<?php comments_popup_script(630, 600); ?>

其中第一个数值是弹出窗口宽度,请尽量不要修改;第二个数值是弹出窗口高度。

如果您的 WordPress 是多位作者供稿,请在首页文件 index.php 第8行

<div class="entry">

后面添加以下代码

<p class="ileft"><?php the_author_posts_link(); ?></p>

即可显示作者名及作者页链接

日志页面

日志页面最常遇到的问题是调整正文字号及行距,在样式表文件第226行找到 .entry 并在大括号内修改即可。我默认设置的正文字号是 12px 行距为 22px 。这次我给懒人在样式表里做了些准备,制定了一个 .bigger 的字体样式。因此懒人可打开日志页面模板文件 (single.php) 将第8行的

<div class="entry">

改为

<div class="entry bigger">

便可获得正文字体为 14px 行距为 28px 的效果。

请注意,修改字号会影响行距呈现效果,尽量同步修改,但在其他区域里修改字体及行距可能会导致错位,慎之。

独立页面

独立页的发布可选取四种不同的样式:[Demo 页建立在免费空间里 不太稳定]

常规两栏式不含评论栏 [Demo]

两栏式包含评论栏 [Demo]

宽幅不含评论栏 [Demo]

正文宽幅、侧栏下沉与评论栏并排 [Demo]

待续…

Pages: 1 2

QR:iPost Theme for WordPress

Addthis

Permanent Link | 39125 Readers

22 WP Responses

  1. 台湾的vista是三栏的、是哪个版本?

  2. 刚下载IE8使用,发现中间部位错位,希望能解决下。谢谢

  3. 很PL的主题,深得APPLE精髓,好作品。未经同意转载,请见谅!

  4. 老师做的懒人页面好合我,哈哈- -!

  5. 发现几个主题 for wordpress2.7 的导航链接都需要打开header.php文件手动添加,为什么主题制作者不使用页面调用语句自动调用呢?

    • 又是一个问题:在点击评论的“reply”链接的时候,页面好像需要重新刷新加载,点击“click here to cancel reply”也有页面刷新加载的迹象,请问这是你预料中的效果吗?

      而且,对于默认主题的评论回复功能来说,点击 回复之后,评论输入框会上移至所点击回复链接的下方——相比于Ipost,这不能不说是一个很棒的用户体验设计。

      谢谢。

      • @riant 页面刷新问题需要ajax来实现,用插件或是自己写脚本,我技术上一塌糊涂,能确保模板不把WP宕掉已经不容易了,嘿嘿!

  6. 很细心的作者,下下来看看——非常感谢你的这些工作。

  7. 强悍的主题,作者很细心!

  8. 2009年伊始,我就换上了秋傲老师的iPost Theme,不过我对Theme做了少许修改,最有负罪感的是我去掉了侧栏的Theme Info……因为我的不喜欢把Theme信息放在侧栏……

    anyway,希望秋傲老师能够允许我这么干,因为在Twitter上看您写这个Theme花了很多心血。

    最后祝秋傲老师2009年新年愉快~

  9. yuzhong

    很apple官网啊

Leave a Reply

ReEdit

© iFire Allrights reserved. | Theme: iPost 2.7.1.1 | Artwork by apple.com | Designed By iFire. | Powered by WordPress. | Entries (RSS) | Comments (RSS).