作者:公子
发布时间: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> | | < ?php | | $xmlfile = "http://pagecookery.net/rss.xml"; | | $xml = simplexml_load_file($xmlfile); | | $n="20"; | | for($i=0;$i<$n;$i++){ | | ?> | | <li> | | <div id="entry-<?php echo $i;?>" class="entry"> | | < ?php echo $xml->channel->item[$i]->description;?><span class="entry-meta" id="entry-meta"><a href="<?php echo $xml->channel->item[$i]->link; ?>">< ?php echo $xml->channel->item[$i]->title;?></a></span> | | </div> | | </li> | | < ?php }?> | | </ul> | | </div> | | </div><!-- end #content--> | | < ?php get_sidebar(); ?> | | < ?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 |
| | < ?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>< ?php echo $title; ?></title> | | <link>< ?php echo BASE<em>URL; ?></link> | | <description>Powered by PageCookery Microblog v< ?php echo $pcm</em>version; ?> Build < ?php echo $pcm<em>build; ?></description> | | <language>zh</language> | | < ?php while ($item = $SQL->FetchArray($entry)) { ?> | | <item> | | <title>< ?php echo Format::Time($item['time'], 1); ?> 来自 < ?php echo $item['from']; ?></title> | | <link>< ?php echo BASE</em>URL; ?>?act=view&id=< ?php echo $item['id']; ?></link> | | <description>< ![CDATA[<?php echo $item['content']; ?> | | < ?php $item['picture'] = $SQL->QueryRowsArray("SELECT * FROM picture WHERE entryid = " . $item['id']); ?> | | < ?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> | | < ?php } ?>]]></description> | | <pubdate>< ?php echo Format::Date($item['time'], 'D, j M Y H:i:s' , 0); ?> +0000</pubdate> | | </item> | | < ?php } ?> | | </channel> | | </rss> | | < ?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~
我自己的一个算不上作品的作品,截图留念: