Wordpress 主题模板:Ipple Ultra


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

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

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

关于主题的使用说明稍后放送…

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>

    这里即是位于导航栏下方的:

    您可以在这里输出任何你想要的文字,但请注意长度。或是利用 JS 代码输出一条微博客的信息,或是和 zEUS. 一样使用一个叫做 Verse-O-Matic 的插件来随机输出一句话(插件的下载和使用见文章末尾)。

下面是首页 index.php 的设置,用编辑器将该文件打开:

  1. 搜索“showposts=2”或找到第9行:

    <?php query_posts('showposts=2'); while (have_posts()) : the_post(); ?><!-- 这里的 showposts 定义了首页输出的文章数目-->

    注释里已经说明,这里定义的是首页的文章输出条数。无论您在 后台设置“Blog 首页及存档页最多显示几条文章”这里均不会受到影响。
    您只用根据首页的排版需要在这里自行定义。

  2. 在接下来的第13行,即“class=”postdata””这里,您可以找到如下代码:
    <?php if(function_exists('readers')) { readers(点击量,次); } ?><!-- 如果使用了 Readers_Post 插件,这里会输出文章的浏览量 --><?php if(function_exists('the_views')) { the_views('次浏览', true); } ?><!-- 如果使用了 WP-Postviews 插件,这里会输出文章的浏览量 -->


    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 ,打包下载在 这里

大概的使用说明就暂时写这么多,若有任何使用上的问题,请直接在下面留言 :smile:

BTW: “ Lite” is comming soon… :cool:

UPDATE: 支持 Widgets 的版本已经发布

zEUS.

相关日志

轻松发布您的评论,免费获取下周阿里妈妈广告位
本周灌水排行:花果山寨 (6) , 酋长 (4) , fiorano (3) , wangyh (3) , page (2) ,
年度沙发党:状元:fiorano(31) | 榜眼:摩摩诘(30) | 探花:hvl(22) |

本文评论 98 comments

  1. gravatar george 抢到了第 98楼

    好用好用,挺好用。
    喜欢这么简洁而且是CMS的模板。哈哈

  2. gravatar ewen 抢到了第 97楼

    老大 为什么我放上去错位了啊

  3. gravatar zEUS. 抢到了第 96楼
    @shen61:显示图片的话可以选择全文输出,而不是输出摘要,这篇文章里有介绍。
    不过从模板制作的角度出发,是无法做到你所说的这种效果的。但你可以自己排版,然后用 more 标签在需要的地方截断。
  4. gravatar shen61 抢到了第 95楼

    我想得到的效果是 如果 某篇文章中有多张图片 而我只想在首页预览中显示 一张 或者 两张的图片。

    我添加了就显示全部没有选择性。

    望zEUS帮忙解决下 谢谢!

  5. gravatar shen61 抢到了第 94楼

    你好 首先感谢你开发这款主题。请问用这款主题 怎样才能在首页预览中显示 图片,flash或者缩略也可以现在看不到图片很闷的。

  6. gravatar zEUS. 抢到了第 93楼
    @adrisan.com.cn:算术防SPAM插件 Math Comment Spam Protection 下个最新版装起试试~
  7. gravatar adrisan.com.cn 抢到了第 92楼

    装好你说的几个插件后
    评论网址下面出现这个
    Warning: array_rand() [function.array-rand]: Second argument has to be between 1 and the number of elements in the array in E:\WwwRoot\500M\pony8418979\web\zxy.bag-top.cn\wp-content\plugins\
    math-comment-spam-protection\math-comment-spam-protection.classes.php on line 71

    不知道什么问题

    我装的插件:
    中文 Dashboard
    中文 WordPress 工具箱
    Adman
    Akismet
    Google XML Sitemaps
    HeadSpace2
    Hello Dolly
    Math Comment Spam Protection
    Quote Comment
    Readers_Post
    Verse-O-Matic
    WordPress Database Backup
    WordPress Related Posts

    麻烦了·帮我看看~!

  8. gravatar adrisan.com.cn 抢到了第 91楼

    spider on 2008年, 05月 11日 at 9:57 pm said:

    spider on 2008年, 05月 9日 at 12:08 am said:

    装好你说的几个插件后
    评论网址下面出现这个
    Warning: array_rand() [function.array-rand]: Second argument has to be between 1 and the number of elements in the array in E:\WwwRoot\500M\pony8418979\web\zxy.bag-top.cn\wp-content\plugins\
    math-comment-spam-protection\math-comment-spam-protection.classes.php on line 71

    不知道什么问题

    我装的插件:
    中文 Dashboard
    中文 WordPress 工具箱
    Adman
    Akismet
    Google XML Sitemaps
    HeadSpace2
    Hello Dolly
    Math Comment Spam Protection
    Quote Comment
    Readers_Post
    Verse-O-Matic
    WordPress Database Backup
    WordPress Related Posts

    麻烦了·帮我看看~!

    已解决!

    Ths!

分页: 10 9 8 7 6 5 4 3 2 1 » Show All

Leave a comment

Wordpress模板

主题模板也精彩

干掉电脑

我的电脑我做主

娱人娱己

电影音乐一网打尽

与我有关

生命在于折腾

摘文拾趣

分享快乐的文字

魔兽正史

魔兽历史知多少

Wordpress研究

绝不拘于简单的运用

网络相关

互联网应用与拾趣

动漫动画

少年漫画是我的最爱

健康无价

你输掉健康了吗

纯属扯淡

其实我很喜欢扯淡的

黑色星期五

侦探悬疑动画在线看