網生@誌 | zEUS.'Blog » sidebar-widget http://zeuscn.net Not Only Wordpress Template, But Also My Life... Tue, 03 Jan 2012 13:20:32 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 支持 Widgets 的 Ipple 主题发布 http://zeuscn.net/archives/2008/04/04/widgets-ready-for-ipple-themes.html http://zeuscn.net/archives/2008/04/04/widgets-ready-for-ipple-themes.html#comments Fri, 04 Apr 2008 06:01:56 +0000 zEUS. http://zeuscn.net/?p=371 支持 Widgets 是大势所趋，对于任何一款流行或者即将流行的主题而言，支持 Widgets 是它的必备元素，因为不是所有使用者都对 hard code 感兴趣。
这周一直很忙，所以只有利用“清明节”的休息时间改造 Ipple，Ipple Ultral 和 Ipple Lite 的 Widgets Ready 的版本已经作成，将现在放出下载：
Widgets Ready 的 Ipple 主题版本号均以“2”开头，和不支持 Widgets 的“1”版本以示区别。
Ipple Ultra ( Widgets Ready ) Version: 2.08.04.04
Ipple Lite ( Widgets Ready ) Version: 2.08.04.04

这2款主题在 IE6 IE7 和 FF2.0+ 的环境下测试了常规页面（首页、页面页、独立日志页、归档页、搜索结果页和分类页）均没有出现问题。如果您在使用的过程中发现了 BUG 请在下面留言，不甚感激！
关于 Ipple 主题使用上的问题，您可以参考 Ipple Ultra 的使用说明。
最后感谢大家一直以来的支持！ :grin:

zEUS.

