至从2008年2月2日，也就是wp.Vicuna推出 v1.5.8版本以后原作者wu因为工作原因放弃了更新。
如果一直用到WordPress v2.6是没有问题的，但随着WP2.7的推出，要继续使用其Vicuna模板需要大量的修改，当然不便。

也有另外一日本人ma38su发布过修改的版本Vicuna-Ext，他加了些简单的后台操控方面的功能，也很方便地调用皮肤及不同模板样式。但我没正式用过，只是测试过。

但这次，由SPaiS.lnc推出的wp.Vicuna2.0.3是让人兴奋的。

本来想WordPress3.0发布以后一起测试，经好友阿修推荐之后，实在按奈不住了，WP2.9.2下本地测试。

1、首先Vicuna2.0.3的工作环境是WordPress2.8.3以后的版本。
2、原先的Vicuna是不支持Widgets的，这次完全支持。
而且内容非常丰富，所有常用的全有了；只要你进行简单拖拽，就可以实现Sidebar的各种功能。
3、强大的后台选项功能和实时预览功能。（Vicuna Theme Manager）
我之所以说强大，到目前为止，还没见过哪个WP模板用过这种全页面实时预览，而且还免费。
进入WP后台你就会看到Vicuna的Configure选项按钮，点击进去，带您走进强大后台选项。简单到不需要你知道代码，只要你会选择和确认。
借用阿修的话：”几乎只需要点粗浅的英文词汇知识，无论是标题自定义（General）、单双栏甚至三栏效果（Layout）、常用宽度（Skin）、头部图片以及位置（eyeCatch）等等常用的主题设置，通过简单的键入就能实现，让用户有能力打造一款属于自己的个性模板。”
4、自定义色彩功能
是后台选项功能的延伸。这次发布的版本虽然是正式版，但默认是没有添加自定义色彩功能，目前还在征求各方意见中。。。

请先看图，依次为：General、Skin、Layout、Color 选项（底下sample部分为实时预览）

我在这里简单介绍一下，添加了Color 选项后即使没有专业知识，可以在皮肤自定义色彩，其实就是多添加了后台选项的功能，由原先的General、Skin、Layout 增加为四个，还加一个Color。

步骤如下:
1、当然要启动wp.Vicuna这个皮肤
2、进入到wp.Vicuna 设定页面
3、Skin选项下选择 style-galaxy
4、点击color 选项
5、点击Enable使该选项起作用。
6、选择喜欢的色彩方案
7、保存

做这些步骤之前你需要先添加个文件，默认是没有的
首先，再你对应的Skin下面添加Color.css文件
比如: \wp.vicuna\skins\style-galaxy文件夹下面添加Color.css文件
其次，调用

body{
    color:/*{COLOR4  blend_type:overlay   blend_color:#FFF blend_density:50%}*/;
}

