1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

【转】Wordpress 主题模板:Ipple Ultra

本帖由 小叶2008-06-30 发布。版面名称:源码讨论

  1. 小叶

    小叶 New Member

    注册:
    2005-09-04
    帖子:
    17,941
    赞:
    33
    .Phg351 { DISPLAY: none}

    [​IMG]

    Ipple Utral——这个耗时1个月的引入 CMS 元素的 Wordpress 主题终于到了见公婆的时候…

    先放出 截图预览 和 DEMO 预览,还有下载地址

    主题名称:Ipple Ultra
    主题链接:http://zeuscn.net/themes
    描 述:这个一款苹果网站风格的 Wordpress 主题模板,该模板引入 CMS 元素,在首页展示不同分类的的文章列表,以丰富首页的内容输出。适用于 Wordpress 2.3 以上版本(模板内使用了 tag 调用函数),暂不支持 widgets 设置,但内置了分页Bookmark 、评论 Gravatar 头像等功能。
    初始版本:1.08.03.23
    作 者:zEUS.
    作者链接:http://zeuscn.net
    关于主题的使用说明稍后放送…

    Ipple Utral 使用说明(将主题文件下载到本地后,您可以尝试以下操作):
    header.php 开始,用您习惯的编辑器(不建议用记事本,因为它无法显示行数)打开该文件
    1. 搜索“keywords”(不带引号,下同),或直接找到第22行: <META name="keywords" content="" />


      为您的博客添加关键词
    2. 继续搜索“id=nav”,或直接找到第27行: <div id="nav"><!– 博客导航栏,导航链接建议不超过6个 –>


      可以看到这里有一段注释:博客导航栏,导航链接建议不超过6个。由于设计的局限性,所以在模板顶部的导航栏链接不要超过6个,即建立的页面不要超过5个。
    3. 在接下来的第29行: <li class="page_item <?php if ( is_home() ) { ?>current_page_item<?php } ?>"><a href="<?php echo get_settings(home); ?>/" title="HOME">博客首页</a></li>


      如果您习惯用英文作为导航栏链接的标题,可以将这里的“博客首页”改为“HOME
    4. 搜索“guide_content”或直接找到第40行: <div class="guide_content">您可以在这里编辑一句名言,或使用JS输出一条简明的微博客信息。</div>


      这里即是位于导航栏下方的:
      [​IMG]
      您可以在这里输出任何你想要的文字,但请注意长度。或是利用 JS 代码输出一条微博客的信息,或是和 zEUS. 一样使用一个叫做 Verse-O-Matic 的插件来随机输出一句话(插件的下载和使用见文章末尾)。
    下面是首页 index.php 的设置,用编辑器将该文件打开:
    1. 搜索“showposts=2”或找到第9行:
      <?php query_posts(showposts=2); while (have_posts()) : the_post(); ?><!– 这里的 showposts 定义了首页输出的文章数目–>


      注释里已经说明,这里定义的是首页的文章输出条数。无论您在 Wordpress 后台设置“Blog 首页及存档页最多显示几条文章”这里均不会受到影响。
      您只用根据首页的排版需要在这里自行定义。
    2. 在接下来的第13行,即“class=”postdata””这里,您可以找到如下代码: <?php if(function_exists(readers)) { readers(点击量,次); } ?><!– 如果使用了 Readers_Post 插件,这里会输出文章的浏览量 –><?php if(function_exists(the_views)) { the_views(次浏览, true); } ?><!– 如果使用了 WP-Postviews 插件,这里会输出文章的浏览量 –>


      [​IMG]
      zEUS. 用了 Reader Post 的插件(下载和使用见文章末尾)来显示每篇日志的浏览量,但鉴于很多朋友都在使用另一款相同功能 WP-Postviews 插件,所以在这里我用 if 语句将它们都添加进去了,只要启用插件,这里均能显示浏览量,如果没有使用这2款中的任一款插件,这里将不会显示。
    3. 第15行: <?php the_content(__((阅读更多精彩内容…))); ?>


      这里定义首页文章的输出方式——全文输出,如果用 more 截断的话,则会在截断处显示 “(阅读更多精彩内容…)” 的链接。
      如果您想在这里输出摘要而不是全文的话,可以将下面的代码代替上面的代码:
      <?php the_excerpt(); ?><a href="<?php the_permalink() ?>">(阅读更多精彩内容…)</a>

    下面是重头戏——设置首页下部的各个分类文章列表,打开 cat-post2.php 文件,在该文件中,zEUS. 已经把各个设置要点都注释的非常详细了,只要看过我之前翻译的2篇文章:《Wordpress 中 categories 的用法》和《wp_list_categories 参数详解》那么您就可以很轻松的在这里进行设置了。虽然这里的内容看起来比较多,但实质上要点就只有三个。
    1. 输出指定分类的标题(第12行): <h2><?php wp_list_categories(include=1&title_li=&style=none); ?></h2><!– “include=分类的ID号” 输出指定分类的标题 –>


      注释中已经说明,修改 include 后面的数字,即可输出对应 ID 号的分类标题。
    2. 输出对应的分类描述(第13行): <?php echo category_description(1); ?><!– 这里的数字用于输出指定“分类ID号”的描述 –>


      将这里的数字改成和前面分类标题的 ID 号一致。
    3. 输出对应分类下的文章列表(第14行): <?php query_posts(showposts=5&cat=1); ?><!– showposts 输出文章的“数目”, “cat=分类ID号”,输出指定分类的文章 –>


      这里的 showposts 即是设置文章的条数,cat 即是指定对应的分类。
    上述是一个分类文章列表模块的设置,其它的模块设置都是大同小异,这里就不再多作说明了。
    再是侧边栏 sidebar.php 的设置
    1. 打开该文件后,找到第5行代码: <a href="<?php bloginfo(rss2_url); ?>"><div class="righttop-top"></div></a>


      如果你用 Feedsky 或 Feedburner 烧录了 FEED 的话,可以用您的 FEED 地址代替其中这段代码:
      <?php bloginfo(rss2_url); ?>

    2. 侧边栏顶部的 TAB 切换部分的设置也很简单,sidebar.php 中 zEUS. 已经做了很详细的解释了,只用注意各个 “TabbedPanelsTab” 的 “TAB标题” 对应各个 “TabbedPanelsContent” 的 “TAB内容” 即可。
    3. 在下面的第29行至34行代码所输出的内容是不会“参与 TAB 切换”的内容,如果您不需要这些内容,可以将这些代码删除。
    4. sidebar.php 其它内容设置见文件内的解释即可。
    archive.php、search.php、single.php 和 page.php 的部分设置可以参考 index.php
    footer.php 中可以将您网站的备案号直接代替我预设的“XXXXXXXX”
    评论 comments.php 文件内已经用 if 语句写入了 Quote Comment 留言引用插件和 Math Comment Spam Protection 算术防SPAM插件的调用代码。如果您安装了上述2款插件,直接启用即可看到效果。
    该主题所涉及的插件有:WP中文工具箱(必须)、Reader PostVerse-O-Matic(下载/使用,稍后介绍)、Quote Comment 和 Math Comment Spam Protection ,打包下载在 这里
     
  2. swsw007

    swsw007 New Member

    注册:
    2006-07-04
    帖子:
    2,228
    赞:
    1
    很漂亮,支持!!!
     
  3. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    演示内容再充實一點就更好了。

    謝謝分享!
     
  4. 不学无术

    不学无术 Ulysses 的元神

    注册:
    2005-08-31
    帖子:
    16,714
    赞:
    39
  5. 天纵

    天纵 New Member

    注册:
    2008-07-19
    帖子:
    63
    赞:
    0
    :eek: 总让我惊讶 我喜欢 流口水了
     
  6. 死鬼

    死鬼 New Member

    注册:
    2005-09-10
    帖子:
    344
    赞:
    1
    很好很强大
     
  7. qqfantizi

    qqfantizi New Member

    注册:
    2008-08-01
    帖子:
    30
    赞:
    0
    还是用阵阵的cms好
     
  8. wendong

    wendong New Member

    注册:
    2008-08-09
    帖子:
    3
    赞:
    0
    :ft: 不错