珂亦精品收藏 » WordPress http://www.koryi.net 我的收藏我作主 Sat, 21 Aug 2010 15:46:29 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 添加江阴印刷网主题自定义菜单并支持二级分类 http://www.koryi.net/wp/707.html http://www.koryi.net/wp/707.html#comments Mon, 19 Jul 2010 00:00:44 +0000 ray1980 http://www.koryi.net/enter/707.html 如果你在使用江阴印刷网风格,而且升级到了WordPress3.0,那么你可以看看主题在3.0下首页的分类名不显示的解决办法，而这篇是使主题支持自定义菜单并支持二级分类。

编辑functions.php文件，在 include (TEMPLATEPATH . ‘/settings.php’); 下添加

1
2
3
4
5
6
7
8
9

register_nav_menus( array(
	'primary' => __( 'Primary Navigation', 'cnt1' ),
) );
 
function twentyten_page_menu_args( $args ) {
	$args['show_home'] = true;
	return $args;
}
add_filter( 'wp_page_menu_args', 'cnt1_page_menu_args' );

编辑header.php文件，查找下例代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<ul class="menu">
	<li<?php if ( is_home()) { ?> class="current-cat"<?php } ?>><a href="<?php echo get_option('home'); ?>/"><?php _e('Home', 'ctn1'); ?></a></li>
	<?php wp_list_categories('title_li=&depth=1&orderby=id'); ?>
	<li class="search"><?php include (TEMPLATEPATH . '/searchform.php'); ?></li>
</ul>
 
<?php if ( is_category() ) {
$cat = get_query_var('cat');
$child_cats = get_categories('child_of='.$cat);
	if ($child_cats) {
	$args = array(
		'title_li' => '',
		'echo' => 1,
		'child_of' => $cat
		);
	echo '<ul class="submenu">';
	wp_list_categories($args); 
	echo '</ul>';
	}
} ?>
 
<?php if ( is_home()) { ?><div class="tags"><?php _e('Tags: ', 'ctn1'); ?><?php wp_tag_cloud('smallest=12&largest=12&number=20&orderby=count&unit=px'); ?></div><?php } ?>

替换为

1
2
3

<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
<div class="search"><?php include (TEMPLATEPATH . '/searchform.php'); ?></div>
<div class="tags"><?php _e('Tags: ', 'ctn1'); ?><?php wp_tag_cloud('smallest=12&largest=12&number=20&orderby=count&unit=px'); ?></div>

修改style.css以支持二级导航（不支持IE6.0）
查找代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

#nav {
	margin: 0 auto 10px;
	width: 940px;
	background: #D3EAF0;
	overflow: hidden;
	}
 
#nav .menu {
	height: 35px;
	line-height: 35px;
	background: #1A4963;
	font-size: 14px;
	overflow: hidden;
	}
 
#nav .menu li {
	float: left;
	margin-left: 15px;
	padding: 0 10px;
	display: inline;
	}
 
#nav .menu li a {
	color: #FFF;
	}
 
#nav .menu li a:hover {
	text-decoration: none;
	}
 
#nav .menu li.cat-item {
	margin-left: 0;
	}
 
#nav .menu li.current-cat {
	background: url('images/bg.gif') repeat-x 0 1px;
	}
 
#nav .menu li.current-cat a {
	color: #295B72;
	font-weight: bold;
	}
 
#nav .menu li.search {
	float: right;
	_padding-top: 5px;
	}
 
#nav .submenu {
	height: 35px;
	padding: 0 10px;
	font-size: 12px;
	overflow: hidden;
	}
 
#nav .submenu li {
	float: left;
	margin: 8px 0 0;
	padding: 0 10px;
	border-right: 1px solid #295B72;
	display: inline;
	}
 
#nav .submenu li a {
	color: #295B72;
	}
 
#nav .submenu li a:hover {
	text-decoration: none;
	}

替换为

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86

#nav {
	position: relative;
	margin: 0 auto 10px;
	width: 940px;
	background-color: #D3EAF0;
	}
 
#nav .menu {
	height: 35px;
	line-height: 35px;
	background-color: #1A4963;
	font-size: 14px;
	}
 
#nav .menu li {
	float: left;
	position: relative;
	padding: 0 15px;
	display: inline;
	}
 
#nav .menu li a {
	color: #FFF;
	}
 
