wp.Vicuna用法

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>加上，不过完全没有必要，会自动调用的。

表格	x部分	y部分
1	xxx	yyy
2	xxx	yyy

代码如下

<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>