ahaoxie's blog

<?php if(is_home()): ?>
 <li><h2>标签云图</h2>
  <div>
  <?php wp_tag_cloud('smallest=8&largest=20&orderby=count&order=DESC&number=30'); ?> 
  </div>
 </li>
<?php endif; ?>

适用于Widget Logic 插件的控制条件is_home()、is_single()、is_category()等条件同样适用于代码，而且代码能控制的通过插件不一定能实现。

而某个分类页面的侧边栏里面的最新文章显示该分类里面的最新文章。这种情况，我们可以通过加入下面的代码来实现，111就是指定的分类的ID。

<?php if (in_category('111')) : ?>

FanyBox 的 WordPress 插件

正是因为 FancyBox 的强大，很多 WordPress 爱好者，就开发了 FancyBox 的 WordPress 插件，增强 WordPress 的图片显示效果。

1. Easy FancyBox

Easy FancyBox 可以非常容易让你在 WordPress 中启用 FancyBox 插件，Easy FancyBox 可以使得你博客中所有指向图片文件 (.jpg/.bmp/.gif/.png) 和 Falsh 动画文件 (.swf) 自动获取 FancyBox 的弹出效果。这个插件没有配置页面，没有选项，只需激活即可，这也是我推荐的插件方式。

下载：Easy FancyBox。

2. Fancy Gallery

Fancy Gallery 整合 FancyBox 到你的 WordPress 博客中，同样，所有指向图片的链接都会自动使用 FancyBox 的方式弹出页面的上面，如果你使用 [gallery] 这个 Shortcode 来显示相册，相册中图片弹出的时候会自动加上 上一张，下一张 的导航条，非常方便。

下载：Fancy Gallery。

3. FancyBox Gallery

FancyBox Gallery 把 FancyBox 这个 jQuery 插件集成到 WordPress 的 Gallery 功能中，你只需要在日志内容中试用 Gallery Shortcode 显示缩略图，这个插件就会处理好剩下的，你会得到非常漂亮的大图弹出效果，而且还会修正大小到适合浏览器窗口。

下载：FancyBox Gallery

4. FancyBox for WordPress

FancyBox for WordPress 这个是做的最复杂的 FancyBox 插件，他可以让你自定义 FancyBox 的所有东西，包括边距，边框，颜色，放大速度，动画效果，关闭按钮的位置，覆盖层的颜色，透明度，还有如果去归类一组相册的选项等等。

下载：FancyBox for WordPress

翻译自：FancyBox and WordPress Plugins

出处：http://fairyfish.net/article/fancybox-and-wordpress-plugins/

jquery fancybox hideOnContentClick

<script type="text/javascript" src="path-to-file/jquery.js"></script> <script type="text/javascript" src="path-to-file/jquery.fancybox.js"> </script>

<script type="text/javascript" src="path-to-file/jquery.easing.js"> </script>

<link rel="stylesheet" href="path-to-file/fancybox.css" type="text/css" media="screen">

<a id="single_image" href="image_big.jpg"><img src="image_small.jpg" alt=""/></a>

<a id="inline" href="#data">This shows content of element who has id="data"</a>

<a href="http://www.example?iframe">This goes to iframe</a> <!--or--> <a class="iframe" href="http://www.example">This goes to iframe</a>

<a href="http://www.example/data.php">This takes content using ajax</a>

$(document).ready(function() {     $("a#single_image").fancybox()     $("a#inline").fancybox({ 'hideOnContentClick': true })   $("a.group").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayShow': false }) })

在sites/all/modules/ckeditor.config.js里添加中文字体名称：

config.font_names = "宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;
隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;" + config.font_names;

在输入界面上选择中文字体，查看源代码，一切正常。保存到数据库以后，发现中文字体不见了。颇费一番折腾，发现WYSIWG Filter对各CSS属性都定义了检验的正则表达式，不符合正则表达试的都认为是不合格的属性，会被清除。具体过程是：

1. CKEDITOR生成编辑结果，假设HTML源码为：<span style="font-family: 宋体;">abcabc</span>
2. WYSIWG解析出style中的CSS属性font-family的值为： 宋体
3. WYSIWG调用font-family的正则表达式，检查 “宋体”这个值不合法，于是丢弃这个值
4. 于是style为空，也被丢弃
5. 最后的结果变成了<span>abcabc</span

解决的方法：修改WYSIWG关于font-family的正则表达式。在 wysiwyg_filter.inc 文件中找到 font-family，原正则表达式为：'(?:[-_a-zA-Z0-9"\' ]*(?:\s*,\s*[-_a-zA-Z0-9"\' ]*)*)，这个表达式不允许汉字是显而易见的。修改成下面的正则表达式：'(?:[\S ]*(?:\s*,\s*[\S ]*)*)'，再测试，一切正常。说明解决的思路基本上正确了。当然这个正则表达式还有问题，需要进一步修正。

WYSIWG Filter的地址： http://drupal.org/project/wysiwyg_filter

引自：http://blog.sina.com.cn/s/blog_70121e200100xvzl.html

说明：

这篇文章介绍如何根据不同的内容类型(content types)进行页面布局(full page layout)。比如说你想让你的blog和books拥有不同的外观。

步骤：

作为一个示例，下面一步一步演示一下如何为网站的blogs,books和首页(front page)拥有不同的页面布局。

首先:

1. 复制page.tpl.php文件一份副本，将它重命名为page-default.tpl.php
2. 再做几次相同的工作，分别将其命名为"page-front.tpl.php", "page-blog.tpl.php" 和 "page-book.tpl.php" 等等
3. 使用编辑器，修改每一个tpl.php文件，按照你的要求进行修改页面布局
4. 将修改后的tpl-type.php文件(page-front.tpl.php , page-blog.tpl.php 等等)上传到你正在使用的theme目录下

然后:

1. 用下面这段代码替换page.tpl.php中的内容
2. 确保theme内有page-default.tpl.php文件
3. 上传page.tpl.php文件到你现在正在使用的theme目录内，新的页面而已就会自动生效了

Evance注:

1. 下面的代码片断可以按照新增加/删减的内容类型进行添加/删除。
2. page-default.tpl.php文件将会是未指定特定内容类型的布局文件所默认的布局，比如说，按照前期设计要求完成了theme设计。后来可能根据新的需求又增加了新的内容类型，那么它将会使用page-default.tpl.php的布局进行页面组织。

 代码：

<?php  
/** 
* This snippet loads up different page-type.tpl.php layout 
* files automatically. For use in a page.tpl.php file. 
*/
  
if ($is_front) {/* check if it's the front page */
include 'page-front.tpl.php'; /*load a custom front-page.tpl.php */
return; } 
  
if ($node->type == 'book') {/* check if it's a book page */
include 'page-book.tpl.php'; /*load a page-book.tpl.php */
return; } 
  
if ($node->type == 'blog') {/* check if it's a blog node */
include 'page-blog.tpl.php'; /*load page-blog.tpl.php */
return; } 
  
if ($node->type == 'image') {/* check if it's an image node */
include 'page-image.tpl.php'; /*load page-image.tpl.php */
return; } 
  
if ($node->type == 'forum') {/* check if it's a forum node */
include 'page-forum.tpl.php'; /*load page-forum.tpl.php */
return; } 
  
include 'page-default.tpl.php'; /*if none of the above applies, load the page-default.tpl.php */
return; 
  
?>

英文原文: Customising the full page layout and sections based on node type

中文原文:  drupal theme：按照内容类型设计页面布局