日志评论

  • 2008年, 四月 4日, skyleel writes: 效率很高,谢谢分享
  • 2008年, 四月 4日, zEUS. writes: @skyleel： :shock: 我刚发布你就来回复了，速度太快了...
  • 2008年, 四月 4日, 龙吻 writes: 支持下````````
  • 2008年, 四月 4日, kok writes: 有范例博客吗？ 还不知道widgets 是啥呢？
  • 2008年, 四月 4日, zEUS. writes: @龙吻：谢谢！ @kok：widgets 就是在WP后台主题选项那里的一个标签，点进去后可以对 sidebar 进行自定义设置，很方便的...
  • 2008年, 四月 4日, 西岸 writes: 不错，这样大家就更方便了。 :grin: 不过对我来说，我只喜欢直接写入代码，这样自定义更强一点。
  • 2008年, 四月 4日, dmty writes: http://clip2net.com/clip/m0/1207301374-clip-27kb.png 帮忙看看，不是两列啊
  • 2008年, 四月 4日, fiorano writes: 我也从喜欢用widget，变成更愿意直接定义sidebar了。。。
  • 2008年, 四月 4日, 小O writes: 太厉害了！ :eek:
  • 2008年, 四月 4日, 一线弦 writes: :shock: 发现刚留错地方了 那条删掉吧 再次“:arrow: 终于等到了支持widgets的 赞一个 只是 widgets添加了自定义文本之后 第二个widgets会被挤下去 不知道哪里调整 咋办”
  • 2008年, 四月 4日, newdigitalzone writes: 老大，更新的太频繁了吧，我老版本在消化掉，新的又出来了，不过还是很感谢 :mrgreen:
  • 2008年, 四月 4日, 一线弦 writes: 好像是因为插入MyLinkOrder widget的缘故，我有装这个插件 嗯，一开始FF跟IE6下sidebar的下沉情况都一样， 发现可能是因为两个图片并排没换行，以及一个Feedsky的js文本（不太了解 撤下了）超出宽度，是的，现在用Firefox是没问题了，IE下，插MyLinkOrder就会出问题了，只好插默认的链接
  • 2008年, 四月 5日, xaoma writes: :twisted: 我才修该好，怎么又更新了，晕！ :evil: 早知道晚下2个小时！！！
  • 2008年, 四月 5日, 花生 writes: 不错，挺喜欢这个主题，我前两天刚把不带Widget的折腾好，还是喜欢带Widget的……
  • 2008年, 四月 5日, havxi writes: 非常感谢，实在是太漂亮了。
  • 2008年, 四月 6日, kok writes: 原来是这个样子啊~~。那这样不是更普及了。。嘎嘎。 建议老大开发 收费版。大概10元每个皮肤。嘎嘎。这样才显特殊。嘎嘎。 :cool:
  • 2008年, 四月 6日, victerm writes: 发现你的模板越做越漂亮了，想你学习啊。
  • 2008年, 四月 6日, digital camera writes: 也是呀，我们的英文网站也计划采用这个模板了 :mrgreen:
  • 2008年, 四月 6日, 金山毒霸2008 writes: 绝对支持~~~
  • 2008年, 四月 7日, zEUS. writes: @毒霸2008：谢谢支持！ @digital camera：多谢捧场！ @victerm：呵呵，谢谢，有空一起研究 :-) @KOK：不敢收费啊.. 在国内收费意味着“自取灭亡”... @havxi：谢谢支持！ @花生：呵呵，生命在于折腾！ @xaoma：看来我这边的更新还是不要太频发... @一线弦：基本上很难做到让模板兼容插件... 一般都是尽量让插件适合模板...
  • 2008年, 四月 7日, leesum writes: :mrgreen: 这下大家满足了吧·······
  • 2008年, 四月 7日, jackie writes: 在找wordpress模板时偶然发现贵站的模板，简直太漂亮了，因此在用，不过有个小问题，首页IE下sidebar下沉，但在其他页面就不会有这样的情况。能否告知一下？
  • 2008年, 四月 7日, zEUS. writes: @leesum：呵呵， :mrgreen: @jackie：编辑时注意侧栏里内容的宽度，如果宽度超过侧栏，那么侧栏就会在 IE6 下沉。
  • 2008年, 四月 8日, PEST writes: 嘿嘿！ TAB 切换栏里的底部横线我还得留着，以后还加东西呢！ 谢谢啊！ 多好的theme！
  • 2008年, 四月 8日, 公爵 writes: 在IE下查看源代码，关键词或者其他中文全部是乱码，这个能解决吗？
  • 2008年, 四月 8日, zEUS. writes: @PEST：呵呵，原来如此... @公爵：查看前选择 UTF-8 编码即可。
  • 2008年, 四月 14日, leesum writes: @ zEUS. 换上你的皮拉，哈哈···超级喜欢哦，有点问题想咨询你啊····
  • 2008年, 四月 14日, zEUS. writes: @leesum：呵呵，多谢支持，有什么问题尽管留言吧 :mrgreen:
  • 2008年, 四月 14日, leesum writes: :lol: 偶要VIP服务，哈哈 貌似偶获奖了啊？？？ :eek:
  • 2008年, 四月 15日, 营销博客第一次 at 中国营销博客 writes: [...] 支持 widgets 的 Ipple 于4月4日发布： Widgets Ready 的 Ipple 主题版本号均以“2”开头，和不支持 Widgets 的“1”版本以示区别。 [...]
  • 2008年, 四月 22日, 阿门 writes: 现在这个2.0可以下载不？还有什么bug没解决？刚把1.0折腾好，怕这个2.0下了，还有什么没解决的问题，以后又要折腾，老这样受不了啊。谢谢咯 :sad:
  • 2008年, 四月 22日, zEUS. writes: @阿门：一直没发现 bug ，其实如果你折腾好了老版本就不必要使用 widgets 的版本了，反正都是一样用...
  • 2008年, 四月 22日, 阿门 writes: 那我就不升级2.0了，但现在有两个问题一直没解决： 1、发的文章的图片在首页一直不能正确显示（最上面两篇文章摘要处），即使图片在第一行也不成。 2、“”处不能正确显示logo图片。图片地址什么的，都设置对了。
  • 2008年, 四月 22日, 阿门 writes: 网址：www.amor.cn
  • 2008年, 四月 22日, zEUS. writes: @阿门：请在页脚处添加模板作者的反向链接！
  • 2008年, 五月 12日, 龙吟疯 writes: 博主你好，谢谢你提供的风格，不过有个问题： 在分类页面下也显示首页的那些东西啊，我想在分类列表页只显示本分类下面的文章，怎么么做啊，我看你的Bo是好的，请指教一下，谢谢. 具体问题请看http://zhouyou.org 以及：http://zhouyou.org/?cat=4
  • 2008年, 六月 23日, WordPress 主题模板：Ipple Ultra | zEUS.’Blog 網生@誌 writes: [...] UPDATE: 支持 Widgets 的版本已经发布 [...]
  • 2008年, 六月 23日, WordPress 主题模板：Ipple Lite | zEUS.’Blog 網生@誌 writes: [...] UPDATE: 支持 Widgets 的版本已经发布 [...]
  • 2008年, 七月 17日, niglonic writes: 请问，为何我在设置-分类只看到名称，描述，文章数三项，名称前面没有显示各项分类的分类ID？ 如果没办法得知分类的分类ID，我就没办法编辑wp_list_categories('include=1&title_li=&style=none');这段代码了，如何解决，谢谢。
  • 2008年, 七月 17日, zEUS. writes: [Comment ID #4859 Will Be Quoted Here] 在分类管理页面，鼠标移到分类名上，看浏览器状态栏的链接，尾数就是分类的 ID 号～
  • 2008年, 八月 29日, 驽鸟 writes: :mrgreen: 谢谢博主的回复~ 谢谢博主提供这么好的主题~ 请问那个问题验证怎么做滴？
  • 2008年, 八月 29日, 驽鸟 writes: 我还想知道上面那2个主题什么区别呢？ 我怎么看着一样呢？

本文地址：http://zeuscn.net/archives/2008/04/04/widgets-ready-for-ipple-themes.html，转载原创文章请注明 zEUScn.NET ‖ 您可以直接 发布评论

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2008/04/04/widgets-ready-for-ipple-themes.html/feed 42 随机显示10条友情链接 & 采用新的友情链接形式 http://zeuscn.net/archives/2007/11/29/random-10-links.html http://zeuscn.net/archives/2007/11/29/random-10-links.html#comments Thu, 29 Nov 2007 13:19:34 +0000 zEUS. http://zeuscn.net/archives/2007/11/29/random-10-links/ 使用自己做的这个魔兽风格的单栏 ，自我感觉还是比较酷的 :-P

由于是单栏，所以我那长长的友情链接列表对于整个站点的布局就显得不是很合适了。刚开始手动把所有链接做成一个下拉菜单，不过一来麻烦二来感觉也不好（虽然存在于首页但相当于没显示），挣扎了几天后决定——把友情链接移致单独的页面，并在首页随机显示10条链接。虽然这违背了我当初承诺的将所有链接都显示在首页的原则，但我实在也想不出其它好的办法，暂时先这么用吧… 没准哪天我的下一个两栏或者三栏主题模板诞生了，我会把所有的友情链接还原到首页！

最后共享一下 gangege 告诉我的 WordPress 随机显示10条友情链接的代码：

‘, ‘

‘,0,0, ‘rand’, 0, 0, 10, 0); ?>