#nav .menu li a:hover {
	text-decoration: none;
	}
 
#nav .menu .current-menu-item {
	background: url('images/bg.gif') repeat-x 0 1px;
	}
 
#nav .menu .current-menu-item a {
	color: #295B72;
	font-weight: bold;
	}
 
#nav .menu li:hover > .sub-menu {
	display: block;
	}
 
#nav .sub-menu {
	float: left;
	position: absolute;
	left: 0;
	top: 35px;
	width: 160px;
	background-color: #F8F8F8;
	border: 1px solid #D8D8D8;
	-moz-opacity: .9;
	opacity: .9;
	filter: alpha(opacity=90);
	display: none;
	z-index: 999;
	}
 
#nav .sub-menu li {
	padding: 0;
	}
 
#nav .sub-menu a {
	width: 130px;
	padding: 0 15px;
	display: block;
	text-align: left;
	}
 
#nav .sub-menu .current-menu-item {
	background: none;
	}
 
#nav .menu li:hover > .sub-menu a {
	color: #333;
	}
 
#nav .menu li:hover > .sub-menu a:hover {
	background-color: #333;
	color: #FFF;
	}
 
#nav .search {
	position: absolute;
	right: 10px;
	top: 5px;
	}
]]> http://www.koryi.net/wp/707.html/feed 5 替换coolcode代码高亮插件为wp-syntax http://www.koryi.net/wp/708.html http://www.koryi.net/wp/708.html#comments Wed, 14 Jul 2010 14:41:54 +0000 ray1980 http://www.koryi.net/wp/708.html 终于把coolcode代码高亮插件替换为wp-syntax，wp-syntax 使用简单，显示方式简洁，视觉感官利落，对W3C也友好。

首先下载安装好wp-syntax，激活插件。
进入PHPMYADMIN替换原来coolcode的插件代码

1
2

UPDATE `wp_posts` SET `post_content` = replace (`post_content`,'<coolcode','<pre');
UPDATE `wp_posts` SET `post_content` = replace (`post_content`,'</coolcode','</pre');

wp-syntax是用以下代码，设置对应参数来完成 wp-syntax 高亮代码显示的，编辑文章时，选择HTML模式下
<pre lang=”LANGUAGE” line=”1″>要显示的代码</pre>
相关参数说明：
lang=”LANGUAGE”，在language处填写你要运行的代码语言，如css、php、html、javascript等；
line=”1″，1表示代码从第一行开始显示，可以不写，不写为全部显示。

wp-syntax 还支持下面代码：
abap, actionscript, actionscript3, ada, apache, applescript, aptsources, asm, asp, autoit, avisynth, bash, bf, blitzbasic, bnf, boo, c, cmac, caddcl, cadlisp, cil, cfdg, cfm, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode lotusformulas, lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php, plsql, povray, powershell, progress, prolog, providex, python, qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, winbatch, xml, xorg_conf, xpp, z80

如果你嫌每次都要切换到HTML模式，手工添加麻烦的话，你还可以利用WP-Syntax Button插件添加按钮到编辑框中。

]]> http://www.koryi.net/wp/708.html/feed 2 解决江阴印刷网风格适应WordPress3.0 http://www.koryi.net/wp/706.html http://www.koryi.net/wp/706.html#comments Tue, 22 Jun 2010 02:29:39 +0000 ray1980 http://www.koryi.net/enter/706.html 如果你正在使用江阴印刷网风格,而且升级到了WordPress3.0,会出现首页的分类名不显示，搜索了一下官方，找到了解决办法：

编辑主题的index.php文件，找到

1

$wp_query->is_category = false;

改为

1

$wp_query->is_category = true;

再找

1

<?php single_cat_title(); ?>

改为

1

<?php printf( __('%s','ctn1'), single_cat_title('', false)); ?>

这样就可以正确显示分类名，如果还有其它问题，可以留言解决。

]]> http://www.koryi.net/wp/706.html/feed 36 美国主机推荐：衡天小张 http://www.koryi.net/wp/699.html http://www.koryi.net/wp/699.html#comments Wed, 02 Jun 2010 00:58:05 +0000 ray1980 http://www.koryi.net/wp/699.html 用过了不少主机，从一开始的Dreamhost，到新新加坡的主机，然后是Meyu的主机，到现在的无锡梦点，搬家无数处，中间也因一些原因，关闭过一段时间，现在找一个好的稳定主机商，不容易啊。

