Posts Tagged ‘theme’

Wordpress2.7留言嵌套回复主题教程之二

星期六, 一月 10th, 2009

上回说到关于WP2.7内置的嵌套回复,步骤有点累赘,其实这里还有一个更好的方案,移植默认主题到您的主题上,仅需几步就可以打造支持WP2.7内置嵌套回复的主题了。

thread-comment-default-theme
(默认主题的嵌套回复效果)

第一步,沿用WP2.7内置 default 主题的comments.php 模板。将 wp-content/themes/default/下的comments.php文件覆盖您的主题的comments.php文件。由于许多主题制作者对于comments.php的修改比较少,所以即便这样对您的主题的整体风格影响也不大,而且如果不满意可以再进行修改。default内置的评论模板已经完全采用了嵌套回复的方案。

第二步,打开default主题的style.css文件,从 “/* Begin Comments*/”开始至“/* End Comments */”结束,把该段复制到自己的主题的style.css文件中。这里的CSS仅包含了最基本的定义,不过效果也可以接受(详见下图),如果要进行修改的,不妨看看国外网友的风格:1 2 3,或者也可以用Firefox+Firebug找出其中的元素进行定义。

第三步,在主题的header.php添加以下PHP代码。(务必记得要在 wp_head() 函数执行前调用!)

  1. <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>

OK,仅需三步即可完成您的主题对Wordpress 2.7嵌套回复的支持。

博客新皮White Zero

星期天, 十一月 30th, 2008

话说上回自己动手做了个Simple Zero主题,自娱自乐了一个月,最后终于在审美疲劳中草草收场,这极大地打击了我对HTML设计的信心 :(

不过上回我又看到一篇文章说,一个独特的主题是吸引读者的有效方法,我又动了设计主题的念头。

这次走的路线是清爽路线,于是采用了单栏设计。我以前常在文章中贴图,而且图片往往挺大的,为了方便读者,我又不希望显示被压缩后的图片,只能任由图片撑破边框。现在改成单栏以后,再也不用担心贴图的问题了。

在这个主题里,几乎没有什么特点,也许这就是这个主题最大的特点。主题的基本字体是14px,宽度760px,适合 800px*600px以上的分辨率。

header和footer的背景是Google的惯用色,我一直认为挺简介、清爽,周边用了只有Firefox才支持的纯CSS圆角,因此在Firefox以外的浏览器是不怎么美观的..

横栏下依然放置了几个常用的订阅器图标和书签收藏图标,唯一少了以前的N国语言翻译图标。

在首页,只有第一页第一篇文章才显示全文,其他文章仅显示标题。

在底部是一个四栏的拓展栏,分别排列 Hot Friends,最近回复,我的豆瓣,Clicki统计。

此外,链接依旧放在单独页面,使用了Hot Friends中的Hot Friends Cloud函数取代原本的 wp_list_bookmarks。ThinkAgain的文档也没说清楚到底怎么用这个云,又看了编辑源文件搞了半天终于搞定 :)

哦,最近开始玩起了豆瓣了,豆瓣据说是小资玩的,我也来试一试。我一般看一些比较青春的书吧,当然,也看看30多岁的人的书。这个看书的范围太广了,改天再扯。

当然,我的主题自然不能少了Google Ajax Search的支持。这次还是配置了Google Ajax Search,只是出于外观原因,把那个“Powered by Google”给隐藏了。Google Ajax Search相比Google Custom Search更为好用一点,但配置也比较麻烦点,这还是得指望那些主题开发者在设计主题的时候就能内嵌Google Ajax Search。

OK,扯完了该主题。下回还有计划做一个全AJAX化的主题,浏览博客就像用Google Reader的那种感觉,不知道效果怎么样?

这两个月开始忙起来了,一个月也没有发多少篇文章,现在觉得为了赶进度或是为了数据写文章没有什么必要,反正有心情的时候就写写吧。

还有要感谢的是一直支持我的博客的读者朋友们,如今订阅数终于缓缓到达了50,接下来就希望能在春节前突破100吧 :)

插件列表更新

星期六, 六月 14th, 2008

    今天新装了好几个插件,主要是下面几个:

1.Wordpress Thread Comment 允许用户对某个评论进行评论,也就是俗称的嵌套评论。

2.Subscribe To Comments 允许用户订阅某篇文章的后续评论。

3.WordPress Related Posts 显示相关日志

    细心的朋友可能发现了,我这次做的主要改动是针对访客这块,增加访客的粘度。

    此外,在使用那么多插件过程中,也发现了不少问题,主要就是因为使用插件过多造成的资源浪费。虽然很多WP达人一再建议不要使用太多的插件,但一不小心就装了十多个插件,速度的下降也是显而易见的。许多插件本来可以不做成插件的,比如一个“订阅到Google Reader… ”的插件,就完全可以通过修改主题做好的。为了节省这几分钟浪费了一大笔服务器资源。还有像WAP插件,由于完全与一般访问无关,只是在通过手机访问 http://photozero.net/wap 才产生作用,这样不如直接绕过WP,直接用PHP网页操作MySQL数据库,这样才不会浪费WP资源。

    今天还换了一个新主题,相信大家也看到效果了,怎么样,还不错吧。如果你也觉得不错,那就看footer上的链接去作者主页下载吧 :)

Wordpress内置模板条件判断函数

星期天, 二月 10th, 2008

sidebar.jpg
最近计划在本站首页的sidebar上方放置一个视频文件,只需要在首页显示就可以了,试着在后台编辑sidebar.php,先试了一下.

  1. <?php
  2. if($_SERVER['SCRIPT_NAME'] == '/index.php'){
  3.   echo '...';
  4. }
  5. ?>