解释：get_links 这个函数其中第6个参数“rand”是设置显示方式：随机；第9个参数是设置显示连接的个数，我设的是10。
如果您使用了 WordPress 的默认 widgets，无法给侧边栏添加代码的话，可以试试我“写”的这个随机显示10条友链的 Sidebar 模块：
下载暂时失效…
使用方法，下载解压缩后将文件 Widget_Rand_Link.php 上传到插件目录，并进入 WordPress 插件后台，找到 Widget_Random_Link 并启用，进入 widgets 便能看到该模块了 :wink: 随意拖动吧～

zEUS.

日志评论

本文地址：http://zeuscn.net/archives/2007/11/29/random-10-links.html，转载原创文章请注明 zEUScn.NET ‖ 您可以直接 发布评论

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2007/11/29/random-10-links.html/feed 189 Community Cloud—让评论者也“飘”起来 http://zeuscn.net/archives/2007/10/25/community-cloud.html http://zeuscn.net/archives/2007/10/25/community-cloud.html#comments Thu, 25 Oct 2007 13:27:58 +0000 zEUS. http://zeuscn.net/archives/2007/10/25/community-cloud/ community cloud

想必大家对“标签云”已经相当了解了，几乎每个 博客上都会出现它，这种大小颜色不一的链接排列实在很有趣。不过上图展示的可不是“标签云”哦～
恩… 仔细看看，你是否已经找到你的 ID 了呢？