前段时间用过了衡天小张的主机，感觉不错，衡天小张的主机经营了有2年的时间，现在拥有了一个比较大的用户群体。

最近小张推出的独立IP主机还是不错的，性价比也很高，等空间到期，全线换到小张那去了。暂时挂着一个站在上面，还没开工 江阴飞扬907。

废话了这么多，关键的在来了。话说，小张最近搞了个分销计划，我也搞了个主机优惠码 rayhost ，有到小张那买主机的童鞋，记得填上我的优惠码哦，你懂的。
丢下购买地址：http://my.hengtian.org/cart.php

其实按小张的话就是，平时闲着蛋疼没事，又想赚点小钱，小钱也是钱啊，走过路过不要错过，记住我的优惠码 rayhost。

]]> http://www.koryi.net/wp/699.html/feed 5 WordPress主题的jQuery应用之TAB切换效果 http://www.koryi.net/wp/698.html http://www.koryi.net/wp/698.html#comments Sat, 08 May 2010 05:30:16 +0000 ray1980 http://www.koryi.net/wp/698.html 首先在header.php的head标签中加载jQuery库

1

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

新建一个JS文件，在header.php的head标签中加载，JS文件中加入下例代码：

1
2
3
4
5
6
7
8
9

$(document).ready(function(){
$(".entry-foot span:first").addClass("current");  // 为第一个span添加 .current 的样式，默认选中
$(".entry-foot ul:not(:first)").hide();  //ul 不是第一个时隐藏
$(".entry-foot span").mouseover(function(){  // 鼠标移到 span 上时触发函数
$(".entry-foot span").removeClass("current");  //为第一个 span 移除 .current 样式
$(this).addClass("current");  //为触发的 span 添加样式
$(".entry-foot ul").hide();  // 隐藏 ul
$("."+$(this).attr("id")).fadeIn("slow");  // 这句是核心，class(.) 和触发 span 的ID 一致的 fadeIn(渐显)
});});

HTML代码如下：

1
2
3
4
5
6
7
8
9

<div class="tab">
<p>
<span ID="tab1">tab1</span>
<span ID="tab2">tab2</span>
<span ID="tab3">tab3</span></p>
<ul class="tab1">以 LI 形式呈现的 tab1 的内容</ul>
<ul class="tab2">以 LI 形式呈现的 tab2 的内容</ul>
<ul class="tab3">以 LI 形式呈现的 tab3 的内容</ul>
</div>

添加CSS代码如下：

1
2
3
4
5
6
7