说明备注:
COLOR N ：被 /*{}*/ 围住的部分就是color定义的场所。以#FFFFFF 这样的色彩定义形式嵌入。
如图所示，从左至右用1～5级色阶来表示。
blend_type ：经常用PS的都知道，色彩是可以用两种以上色彩重叠来表现另外色彩的，表现方式如下：
multiplication
overlay
screen
softlight
hardlight
darken
lighten
difference
exclusion
你可以充分运用，如果你懂PS我想是很容易的。
blend_color ：色彩以(#000, #F0F0F0, RGB(1,2,3))任何方式取样后用COLOR N来表示。
blend_density ：色彩的浓度用%来表示
blend_index ：不指定或指定为0时重叠的颜色会在上面，指定为1时重叠的颜色会在下面

使用这些色彩机制后 borderline overlay的设定变得异常简单。因为可以自定义颜色，所以色彩变化有无限可能。（请看图）

注意:只有在颜色有效并且 color.css 的内容是新的，或者没有缓存样式时生成颜色信息。
在WordPress 的调试模式或预览模式中每次都会强行生成。
生成过的颜色信息会被保存在WordPress 的缓存中，所以只要color.css中没有发生更改时，会再次使用缓存数据。

但自定义色彩功能毕竟是测试阶段，不足难免。

总而言之，wp.Vicuna步入了一个崭新的时代，不论你使用中文还是英文，不论你懂不懂代码，不论你懂不懂PS，不论你是使用者还是研究者，打造一个自己喜欢的、个性化的博客模板将变得非常容易，随着版本的更新将会更加完善。

1、对网页设计非常有用，通用性强，循环性强、可控性强，高度优化。
2、如此结构还有一个好处就是代码干净整洁。
3、这种强大的结构，根本不亚于商业模板，有过之而无不及。
4、这里只讲结构大框，不讲具体，也没法讲清楚，不然得写论文。
5、以图片说明为主，举例为辅，这样能达到一目了然的效果。
6、三个部分：总揽、XHTML 和 CSS。
7、只要稍稍理解一点，做一个WP Theme 简直绰绰有余。

总揽：

图一、首先我们看一下Vicuna CMS的总体结构。

在WordPress平台上，调用XHTML，再加载CSS的方式构成一个WP Theme，同样你会发现用CSS控制模板样式，而且其样式多样化。

XHTML：

图二、核心BODY的构成。

我这篇文章的大标题就是H1，首页罗列的各个文章标题就是H2，我这里没有启用Class，默认的wp.Viucna模板带description这个Class。

图三、DIV用法之一。

– 这里先讲讲我用的一个FORM，参考我的header部分的Search form，BODY ->DIV ->P ->Search Form这种形式，图二和图三结合起来看。

– 看完图请看下面代码，你会发现DIV,H3,UL是如何使用的，而这些使用远比图片丰富的多，还使用了H4，LI，SPAN。

这段代码就是我的首页Left Sidebar《休闲娱乐》展开以后的结果，当然class可以自行设定，从下段代码你会看出图三和图四是结合起来使用的（其他的原理都大同小异，仅仅以此说明）。

<div id="utilities" class="section">

<div class="section xxx yyy">
<h3>腾 信 家</h3>

 <div class="section ccc">
   <h4>休闲娱乐</h4>
     <ul class="lesson">
     <li><span class="subject">
<a href="/entertainment"/>娱乐无限</a></span>
      <ul>
         <li class="course">
<a href="/movie"/>经典影片</a></li>
         <li class="course">
<a href="/music"/>音乐欣赏</a></li>
         <li class="course lastChild">
<a href="/youtube"/>YouTube</a></li>
      </ul>
    </li>
    <li><span class="subject">
<a href="/joke"/>开心一刻</a></span></li>
    </ul>
 </div>

图四、DIV用法之二。

请注意：UL和LI是反复使用，反复嵌套的。

图五、DIV用法之三。

请看右边的Sidebar就是用的图五方式（图七更加具体），同样UL下还可以用LI，也可以像图四一样反复使用UL和LI。而且wp.Vicuna的Comment.php也大量使用了这种DL,DT,DD的方式。

这样写法的好处就是可以无限制的增加代码，并且反复使用UL和LI，定义CSS也非常方便，任何一个小细节都能具体定义。

图六、wp.Vicuna的整体布局。

图七、wp.Vicuna的默认Sidebar构成。提供的默认模板都采用这种方式，DD下面可以增加UL,LI的，和图五结合着看。

至此XHTML部分基本结束。循环性非常强。下面讲可控性强的CSS部分。

CSS:

图八、wp.Vicuna的CSS基本结构及其扩展性。

从上图中很容易看的出来，通过外部导入CSS来增加定义，再倒入Module的方式变换样式，达到模板多样化，独栏、两栏、三栏，以及各种 eyeCatch 都是这样变化的。

图九、从Moudule引申，利用Subskin 进一步扩展CSS。

图十、这么多CSS是如何起到定义作用的，如何相互影响的。（局部和广域的优先度）

图十一、导入的基本CSS是如何使其不冲突，并进一步具体定义。

图十二、CSS定义的、涉及到的各种效果是如何实现的。

不但有这种效果还有其他Table效果、Code效果等，可以参考我的网页收藏页面，也可以参考wp.Vicuna用法。

至此，Vicuna CMS的总体结构基本讲述完毕。

很多人用过WordPress主题wp.Vicuna CMS，其功能是非常强大的，2007年刚刚介绍到国内，当时我看到很多的主题使用wp.Vicuna，因热心之人联系作者wu之后，出了简单的中文翻译，官方网也提供了一个中文平台（http://cn.wp.vicugna.org/），方便国内用户使用，可是好景不长很多人开始下马了。

像我这样接触wp.Vicuna之后一直用到现在的非常少。个人喜欢的原因是其模板不亚于商业模板，代码干净整洁、CSS优秀、可控性强等特点。

那这么强大的主题，为什么普及不了呢？我个人有这么几点浅显的看法。

首先：国内使用WordPress的大部分都不是专业网页设计师，很多人压根儿不懂代码，但却想拥有一个可以完全由自己控制的博客而已。

而博客程序当中WordPress是最方便的。开源且有大量免费的模板、插件，其扩展性也非常强，安装也及其方便。且有大量的用户使用WP，这也大大增强了其可交流性。

不像国内，在日本最流行的博客程序不是WordPress，而是Movable Type。

其次：Vicuna的CSS非常的复杂。

按照作者wu的原话：他作为专业的Web Designer在学校也是HTML和CSS的老师，但Vicuna的CSS的写法在日本也不是很普遍，就是在日本专业的Web Designer也有不理解的地方，连他的学生有时候都说：“为什么会这样？”

举个简单例子：他的Comment代码写法不是大部分采用的<ul><li>，而是<dl><dt><dd>等。其实懂了以后会发现更方便，因为每个具体细节他都能具体定义样式，而不是简简单单的<ul><li>就完了。

第三：至从2008年2月2日，也就是wp.Vicuna推出 v1.5.8版本以后作者因为工作原因放弃了更新。

如果一直用到WordPress v2.6是没有问题的，但随着WP2.7的推出，增加了不少功能，要继续使用其Vicuna模板需要大量的修改，尤其是Comments.php文件。当然CSS也如此。

最后：还有其他原因。
如没有继续推出好的模板样式，作者是日本人交流上有困难等等。

综上所述，可控性强和复杂是不可调和的矛盾。虽然有这样那样的问题，但个人认为最大的问题在于难。

这些只是我的一点想法，我本人还是很喜欢其模板。唯一可惜的停止了更新及推出新模板样式。继续再接再厉就好了。

今天把WP2.7 beta3上传，并稍微修改wp.Vicuna模板，实现嵌套评论功能。
虽然是beta但我还是承认其结构比较好，不过单独留言定义样式还是很欠缺。
看default模板增加了很多样式定义， 如：

.thread-alt {} 、.thread-even {} 、.depth-1 {} 、
.even, .alt {} 、 .commentlist li ul li {} 、 #commentform {} 、
#respond:after{} 、 .children{}

但这些对使用wp.Vicuna的用户几乎无济于事，因为wp.Vicuna使用的是<dl><dt><dd>而不是默认的、大部分都使用的<ul><li>样式，WP2.7的就是使用这种样式。

但我觉得用wp.Vicuna改造反而更容易。因为不用有意去分开comments和trackpings。其提供的comments.php里已经分开了，而且用< ?php get_comment_type()；?>来获取trackpings。默认的就是comments啦。
所以根本不需要考虑trackping以及他的定义样式，只要用默认的就行了，包括css。除非你想在trackback和pingback中也要使用Reply这个功能，但毫无意义。
所以我们只需要关心comment就可以。

修改四个部分，首先讲comments.php
第一、在comment部分的<dl class=”log”>前面加上如下代码。

<?php if (function_exists('wp_list_comments')) : ?>
<dl class="log"><?php wp_list_comments('type=comment&callback=custom_comments');?></dl>
<p><?php else : ?>

第二、在<form>前面加上<div id=”respond”> ，

然后在</form>关闭之前加上

<?php comment_id_fields(); ?>
<?php do_action('comment_form', $post->ID); ?>
<?php cancel_comment_reply_link($text = '点击取消回复'); ?>

</form>关闭之后当然要关上</div>，要不然留言框就无法正常运作。

至此comments.php的改造结束。

第三、利用wp_list_comments的callback来调用functions，functions.php中加上如下代码

<?php
if (function_exists('wp_list_comments')) {
// custom comments
function custom_comments($comment, $args, $depth) {
$GLOBALS['comment'] = $comment;
?>
<dt id="comment-<?php comment_ID() ?>">
<span class="avatar"><?php echo get_avatar(get_comment_author_email(), $size = '32', $default = '' ) ?></span>
<span class="name"><?php comment_author_link() ?></span><br/>
<span class="date"><?php comment_date('y-m-d (D) G:i') ?></span> <?php edit_comment_link('Edit.','<span class="admin">','</span>'); ?>
<span class="commentext">
<?php comment_text() ?></span>
</dt>
<dd><?php comment_reply_link(array('depth' => $depth, 'max_depth'=> $args['max_depth'], 'reply_text' => "[回复]"));?>
</dd>
<?php }}?>

注意<dt>开始的后半部分，其实就是comments.php的<dl class=”log”>后面的代码，复制添加进去，然后把<?php comment_text() ?>挪到</dt>前面，最后别忘了加上Reply那个代码。当然了代码中的<?php endif;?>之类的，自己看着加吧。

最后、定义3-context.css文件，需要根据自己的样式定义。

如果说还有一个步骤地话：就是后台Discussion选项了，如Reply深度等。
具体样式可参考我的留言回复。

从去年10月份开始写博客，断断续续，也没有写多少，都没有太在意，只是找了个wp.Vicuna模板稍微修改一下就上传使用了。
最近听到不少人说我的模板太单调，让我改改，我也觉得如此，所以决心修改了。

还好开始写博客一周年之际，终于换了模板，虽然很多需要编辑，但是使用起来还可以就上传了，边写边完善吧。

有几点需要说明一下。

1. 还是沿用日本友人wu的wp.Vicuna，只要你会设计，我个人认为其模版不亚于商业模版。代码干净整洁，CSS优秀、可控性强。
2. 绝大部分用CSS控制，目前为止用到20多个CSS文件。再一次证明wp.Vicuna的可控性强的特点，而且扩张起来非常之方便。
3. 这次最重要的变化就是几个特效。Sidebar 下拉菜单特效，还有几个选项卡特效，然后就是Highslide图片特效。
4. 颜色搭配方面下了点功夫，可以参考我的SiteMap页面和Siderbar，还是挺不容易的。
5. 三栏、两栏、独栏全部用到，根据wu调查结果900宽两栏是最受欢迎的，所以900宽两栏为主文章显示模版。
6. 本来启用过Google自定义搜索，后来取消了，用WP站内搜索。Google自定义的搜索结果让我不是很满意，而且我的搜索在Header上，一旦Google调用不畅，将影响整个网页显示。搜索结果显示样式也是千篇一律。
7. 还有其他的，就不再说了。

再补充两句。

1. 这次不但把Title从默认的<博客名–文章名>改成<文章名>，还把默认链接也给改了。
以前是 /post/%postname%.html 我觉得也冗杂，干脆改成 /%postname%.html。
2. 很多人都说<文章名–博客名>以及 /%year%/%monthnum%/%postname%.html 有利于SEO。我想还是算了，简单点。

这么改我的工作量大了，不过这倒没关系，无非动两下，可惜的互联网的链接全没了。就当重新开始了。

这次模板修改不得不提到一个人 — 那就是日本的wu先生。遵照wu的意思不多写了。

在这里再一次表达我对wu的衷心的感谢！

wp.Vicuna是日本友人wu开发的WordPress Theme。本博客用的就是这款模板。

问题是即使很多人用上了这款模板，也不知道有其功能，更不知道如何用？其实这些功能是wp.Vicuna Theme里的CSS里都提供了的，用不着我们再去编辑。只要你写Post的时候用好这些代码就可以显示了。而且显示方式跟Theme是紧密相连的，不用担心与模板样式不符。
下面就介绍几种方法。

1.图片用法（IMG）

看到上面的图片环绕在文字周围了吗？只要在写Post的时候.img_L和.img_R这两个Class代码就可以。”L“当然是LEFT的缩写，”R“自然是RIGHT了。不要忘了选择要环绕的文本范围。
比如图片在文字左侧被环绕

<p class="img_L"><img href="xxx.jpg" height="100" width="100" alt="photo" /></p>
<p>文本Text内容，这里用好'P'</p>

2.代码用法（HTML）

同样也看到上面HTML代码的显示了吧?
用下述代码来实现

<pre class="html">这里写代码CODE，就像这里显示一样。
注意：是'pre'而不是'p'。</pre>

还可以这样

<pre class="html">这里写代码CODE，多加了span class="note"而已。</pre>

3.表格用法（Table）

再看看这些表格，完全是<table> <th> <td> 三个代码来实现的。当然你也可以加上<tbody><tr>加上，不过完全没有必要，会自动调用的。

代码如下

<table border="0">
<tbody>
<tr>
<th>表格</th>
<th>x部分</th>
<th>y部分</th>
</tr>
<tr>
<td>1</td>
<td>xxx</td>
<td>yyy</td>
</tr>
<tr>
<td>2</td>
<td>xxx</td>
<td>yyy</td>
</tr>
</tbody></table>

4.标题用法（Data）

再看看这些表格，完全是由<dl> <dt> <dd> 三个代码来实现的。

标题

内容

标题

内容

标题

内容

内容

代码如下

<dl class="data">
<dt>标题</dt>
<dd>内容</dd>
<dt>标题</dt>
<dd>内容</dd>
<dt>标题</dt>
<dd>内容</dd>
<dd>内容</dd>
</dl>

关于升级细节抽空整理了一下，便于心中有数，就算以后再次升级也有个谱。

1. WordPress平台毫无疑问用了最新稳定版本（目前是ver2.3.3）。
2. wp.Vicuna模板ver1.5.4开始另外提供了语言包进行模板设置，可我也没必要安装那么多语言文件，还要编辑po，mo文件，并且代码繁杂，所以在没有语言包的ver1.5.3基础上进行了细致、严格的升级，进一步SEO代码。（暂且叫ver1.6吧）
3. 统一外观在Firefox2.0，IE7和IE6下的显示，不但保证没有变形，还统一细小处显示完全一样，极个别细微处例外(看本文13)
4. 以前Vicuna Calendar、Recent Comments、YouTube作为插件使用，现已整合到functions.php中，这样后台能少用三个插件，也便于文件管理。(目前启用8个，请看本博客使用的WordPress插件)
5. 对Script.js、Comments.php、以及其他文件都进行了相应的升级，尤其更加完善了apply Cookie，增加了PATH路径。
6. 管理模式下，以前Comment有编辑模式(Edit)，Trackback却没有，升级后Trackback也有编辑模式，不需要到后台寻找编辑，绝对方便。
7. 以前「最新评论」点击留言进去后只翻页，想要浏览留言全文时需要在众多留言当中搜索，现在完全正确定位并翻到所点击留言部分，方便浏览。（完全打开网页才可以）。因为整合的缘故，能使用模板中的#comment。
8. 除了Header图片、博主素描以及ICON以外，全部用CSS控制，没有使用额外图片，以提高速度。（得益于Vicuna CMS）
9. 模板全部进行了细致的CSS控制，无论是大的整体宽度、样式，还是小的ICON与文字间隔，文字与文字间隔，线条与线条，线条和文字等上下左右间距，无一例外的全部按一定规则完全CSS细化,尽量丝毫不差。以达到外观统一、整齐、美观。
10. 插件也全部进行了美化处理，比如most viewed的统计数据显示方式：把 文章名 – 200 views 改成 文章名（200），以前view：200前面没有ICON ，现已定义。同样的还有PageNavi 看底部页面导航。
11. 以前on mouse时title显示方式为:xxx – comments ，xxx – trackbacks， 现统一为:Comments on xxx、Trackbacks to xxx ，「最新评论」的title也统一成Comments on xxx。
12. 各各留言前面增加 ICON，而且admin和guest区别显示。
13. 博主素描和文章内部分大点的图片在on mouse时（也即 a：hover）周围流水型动态显示方式，也同样用CSS控制，以美化博客。（只会在Firefox和IE7下起作用，IE6例外, 看不到动态效果。

以前Vicuna Calendar、Recent Comments、YouTube作为插件使用，现已整合到functions.php中，这样后台能少用三个插件，也便于文件管理。最近再加了一个Tag manager，WordPress v2.5已经包含这功能，一旦发布这插件就要淘汰了，先暂时用着。

注：这些插件在我的博客上没有出现任何问题。

Akismet

WordPress内置的Anti-spam插件

WP-PageNavi

页面导航插件（与下面四个是一家）

WP-PostViews

文章浏览统计插件

WP-Stats

后台WordPress 统计分析插件

WP-DBmanager

数据库备份、优化、修复插件

WP-Useronline

在线用户统计插件

Google Sitemaps

搜索引擎优化插件

NextGen Gallery

图片管理插件（已取消）

Tag manager

标签管理插件（已取消）

WP-Cumulus

标签滚动显示插件

Clean Archives Reloaded

存档文章显示插件（已取消）

Audio Player

MP3插件（Demo）

YouTube

YouTube插件（Demo）

Recent Comments

显示最新评论插件

Vicuna Calendar

wp.Vicuna日历插件

后三个原为插件，现已整合。

wp.Vicuna是日本友人wu开发的WordPress Theme。

具有以下几个特征：

1、严格基于XHTML1.0 Strict DTD标准开发
2、简单的XHTML结构
3、界面简洁友好
4、各页面均进行了SEO高优化
5、根据自需可以简单地自定义设计皮肤
6、免费面向个人及商业用户

虽然只有一个基本模板，但可以根据不同皮肤的CSS定义来设计自己喜欢的风格，不同的搭配目前为止能产生30多种以上的风格。容易换肤，且完全可以按照自己的意愿换成三栏，两栏，独栏。就是说：wp.Vicuna的XHTML的设计很简单，利用CSS来设计出适合自己的风格。这是他的网站 http://wp.vicuna.jp/

今天只是简单介绍其theme上添加日历的方法，默认是没有添加的

具体步骤如下：
1、首先，下载插件
文件：点击下载（会自动跳转下载）
2、替换Sidebar.php（在下载的文件中）或者在Sidebar中添加如下代码:

<dt>Calendar</dt>
<dd>
<?php if (function_exists(’get_vicuna_calendar’)) : ?>
<?php get_vicuna_calendar(); ?>
</dd>
<?php endif; ?>

3、上传vicuna_calendar.php至/wp-content/plugins/目录中。
4、在管理后台激活插件，使wp.Vicuna Calendar有效化。
5、在5-module.css 中启用代码，使其有调用mod_calendar.css。

5-module.css
/*← delete
@import url(mod_calendar.css)
*/← delete

6、具体在mod_calendar.css中设置。