这是一个叫做 Community Cloud 的插件提供的效果，它借用了类似“标签云”的显示方式，点击这里访问插件主页并下载该插件。

下面我简单的说下这个插件的使用方法：
插件下载之后直接上传到 /wp-content/plugins/ 目录，激活该插件后就能在 Option 选项里找到 Community Cloud 设置区域，设置相当简单：排除统计的 ID、列入统计的最小评论数、Community Cloud 的字体大小和颜色以及链接的显示方式等。

使用下面这段代码可以在文章（single.php）和页面（page.php）中调用它：

而且这个插件还支持 ！不过如果留言者的数量太多，反而放在 sidebar 不怎么好看…
最后提一下，由于上面这段调用代码使用了：

所以它将不能和其它使用该标记的代码同时显示（谁靠前就显示谁），比如常用的 more 标签。

个人认为把它放在留言页面效果还是蛮不错的 :grin:

zEUS.

日志评论

本文地址：http://zeuscn.net/archives/2007/10/25/community-cloud.html，转载原创文章请注明 zEUScn.NET ‖ 您可以直接 发布评论

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2007/10/25/community-cloud.html/feed 98 给 Widgets 增加更多的 TEXT 模块 http://zeuscn.net/archives/2007/10/15/more-text-modules.html http://zeuscn.net/archives/2007/10/15/more-text-modules.html#comments Mon, 15 Oct 2007 11:59:20 +0000 zEUS. http://zeuscn.net/archives/2007/10/15/more-text-modules/ 10 ) $number = 10; if ( $number < 1 ) $number = 1; $newoptions['number'] = $number; }]]> zenlo 问到了在WP自带sidebar widget的终极改造一文中被我“忽略”了的问题：如何在后台的 Widgets 增加更多的 TEXT 模块，这里我就简单的说下：
用编辑器打开 /wp-include/widgets.php 文件找到以下几处描述 TEXT 模块数量的代码，将代码中的“10”改成“15”或其它更大的数字，那么你的 Widgets 就拥有了至少14个 TEXT 模块：

$options = $newoptions = get_option(‘_text’);
if ( isset($_POST['text-number-submit']) ) {
$number = (int) $_POST['text-number'];
if ( $number > 10 ) $number = 10;
if ( $number < 1 ) $number = 1;
$newoptions['number'] = $number;
}