.entry-foot{background-color:#FAFAFA;margin:5px 8px;padding:5px 10px;}
.entry-foot p span{background-color:#EFEFEF;border:1px solid
#CCCCCC;cursor:pointer;margin-right:6px;padding:2px 5px;}
.entry-foot p span.current{background-color:#FAFAFA; border-bottom-color:#fafafa;}
.entry-foot p{border-bottom:1px solid #CCCCCC;font-weight:bold;padding:0 10px 2px;}
.entry-foot li{border-bottom:1px dotted #CCCCCC;padding-bottom:3px;margin:5px 0;}
.entry-foot .mhot,.entry-foot.allhot{display:none;}

原文：http://www.xiaorsz.com/jquery-realize-tab-switch-effect/

]]> http://www.koryi.net/wp/698.html/feed 9 WordPress主题的jQuery应用之幻灯片效果 http://www.koryi.net/wp/697.html http://www.koryi.net/wp/697.html#comments Fri, 30 Apr 2010 08:18:17 +0000 ray1980 http://www.koryi.net/wp/697.html 首先在header.php的head标签中加载jQuery库

1

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

新建一个JS文件，在header.php的head标签中加载，JS文件中加入下例代码：

1
2
3
4
5
6
7
8
9
10
11
12
13

function slideSwitch() {
var $current = $("#slideshow div.current");
if ( $current.length == 0 ) $current = $("#slideshow div:last");
var $next = $current.next().length ? $current.next() : $("#slideshow div:first");
$current.addClass('prev');
$next.css({opacity: 0.0}).addClass("current").animate({opacity: 1.0}, 1000, function() {
$current.removeClass("current prev");
});
} $(function() {
$("#slideshow span").css("opacity","0.7");
$(".current").css("opacity","1.0");
setInterval( "slideSwitch()", 3000 );
});

HTML代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<div ID="slideshow">
    <div class="current">
        <a href="http://www.koryi.net/"><img src="1.jpg" alt="" /></a>
        <span>The First Image</span>
    </div>
    <div>
        <a href="http://www.koryi.net/"><img src="2.jpg" alt="" /></a>
        <span>The Second Image</span>
    </div>
    <div>
        <a href="http://www.koryi.net/"><img src="3.jpg" alt="" /></a>
        <span>Yes, thd third.</span>
    </div>
</div>

添加CSS代码如下：

1
2
3
4
5
6

#slideshow{position:relative;height:195px;width:425px;border:10px solid #ddd;margin:0 auto 15px;}
#slideshow div{position:absolute;top:0;left:0;z-index:3;opacity:0.0;height:195px;overflow:hidden;background-color:#FFF;}
#slideshow div.current{z-index:5;}
#slideshow div.prev{z-index:4;}
#slideshow div img{display:block;border:0;margin-bottom:10px;}
#slideshow div span{display:none;position:absolute;bottom:0;left:0;height:50px;line-height:50px;background:#000;color:#fff;width:100%;}

原文：http://www.happinesz.cn/archives/1015/

]]> http://www.koryi.net/wp/697.html/feed 1 WordPress主题的jQuery应用之返回顶部滑动效果 http://www.koryi.net/wp/696.html http://www.koryi.net/wp/696.html#comments Tue, 27 Apr 2010 13:02:37 +0000 ray1980 http://www.koryi.net/wp/696.html 首先在header.php的head标签中加载jQuery库

1

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

新建一个JS文件，在header.php的head标签中加载，JS文件中加入下例代码：

1
2

$('.top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
$('.bot').click(function(){$('html,body').animate({scrollTop:$('#footer').offset().top}, 800);});

在footer.php文件中加入代码：

1
2
3
4

<div ID="goto">
	<div class="top">顶端</div>
	<div class="bot">底端</div>
</div>

在CSS文件中添加下例代码：

1
2
3
4
5

*html #goto { position: absolute; top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2));}
#goto { position: fixed; left: 50%; top: 50%; bottom: auto; margin-left: -500px; z-index: 999;}
#goto .top, #goto .bot { width: 28px; height: 41px; margin: 5px 0; background-image: url('images/goto.gif'); background-repeat: no-repeat; display: block; text-indent: -9999px; cursor: pointer;}
#goto .top { background-position: 0 0;}
#goto .bot { background-position: 0 100%;}

原文：http://immmmm.com/added-sliding-effect-enhanced.html

]]> http://www.koryi.net/wp/696.html/feed 3 WordPress主题的jQuery应用之标题提示 http://www.koryi.net/wp/695.html http://www.koryi.net/wp/695.html#comments Sat, 03 Apr 2010 01:14:40 +0000 ray1980 http://www.koryi.net/wp/695.html 首先在header.php的head标签中加载jQuery库

1

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

新建一个JS文件，在header.php的head标签中加载，JS文件中加入下例代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

var sweetTitles = {
	x : 10,								
	y : 20,								
	tipElements : "a",	    			
	init : function() {
		$(this.tipElements).mouseover(function(e){
			this.myTitle = this.title;
			this.myHref = this.href;
			this.myHref = (this.myHref.length > 30 ? this.myHref.toString().substring(0,30)+"..." : this.myHref);       // url 超过 30 个字符的部分用 ... 代替
			this.title = "";
			var tooltip = "<div id='tooltip'><p>"+this.myTitle+"<em>"+this.myHref+"</em>"+"</p></div>";
			$('body').append(tooltip);
			$('#tooltip')
				.css({
					"opacity":"0.8",                   // 0.8 为透明度可自行根据喜好调整数字
					"top":(e.pageY+20)+"px",
					"left":(e.pageX+10)+"px"
				}).show('fast');	
		}).mouseout(function(){
			this.title = this.myTitle;
			$('#tooltip').remove();
		}).mousemove(function(e){
			$('#tooltip')
			.css({
				"top":(e.pageY+20)+"px",
				"left":(e.pageX+10)+"px"
			});
		});
	}
};
$(function(){
	sweetTitles.init();
});

在CSS文件中添加下例代码：

1
2
3

