显示PC的最近消息模板

作者:公子 发布时间:October 18, 2010 分类:日常杂事

论坛有人问能否做一个显示微博的单页面,之前我写过一个Typecho的,现在特地转到WP中来。

复制一下代码命名为microblog.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
< ?php
/*
Template Name:Microblog
*/
?>
< ?php get_header(); ?>
<div class="grid_10" id="content">
<div class="post">
<ul class="pagecookery_list">
<li id="panel"><span style="float:left;"><a href="http://pagecookery.net" target="_blank">怡红别院</a><span style="font-size:10px;font-family:"Lucida Grande",Verdana,Arial;"><a href="http://pagecookery.net/">http://pagecookery.net/</a></span></span><a href="http://pagecookery.net/?act=login" target="_blank">登录</a> | <a href="http://pagecookery.net/?act=comments" target="_blank">评论</a> | <a href="http://pagecookery.net/?act=following" target="_blank">关注</a></li>
&lt; ?php
$xmlfile = "http://pagecookery.net/rss.xml";
$xml = simplexml_load_file($xmlfile);
$n="20";
for($i=0;$i&lt;$n;$i++){
?>
<li>
<div id="entry-<?php echo $i;?>" class="entry">
&lt; ?php echo $xml->channel->item[$i]->description;?><span class="entry-meta" id="entry-meta"><a href="<?php echo $xml->channel->item[$i]->link; ?>">&lt; ?php echo $xml->channel->item[$i]->title;?></a></span>
</div>
</li>
&lt; ?php }?>
</ul>
</div>
</div><!-- end #content-->
&lt; ?php get_sidebar(); ?>
&lt; ?php get_footer(); ?>

然后在WP后台添加新页面,在高级选项的自定义模板中选择刚才上传的Microblog就可以了。

然后对于我这个模板您最后修改一下您的PageCookery的RSS输出样式。具体是将如下代码保存为rss_update.php并上传覆盖掉cron/rss_update.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
&lt; ?php
ob_start();</p>
<p>$entry = $SQL->RunQuery("SELECT * FROM entry ORDER BY time DESC LIMIT 0, 50");</p>
<p>$title = SITE_NAME . ' - RSS';</p>
<p>echo urldecode('%3C%3Fxml+version=%221.0%22+encoding=%22utf-8%22%3F%3E');
?><rss version="2.0">
<channel>
<title>&lt; ?php echo $title; ?></title>
<link>&lt; ?php echo BASE<em>URL; ?></link>
<description>Powered by PageCookery Microblog v&lt; ?php echo $pcm</em>version; ?> Build &lt; ?php echo $pcm<em>build; ?></description>
<language>zh</language>
&lt; ?php while ($item = $SQL->FetchArray($entry)) { ?>
<item>
<title>&lt; ?php echo Format::Time($item['time'], 1); ?> 来自 &lt; ?php echo $item['from']; ?></title>
<link>&lt; ?php echo BASE</em>URL; ?>?act=view&amp;id=&lt; ?php echo $item['id']; ?></link>
<description>&lt; ![CDATA[<?php echo $item['content']; ?>
&lt; ?php $item['picture'] = $SQL->QueryRowsArray("SELECT * FROM picture WHERE entryid = " . $item['id']); ?>
&lt; ?php if ($item['picture']['id']) { ?>
<p class="image"><a href="<?php echo get_picture_url($item['picture']['id'], 'o'); ?>" title="< ?php echo $item['picture']['filename']; ?>"><img src="<?php echo get_picture_url($item['picture']['id'], 'm'); ?/>" alt="< ?php echo $item['picture']['filename']; ?>" /></a></p>
&lt; ?php } ?>]]></description>
<pubdate>&lt; ?php echo Format::Date($item['time'], 'D, j M Y H:i:s' , 0); ?> +0000</pubdate>
</item>
&lt; ?php } ?>
</channel>
</rss>
&lt; ?php</p>
<p>$data = ob<em>get</em>contents();
ob<em>end</em>clean();</p>
<p>file<em>put</em>contents('rss.xml', $data);

最后附上我的样式表,复制下列代码到WP当前主题的style.css中即可。

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
.pagecookery<em>list {
list-style-type:disc;
font-size:14px;
color:#666666;
line-height:1.7;
font-family:Georgia,Times,"Times New Roman",serif;
}
.pagecookery</em>list li {
border-bottom:1px dashed #CCCCCC;
list-style-type:none;
padding:5px 0;
margin:0;
}
.pagecookery<em>list li:hover {
background:none repeat scroll 0 0 #E7E7E7;
}
.pagecookery</em>list li img {
width:100px;
}
.pagecookery_list a {
color:#999999;
}
.entry-meta {
background:url("http://storage.live.com/items/8AAEE749DE3922BE!558?filename=digu-time.png") no-repeat scroll 0 0 transparent;
padding:0 0 0 19px;
}
.entry-meta a {
border-bottom:none;
}
.entry-meta a:hover {
color:#FF6633;
}</p>
<h1>panel {</h1>
<p>text-align:right;
}</p>
<h1>panel:hover {</h1>
<p>background:none;
}</p>
<h1>panel a {</h1>
<p>border:none;
padding:2px 5px;
}</p>
<h1>panel a:hover {</h1>
<p>color:#FF6633;
background:none repeat scroll 0 0 #E7E7E7;
}

微博客新皮

作者:公子 发布时间:January 23, 2010 分类:日常杂事

花了四个小时的时间,终于搞定了这个皮子了。主要目的是为了达到博客和微博客的主题一样。由于偶经常会给博客换header,所以微博客那方面背景就直接引用了博客这边的地址,哈哈,这样就可以同步更新啊!目前在Firefox下么有问题,刚刚看了下,在Chrome和Safari下也么有问题,IE8看了下,header下边总会多出一条小白线,而且header和mainer总会偏斜,但是不敢改,一改FF下就不整合了。至今不解中,Opera没装就没测试了,不过也应该没有太大问题。如果是IE6的同学请不要踏进我的微博客,用IEtester看了下,简直惨不忍睹啊,五马分尸了都由于在IE下的惨不忍睹,本人决定对IE内核实施屏蔽,于昨日晚成功加入代码,所以IE内核的同学将什么也看不到,所以说IE啊,360浏览器啊,傲游啊啥子(手机浏览咱就暂时忽略吧,PC都还么搞定呢),如果你们看不到请不要在下面抱怨哈!哈哈!(本来是有这句的,没想到发上来的时候少掉了,特来补上。)最新消息:本人已经修复了IE7/8和不同分辨率下的错位问题,现对IE正式解屏蔽,欢迎大家前去围观,不过还是IE6的童鞋就将就下了,以后再来和谐IE6吧。不介意的同学可以转至下载页面,升级您的浏览器。另外,由于屏幕分辨率问题估计也会引起错位,偶的是1280 x 800,么有问题。谨记千万莫没事就放大我的微博客,同样有五马分尸的效果。欢迎小盆友践踏围观:怡红别院 (友情提示:请使用FireFox浏览器登录以便获得更好的体验!)。偶也么啥米技术,让偶自己做个皮子出来是不可能的事情了,只好改改了。对大家来说可能很简单,但是对偶来说也是不小的尝试,不管怎么说,终于成功啦,虽然花了偶四个小时,但是偶很高兴!修改过程深刻让我体会到了IE的可恶,以及FireBug的强大。本来是要放导航栏的,但是似乎音乐墙和照片墙有点点不和谐,自己又不怎么用,干脆就把链接给清空啦!哈哈!Oh~yeah~

我自己的一个算不上作品的作品,截图留念:

image