$number = $options['number'];
if ( $number < 1 ) $number = 1;
if ( $number > 10 ) $number = 10;
$dims = array(‘width’ => 460, ‘height’ => 350);
$class = array(‘classname’ => ‘widget_text’);
for ($i = 1; $i <= 10; $i++) {

最后保存并上传该文件即可。
That’s all. 就这么简单 :grin:

zEUS.

日志评论

本文地址：http://zeuscn.net/archives/2007/10/15/more-text-modules.html，转载原创文章请注明 zEUScn.NET ‖ 您可以直接 发布评论

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2007/10/15/more-text-modules.html/feed 78 WP自带sidebar widget的终极改造 http://zeuscn.net/archives/2007/08/11/update-sidebar-widget.html http://zeuscn.net/archives/2007/08/11/update-sidebar-widget.html#comments Sat, 11 Aug 2007 15:25:34 +0000 zEUS. http://zeuscn.net/archives/2007/08/11/update-sidebar-widget/ Update:以下提到的“本主题”是—— i3theme (Right Edition)
collapsible more link很多朋友认为 的自带 功能很鸡肋，其实我也是这么觉得的… 我之前使用的模板 FreedomBlue 就是自己直接写的 sidebar.php 。
大家之所以不喜欢用 widget 是因为它的自定义性比较差，最不爽的就是它不支持 php 语句，也就是说我们无法在 sidebar 调用插件；而且 widget 不能自由的控制不同的 sidebar 内容显示在不同的页面，index 页、page 页和 single 页的 sidebar 内容完全一样… 这样显示的内容就非常有限了。虽然它的自由拖拽功能很方便，但也无法挽回被大家抛弃的下场…

由于我所使用的这个模板的特殊性（sidebar 里的模块可以自由拖动和收起），我没有选择自己写 sidebar（比较麻烦 -___-||||），直接就使用了 wordpress 自带的 widget。但是它功能的限制着实让我不爽，所以我就花了些时间对它进行了一些改造！改造的结果如下：
1、widget 的 TEXT 模块上限增加到了15（理论上可以增加无限个…）；
2、single 页和 page 页的 sidebar 内容相同，但 index 页和搜索结果页的 sidebar 内容和它们有所不同；
3、sidebar 变相支持 PHP 语句。

这里先说说如何让 widget 的 sidebar 在不同页面显示不同内容。以我现在的模板为例，它默认有2个 sidebar 文件：sidebar.php 和 sidebar-left.php，一个显示在左侧，一个显示在右侧。然后我新建了另2个 sidebar 文件：sidebar-2.php 和 sidebar-3.php，新的 sidebar 文件中的代码和默认的 sidebar 文件的代码基本一样，复制粘贴即可，不过得修改它们的序号。你在默认的 sidebar 文件里可以看到下面2条代码：


在新建的 sidebar 文件中我们需要将序号改成相应的 dynamic_sidebar(3) 和 dynamic_sidebar(4) 改好之后上传到对应的主题文件夹下。
如何让新的 sidebar 显示再其它的页面呢？首先得需要让自己的模板支持更多的 sidebar.php 。打开 functions.php 文件，找到下面的代码（以我的模板代码为例，不同模板，代码会有些不一样）：

if ( function_exists('register_sidebars') )
register_sidebars(4, array(
'before_widget' => ‘
‘,
‘after_widget’ => ‘

‘,
‘before_title’ => ‘

‘,
‘after_title’ => ‘

‘,
));
?>

这里的关键是：

register_sidebars(4, array(

一般来说，如果你有2栏的 sidebar 那么你这里的数字4应该是2，可能大家已经明白了，这是定义 sidebar 个数的函数。我这样定义后，widget 的后台就可以看到4栏的 sidebar 了。在给新的 sidebar 添加一些内容之后，下一步就开始让它们显示在 single 页面。
打开 single.php ，可以在这页代码的最下面看到



这是调用页脚的函数，在它上面的那条语句就是调用默认 sidebar 的函数，我们将调用默认 sidebar 的函数删除并添加：




那么新添加的2栏 sidebar 就出现在了 single 页面。如此我们可以完全自定义 index、page、single 等页面的 sidebar 内容了。

下面介绍如何让 widget 变相支持 PHP 语句。
我先想到是有些插件附带支持 widget ，我们可以直接在后台将它们拖到 sidebar 上，例如 WP-UserOnline Widget，这些支持 widget 的插件其实就是把 PHP 语句写在了 widget 模块里。换句话说，我们就是写一个 PHP 文件，让 WP 将其识别成 widget 插件，激活后便可以在 widget 后台拖动了。但我在写单个 widget 插件的时候遇到了困难，这里要感谢 Denis 为我提供了代码。下面就是 widget 插件的写法（以添加一个新的日历为例）：

/*
Plugin Name: Wp_Widget_Calenda
Plugin URI: http://zeuscn.net/
Description: add anoter wp_widget_calenda in your sidebar
Version: 1.0
Author: zEUS. Tong
Author URI: http://zeuscn.net/
*/

function wp_widget_calenda_2_hook() {
function wp_widget_calenda_2($args) {
extract($args);
?>




}
register_sidebar_widget('Wp_Widget_Calenda', 'wp_widget_calenda_2');
}
add_action('plugins_loaded', 'wp_widget_calenda_2_hook');
?>

我想，凡是接触一点 PHP 语句的朋友应该可以理解上面这段代码。开头的部分是对这个插件的注释（我“无耻”的写上了自己的名字 :-P ），然后用 function 定义了新的函数： wp_widget_calenda_2 ，中间的



就是调用 WP 默认的日历的语句。根据自己的需要可以在这里使用不同 PHP 语句。

register_sidebar_widget(‘Wp_Widget_Calenda’, ‘wp_widget_calenda_2′);

这句中的 Wp_Widget_Calenda 就是在 widget 后台里显示的模块名称。
如此，我们可以添加新的存档、最新日志、分类等 widget 模块。我们为什么要添加这些新的模块呢？
那是因为默认的这些模块都各只有1个，我们将它们拖到默认的 sidebar 上之后就无法再拖到其它 sidebar 上了。
有些插件支持 PHP 语句的调用，那么我们就可以使用上面的格式，将调用语句写进去，并用 function 定义新的函数名，做一些相应的修改后，将其上传到插件目录下，进入插件后台便能看到自己新添加的 widget 单体插件了，激活后再进入 widget 后台，是不是看到新的 widget 模块了呢？按照自己的想法随意拖动吧 :-)
在添加了新的模块之后我们需要对其样式化，也就是添加相应的 CSS 效果，不同的模板 CSS 定义会不一样，这就需要大家自己动手了…

关于如何添加更多的 TEXT 模块，这里我就不具体解说了，有兴趣的朋友可以自己看下 wordpress 安装目录 wp-include 下的 widget.php 文件，这其中有定义 TEXT 个数的函数，对其做一点小修改就 OK 了。而且新的存档、最新日志、分类和日历的 widget 模块里的 PHP 调用语句都是我从这个文件里提取的。

以上就是对 wordpress 自带 sidebar widget 的改造过程，我写得比较啰嗦，希望大家能看的懂 :-P
最后附送的是 新建的存档、最新日志、分类和日历的 widget 模块，以及 sidebar-2.php 和 sidebar-3.php 的打包文件，下载点 这里
若是和我使用相同主题的朋友直接将他们上传到相应的目录下即可使用了，但是别忘记修改 functions.php 和 single.php 这2个文件哦～以及应用与本主题的新模块的 CSS 代码：
新的存档模块：

/* wp_widget_archives widget */
#wp_widget_archives ul li {
background: url(images/mini-archive.gif) no-repeat;
}

新的分类模块：

/* wp_widget_categories */
#wp_widget_categories ul li {
background: url(images/mini-category.gif) no-repeat;
}

新的最新日志模块：

#widget_recent_entries ul li {
background: url(images/mini-page.gif) no-repeat;
}

新的日历栏模块：

/* wp_widget_calenda */
#wp_widget_calenda table {
margin: 0px auto;
}
#wp_widget_calenda td {
padding: 0px 4px;
}

基本上就这么多，若有不清楚的地方还请留言 :-)
欢迎大家对此方法提出意见和建议，若您有更好的方法，希望能一起进行讨论！

zEUS.

日志评论

本文地址：http://zeuscn.net/archives/2007/08/11/update-sidebar-widget.html，转载原创文章请注明 zEUScn.NET ‖ 您可以直接 发布评论

Copyright©zEUScn.NET.Some rights reserved.

(Digital Fingerprint:
05538bd2e0492fe803256b5788cfa6fd) ]]> http://zeuscn.net/archives/2007/08/11/update-sidebar-widget.html/feed 36