body div#tooltip { position:absolute;z-index:1000;max-width:220px;width:auto !important;width:220px;background:#000;text-align:left;padding:5px;min-height:1em;}
body div#tooltip p { margin:0;padding:0;color:#fff;font:12px verdana,arial,sans-serif; }
body div#tooltip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }

如果你还用了@回复这样的jQuery提示效果的话会被标题提示遮掉，可以参照下面解决：
代码中的tipElements : “a”改成tipElements : “a:not(‘.atreply’)”来排除class为atreply的a标签，或者用tipElements : “a:not([href^='#'])”来排除href为锚点的a标签

原文：http://leeiio.me/sweet-titles-for-jquery/

]]> http://www.koryi.net/wp/695.html/feed 0 自定义 WordPress 后台用户联系方式 http://www.koryi.net/wp/693.html http://www.koryi.net/wp/693.html#comments Mon, 01 Feb 2010 08:27:47 +0000 ray1980 http://www.koryi.net/wp/693.html 在 WordPress 后台，个人设置（Profile）中，除了可以设置电子邮件和 Website 之外，还可以设置自己的联系方式，比如 AIM, Yahoo IM, Jabber/Google Talk。但是除了 Gtalk 之外，其他两个中国人基本不用，那么如何去掉我们基本不用的 AIM 和 Yahoo IM，并加上国人常用的 QQ, MSN 和飞信呢？

其实在 WordPress 中实现这样的功能是非常容易的，只需要调用下 custom_contactmethods 这个 WordPress Filter 既可以实现在后台支持常用的 QQ, MSN 和飞信等联系方式，代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<?php
/*
Plugin Name: Custom Contact
Plugin URI: http://wpjam.com/
Description: 自定义博客的联系方式，从 WordPress 默认的 AIM, Yahoo IM 改为中国常见的 QQ, MSN 和飞信。
Version: 1.0
Author: Neekey
Author URI: http://photozero.net/
*/
 
add_filter('user_contactmethods','custom_contactmethods');
function custom_contactmethods($user_contactmethods ){
    $user_contactmethods  = array(
        'qq' => 'QQ',
        'msn' => 'MSN',
        'jabber' => __('Jabber / Google Talk'),
        'fetion' => '飞信'
    );
    return $user_contactmethods ;
}
?>

把上面这些代码保存下来，存为一个 PHP 文件，保存为 UTF-8 without BOM 格式，上传到 WordPress 插件目录，然后激活即可。如果你需要加入其他联系方式，只需要按照同样的方式在上面数组中添加即可，这里就不一一详细介绍。

原文：http://fairyfish.net/2010/01/30/custom-contact/

]]> http://www.koryi.net/wp/693.html/feed 4 江阴印刷网新版风格 http://www.koryi.net/wp/688.html http://www.koryi.net/wp/688.html#comments Sat, 25 Jul 2009 02:45:51 +0000 ray1980 http://www.koryi.net/wp/688.html 其实江阴印刷网换上新风格有一段时间了，只是首页的JS幻灯片一直没有完成。今天总算找到了一个，换上了。

风格仿的是Discuz的Supesite的默认风格，支持二级分类，后台自定义MEAT，广告，统计代码等。

主题要改的地方是index.php文件的array(1,3,4,5,6,7)，把里面的数字改成你想显示的分类ID号，幻灯片是自动读取文章中的图片，演示中最下面的最新图片是用advanced-post-image做的(注意：这个插件要求在你的uploads目录下建立thumb目录及写入权限)

演示：http://www.jyprint.net
下载：CMS THEME NO.1
截图
jyprint

]]> http://www.koryi.net/wp/688.html/feed 74 在用的WP风格 http://www.koryi.net/wp/685.html http://www.koryi.net/wp/685.html#comments Thu, 14 May 2009 05:32:02 +0000 ray1980 http://www.koryi.net/wp/685.html 没什么技术含量的，都是东抄西借，想名字也麻烦，就直接用缩写命名了(Blog Theme No. 1)，主题侧栏支持 WordPress 自带的 Widgets 功能。
后台可自定义关键，Meta，可选显示页面或分类，可用Google自定义搜索，带公告栏（在博客首页的文章区域上方显示），自主义侧栏RSS订阅地址，可选显示广告，可选显示备案和统计。

btn1