经过测试发现,WP所有的页面都是在 index.php 上。看来只有找WP提供的判断函数了。在官方的CODEX(http://codex.wordpress.org/Conditional_Tags)上找到了各种判断页面的函数,这里简单介绍一下。

  1. is_home();
  2. //判断是否首页;
  3.  
  4. is_single();
  5. //判断是否文章页;
  6. is_single('17');
  7. //判断是否ID为17的文章页;
  8. is_single('Beef Stew');
  9. //判断标题是否为 Beef Stew 的文章页;
  10.  
  11. comments_open();
  12. //当前页是否允许回复;
  13.  
  14. pings_open()
  15. //是否开启 ping;
  16.  
  17. is_page() ;
  18. //是否是一个页面。
  19. //同样, is_page() 和 is_single() 的用法几乎一致,也可以加入参数。
  20.  
  21. is_category();
  22. //判断是否为分类页面,与is_page()等用法一致。
  23.  
  24. is_tag() ;
  25. //是否TAG页面;可以用 is_tag('tagname') 判断具体的TAG;
  26.  
  27. is_author();
  28. //是否某个用户的文章;可以加入用户ID,或用户名作为参数。
  29.  
  30. is_archive();is_search() ;is_404();
  31. //分别判断是否存档,是否搜索,是否404页面。
  32.  
  33. is_paged();
  34. //判断是否翻页;
  35.  
  36. //例如,一个只需要在首页显示的可以用一下语句解决:
  37. <?php if(is_home() && !is_paged()){?>
  38. ...
  39. <?php }?>
  40.  
  41. //当然,一个不在首页显示的,例如“最近发表文章”的插件可以加一个
  42. <?php if(!is_home()){?>
  43. ...
  44. <?php }?>
  45. //避免首页内容和插件内容重复。

Wordpress theme 怀旧style

星期四, 十月 25th, 2007

screenshot5.png 

超酷的时尚风格,背景是一张黑白街景.
在点开一个新页面的时候,不会经历任何空白,而是用FLASH渐进式替换。

Download »

Wordpress-themes-Web2.0-皮肤

星期四, 十月 25th, 2007

screenshot3.png

一个来自www.abhishektripathi.com的皮肤,WEB2.0风格,在WP主题站上下载近2万次

Download »

Wordpress主题制作指南

星期一, 十月 22nd, 2007

WP的主题位于 /wp-content/themes/ 目录之下,一般刚开始的时候,默认有两个皮肤 default,classic。如果需要,可以自己做或到网上下载,Wordpress官方主题站提供了许多漂亮的风格,但国内受GFW貌似影响有些问题。还有一种方法就是自己做了。

自己做主题的门槛也不算高,如果以前曾经有做个象 Discuz 这样的模版,那就是易如反掌了,如果没有,那也很容易上手的。

 在开始做之前,可能会无从下手,建议先:
1.查看WP首页的HTML代码,最好保存下来。
2.到网上下载几个现成的,漂亮的网页模版。建议到 freecsstemplates.org 。它的模版的设计很接近于WP 的设计,因此很快入手。
3.准备好一款编辑器。不一定要Dreamweaver这样的,就算记事本也可以。

打开这个文件夹,发现下面有十多个文件和一个 images 的目录。先来了解一下

样式表:style.css
头信息模块:header.php
内容模块:index.php、page.php、single.php、archive.php、search.php、404.php
侧边栏模块:sidebar.php
页脚模块:footer.php
评论模块:comments.php
搜索表单模块:searchform.php

 需要注意的是,有些页面是必须的,也有些页面是可选的,一般来说,style.css,header.php,index.php,footer.php 这些文件不能少,searchform.php 则可有可无,取决于是否开启搜索功能。

实际上,当WP在处理某个页面时,如文章页面,它将直接调用single.php,(如果single.php不存在,则调用index.php,相同的还有page.php,archive.php等)。因此,内容页面实际上就是需要处理的重点了。

打开index.php,代码可能类似于:

<?php get_header(); ? >
<div id=”page”>
    ……
</div>
<?php get_footer(); ? >

先来了解一下,顾名思意,调用这一页时,在头部载入HEADER,在尾部载入FOOTER。类似的函数还有

style.css:<?php bloginfo(’stylesheet_url’); ?>
header.php:<?php get_header(); ? >
sidebar.php:<?php get_sidebar(); ? >
footer.php:<?php get_footer(); ? >
comments.php:<?php comments_template();? >

至于其中的主要内容,则可以对照默认模版和网上下载的风格进行相对应的更改。

Wordpress主题-snowcrystals

星期六, 十月 20th, 2007

nktm_snowcrystals 演示文件

Download »
Copyright:
DESIGN BY FREECSSTEMPLATES.ORG
我的第一个主题作品,原作品是FREECSSTEMPLATES发布的一款网页模板,参考了一下default模板,终于完成了!

成功安装Wordpress 2.3

星期二, 十月 2nd, 2007

  原来一直是使用BO-blog的程序,但总感觉不是特别好,在某些细节方面还有所欠缺,整体运行速度不够快,后台略微杂乱,最近下载了Wordpress2.3中文版在本机上测试了一下,速度比Bo-blog稍快,更重要的是Wordpress的皮肤比较丰富,而且容易获得,我现在暂时没弄一些皮肤上去,待到有空时好好装饰一下.顺便说一下,BO-blog 默认的3栏形式不是非常美观,而且想更改都比较困难,这也使我下定决心升级Wordpress.但目前还没有计划把原来Bo-blog中的文章转移过来,那些文章似乎没有多大的利用价值了.