下载：btn1

]]> http://www.koryi.net/wp/685.html/feed 13 简洁灰色风格 http://www.koryi.net/wp/677.html http://www.koryi.net/wp/677.html#comments Thu, 09 Apr 2009 02:30:23 +0000 ray1980 http://www.koryi.net/wp/677.html 支持 WordPress 自带的 Widgets 功能
后台自定义Meta，可选显示页面和分类
文章页，后台可选显示广告
后台可选显示，备案 和 统计

gray

下载: gray

]]> http://www.koryi.net/wp/677.html/feed 7 WordPress交流群：40436180 http://www.koryi.net/wp/671.html http://www.koryi.net/wp/671.html#comments Tue, 24 Mar 2009 02:01:28 +0000 ray1980 http://www.koryi.net/wp/671.html WordPress技术群Ⅰ：40436180（已满）
WordPress技术群Ⅱ：5108088
新建了一个WordPress的QQ群，帮助解决大家WordPress安装，WordPress风格，WordPress技巧，WordPress插件的一些问题。

另外还有WordPress交流版(江阴论坛)：http://bbs.jyccf.com/forum-37-1.html
有什么问题我会尽量解答的（如果我能解决的话）。

]]> http://www.koryi.net/wp/671.html/feed 10 为你的博客加上简易留言薄功能 http://www.koryi.net/wp/670.html http://www.koryi.net/wp/670.html#comments Sat, 21 Mar 2009 05:18:37 +0000 ray1980 http://www.koryi.net/wp/670.html 看到好多WP友人，都在问如何实现WordPress的留言薄功能，下面我就用default主题为博客添加留言薄功能。
1. 复制page.php，并改名为gbook.php，打开编辑，在

1

<?php get_header(); ?>

上面加入：

1
2
3
4
5

<?php
/*
Template Name: GuestBook
*/
?>

2.在

1

<?php edit_post_link(__('Edit this entry.', 'kubrick'), '<p>', '</p>'); ?>

下面加入：

1

<?php comments_template(); ?>

3.在后台新建一个页面，页面模板选GuestBook，在固定链接：那起个英文名字，像我的就是gbook。

就这样，一个简单的留言薄就完成了，如果你用的是其它主题，请复制你相应的主题下面的文件。

如果你还想区别和文章不一样的留言文件，可以再复制comments.php为guestcomments.php
把gbook.php的这句代码

1

<?php comments_template(); ?>

改为

1

<?php comments_template('/guestcomments.php');?>

我觉得用一样的也蛮好的，这个看个人爱好。

]]> http://www.koryi.net/wp/670.html/feed 3 rin-wendy.com情侣模板的制作思路(二) http://www.koryi.net/wp/665.html http://www.koryi.net/wp/665.html#comments Mon, 09 Mar 2009 05:42:53 +0000 ray1980 http://www.koryi.net/wp/665.html 上一篇分析的是情侣模板的基本布局，接下来就是评论部分。主要是判断非作者、作者A和作者B，还有奇偶的问题。

1. 修改comments.php，在wp_list_comments代码那加上&callback=my_comment。

1

<?php wp_list_comments('type=comment&callback=my_comment'); ?>

2. 修改function.php，加入如下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

function my_comment($comment, $args, $depth) {
	$GLOBALS['comment'] = $comment; ?>
	<li <?php love_class(); ?> id="li-comment-<?php comment_ID() ?>">
		<div id="comment-<?php comment_ID(); ?>">
			<div class="comment-text">
				<div class="comment-text-top">&nbsp;</div>
				<?php comment_text() ?>
 
				<?php if ($comment->comment_approved == '0') : ?>
				<em><?php _e('Your comment is awaiting moderation.') ?></em>
				<?php endif; ?>
 
				<?php edit_comment_link(__('(Edit)'),'  ','') ?>
				<div class="comment-text-bot">&nbsp;</div>
			</div>
 
			<div class="comment-author vcard">
				<?php echo get_avatar($comment,$size='48',$default='<path_to_url>' ); ?>
				<?php printf(__('<cite class="fn">%s</cite> <span class="says">says:</span>'), get_comment_author_link()) ?>
			</div>
 
			<div class="comment-meta commentmetadata">
				<?php printf(__('%1$s at %2$s'), get_comment_date(),  get_comment_time()) ?>
			</div>
		</div>
}

3. function.php，加入如下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76

function love_class( $class = '', $comment_id = null, $post_id = null, $echo = true ) {
	// Separates classes with a single space, collates classes for comment DIV
	$class = 'class="' . join( ' ', love_comment_class( $class, $comment_id, $post_id ) ) . '"';
	if ( $echo)
		echo $class;
	else
		return $class;
}
 
function love_comment_class( $class = '', $comment_id = null, $post_id = null ) {
	global $comment_alt, $comment_depth, $comment_thread_alt;
 
	$comment = get_comment($comment_id);
 
	$classes = array();
 
	// Get the comment type (comment, trackback),
	$classes[] = ( empty( $comment->comment_type ) ) ? 'comment' : $comment->comment_type;
 
	// If the comment author has an id (registered), then print the log in name
	if ( $comment->user_id > 0 && $user = get_userdata($comment->user_id) ) {
		// For all registered users, 'byuser'
		$classes[] = 'byuser comment-author-' . $user->user_nicename;
		// For comment authors who are the author of the post
		if ( $post = get_post($post_id) ) {
			if ( $comment->user_id === $post->post_author )
				$classes[] = 'bypostauthor';
		}
	}
 
	if ( empty($comment_alt) )
		$comment_alt = 0;
	if ( empty($comment_depth) )
		$comment_depth = 1;
	if ( empty($comment_thread_alt) )
		$comment_thread_alt = 0;
 
	if ( $comment_alt % 2 ) {
		if ( $comment->user_id > 0 && $user = get_userdata($comment->user_id) ) {
			$classes[] = 'odd-' . $user->user_login;
			$classes[] = 'alt-' . $user->user_login;
		} else {	
			$classes[] = 'odd';
			$classes[] = 'alt';
		}
	} else {
		if ( $comment->user_id > 0 && $user = get_userdata($comment->user_id) ) {
			$classes[] = 'even-' . $user->user_login;
		} else {
		$classes[] = 'even';
		}
	}
 
	$comment_alt++;
 
	// Alt for top-level comments
	if ( 1 == $comment_depth ) {
		if ( $comment_thread_alt % 2 ) {
			$classes[] = 'thread-odd';
			$classes[] = 'thread-alt';
		} else {
			$classes[] = 'thread-even';
		}
		$comment_thread_alt++;
	}
 
	$classes[] = "depth-$comment_depth";
 
	if ( !empty($class) ) {
		if ( !is_array( $class ) )
			$class = preg_split('#\s+#', $class);
		$classes = array_merge($classes, $class);
	}
 
	return apply_filters('comment_class', $classes, $class, $comment_id, $post_id);
}
]]> http://www.koryi.net/wp/665.html/feed 8 rin-wendy.com情侣模板的制作思路(一) http://www.koryi.net/wp/664.html http://www.koryi.net/wp/664.html#comments Sat, 07 Mar 2009 02:55:52 +0000 ray1980 http://www.koryi.net/wp/664.html 这个网站的布局很特别，首页是三栏，左右不同的颜色，文章页根据不同的作者显示不同的颜色，页面又是一种风格。

1. 首先区分页面，首页，作者A和作者B。

1
2
3
4
5
6
7
8
9
10
11
12

<?php if (is_page())  { 
	$style_item = 'page';
} elseif (is_single()) {
	if ($post->post_author == '1') {
		$style_item = 'left';
	} 
	elseif ($post->post_author == '2') {
		$style_item = 'right';
	} 
} else { 
	$style_item = 'normal';
} ?>

把定义的$style_item加在DIV框架内，以方便用CSS控制显示。

1

<div id="page" class="wrap-<?php echo($style_item); ?>">

2. 首页左右作者的实现可以用query_posts来控制
一开始用query_posts(‘author=1′ ) 发现这样不能正常分页，查找了相关资料最后找到了如下代码:

1
2
3
4
5

<?php
	$limit = get_option('posts_per_page');
	$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
	query_posts('author=1' . '&paged=' . $paged);
?>

注意: 

1

<?php endwhile; ?>

下方加上一句

1

<?php wp_reset_query(); ?>

不加的话会使侧栏的if (is_category())这样的判断失效。

这样基本的布局就完成。下一篇分析情侣模板的评论部分

]]> http://www.koryi.net/wp/664.html/feed 8 简洁淡蓝风格 http://www.koryi.net/wp/648.html http://www.koryi.net/wp/648.html#comments Mon, 23 Feb 2009 05:20:09 +0000 ray1980 http://www.koryi.net/wp/648.html blue

主题下载: blue

]]> http://www.koryi.net/wp/648.html/feed 12 用CSS在IE中显示透明PNG图像 http://www.koryi.net/wp/645.html http://www.koryi.net/wp/645.html#comments Mon, 02 Feb 2009 05:28:05 +0000 ray1980 http://www.koryi.net/wp/645.html IE的IMG标签一直显示不了PNG图像的透明背景，前几天在蓝色理想看到一个解决的方法：使用AlphaImageLoader和Alpha滤镜通过CSS的方法显示透明的PNG图片

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<html>
<head>
<title>alpha image</title>
<style TYPE="text/css">
 .pngholder{
   width:100px;
   height:100px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.misuisui.com/weblog/attachments/200510/03_124401_ie.png');
  }
 .pngalpha{
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
     background:url(http://www.misuisui.com/weblog/attachments/200510/03_124401_ie.png) no-repeat;
     width:100px;
     height:100px;
  }
</style>
</head>
<body  bgcolor="#3399ff#">
  <!- AND this is your code TO implement the image ->
  <div>透明</div>
  <div class="pngholder"><div class="pngalpha"></div></div>
  <div>不透明</div>
  <img src="http://www.misuisui.com/weblog/attachments/200510/03_124401_ie.png"/>
</body>
</html>

收藏自: 蓝色理想

]]> http://www.koryi.net/wp/645.html/feed 5 WordPress的一些技巧收藏 http://www.koryi.net/wp/643.html http://www.koryi.net/wp/643.html#comments Sat, 10 Jan 2009 06:00:32 +0000 ray1980 http://www.koryi.net/enter/643.html 每页的第一篇文章下放置广告

方法一: 

1
2
3

<?php if ($wp_query->current_post == 0) : ?>
	广告位置
<?php endif; ?>

方法二: 

1
2
3

<?php if ($count == 1) : ?>
	广告位置
<?php endif; $count++; ?>

你同样可以改变count值来让广告比如放在不同的日志后面，比如改成count == 2,　则把Google广告显示在第二篇日志后面

让不同Page页面使用不同的模板

1
2
3
4
5
6
7
8
9
10
11
12
13

<?php
$post = $wp_query->post;
 if ( is_page('X') ) {
include(TEMPLATEPATH . '/guestbook.php');
 
} elseif ( is_page('XX') ) {
include(TEMPLATEPATH . '/archives.php');
 
} else {
 include(TEMPLATEPATH . '/page-normal.php');
 
}
?>

X代表的是你的page的ID，同理分类也可以用in_category来使用每个分类用不同模板。

WordPress 2.7如何把评论页里面的Comments和Trackbacks分开

1、修改single.php文件
查找

1

<?php comments_template(); ?>

改成

1

<?php comments_template('', true); ?>

2、修改comments.php文件
查找

1
2
3

<ol class="commentlist">
	<?php wp_list_comments();?>
</ol>

改成

1
2
3
4
5

<?php if ( ! empty($comments_by_type['comment']) ) : ?>
<ol class="commentlist">
	<?php wp_list_comments('type=comment'); ?>
</ol>
<?php endif; ?>

在上面的代码下面加上显示Trackbacks的代码，这段来自MG12 的方法，可以取得 Trackbacks 的条目总数。

1
2
3
4
5
6
7
8
9

<?php $trackbacks = $comments_by_type['pings']; ?>
<?php if ($trackbacks) : ?>
	<h3>Trackbacks(<?php echo count($trackbacks); ?>)</h3>
	<ol class="trackbacklist">
		<?php foreach ($trackbacks as $comment) : ?>
			<li id="comment-<?php comment_ID( ); ?>" class="trackback"><?php comment_author_link(); ?></li>
		<?php endforeach; ?>
	</ol>
<?php endif; ?>
]]> http://www.koryi.net/wp/643.html/feed 3 Simple Color CMS Theme http://www.koryi.net/wp/640.html http://www.koryi.net/wp/640.html#comments Fri, 09 Jan 2009 00:42:05 +0000 ray1980 http://www.koryi.net/enter/640.html 江阴印刷网新款CMS风格，支持widgets
修改index.php中的array(1,3,4,5,6,7)，把数字改的你的分类号。

jyprint

演示地址：江阴印刷网
下载地址：Smiple Color CMS Theme

]]> http://www.koryi.net/wp/640.html/feed 7