Most WordPress users are using custom fields to display thumbs on their blog homepage. It is a good idea, but do you know that with a simple php function, you can grab the first image from the post, and display it. Just read on.

First, paste this function on your functions.php file.

function catch_that_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];

  if(empty($first_img)){ //Defines a default image
    $first_img = "/images/default.jpg";
  }
  return $first_img;
}

Once done, you can simply call the function within the loop to display the first image from the post:

<?php echo catch_that_image() ?>

Related posts:

1. How To Make a HDR Image Using One Picture
2. Asaph for wordpress
3. wp theme tut：#3 Starting Index.php

The rise of blogs on the web has brought a quick and easy way for anyone to publish their thoughts online without having to get down and dirty with HTML. Just write your content, hit ‘Publish,’ and your thoughts are instantly available for the masses to read.

For all the good that blogs have done, they’ve made the internet look predictable when compared to articles printed in a magazine which look completely unique, each with their own art style and layout. As Greg Storey pointed out in a blog post from 2006, “before there were blogs we had websites. Beautiful, random websites that felt more like a zine – one page looking nothing like the one before or after it”.

Most larger blogs may have a unique theme, but each blog post looks the same. Most posts we read everyday share the same common layout:

In breaking this trend, several bloggers have begun giving each post a unique layout, colour scheme and art style. Their posts look more akin to a magazine article than the typical blog post. The posts stand out from the crowd, like a zebra amongst a field of horses.

“Before there were blogs we had websites. Beautiful, random websites that felt more like a zine – one page looking nothing like the one before or after it” – Greg Storey

Below is a round-up of forty beautiful looking blog posts from fourteen sites which break out of the mentality that every page on a website should look the same.

1. Gregory Wood

2. Marcel’s Blogazine

3. Jason Santa Maria

4. PeepCode

5. Danny Garcia

6. Chris Coyier

7. Avoid Contact With Eyes

8. Paddy Donnelly

9. iamsteve

10. Jack Cheng

11. Dustin Curtis

12. Metalab Design

13. Smashing Magazine

14. Panic Blog

Related posts:

1. Top 50 WordPress Tutorials
2. Post Pic How to: Get the first image from the post and display it
3. More Web Design Trends For 2009(layout)

<?php
/*
Template Name: 模板名
*/

然后新建页面的时候再选择这个模板。在我前几天写的了解wordpress模板(主题)系统 一文中提到了2.9将要支持的几个文件，其中就有page-slug和page-id。趁着昨天刚升级到2.9,今天就迫不及待的想测试一下，果然，还真的支持。

测试过程

首先在后台控制面板新建了一个页面，标题为“测试”，别名”test”。然后访问网站发现导航中多了一个“测试”的链接，点击后发现调用的是page.php文件。

然后又新建了一个page-test.php文件，内容为

<?php
get_header();
echo “这只是一个测试页面”;
get_footer();
?>

刷新测试页面，除了显示网页头部和尾部之外，中间显示的是“这只是一个测试页面”，说明page-test.php已经工作了。

最后把page-test.php重命名为page-192.php（192是页面ID）,然后强制刷新测试页面，仍然显示“这只是一个测试页面”，说明page-192.php也正常工作了。

Related posts:

1. Asaph for wordpress
2. Post Pic How to: Get the first image from the post and display it

The alternative Stickney Theme also shows date and author information for each post and allows posting of longer texts. Feel free to modify these themes to your liking, or create new ones.

My own Asaph blog can be found at asaph.phoboslab.org.

Here’s a short screencast of how posting entries in Asaph works:

建Asaph微型博客系统 整合WordPress博客,关键词是建站经验,站长经验,

前阵子在vikiworks那里看到yichi介绍用Asaph建设一个自己的FFFFound，也就是一个图片搜集博客。所以我试了一下，觉得很好玩，在这里特地推荐给大家。

你可以先看看我的图片博客.Asaph根据官方介绍：它是一个用来搜集外部链接及图片的微型博客系统。允许你在任何其他网站来发布你要的图片或是链接。

我个人认为最特别的地方，就是Asaph有发布文章的Bookmarklet，无论我在任何页面，只要点一下Bookmarklet，再选择要发布的图片，再点确定，就完成了整个发布文章的过程。看下图

怎么安装呢？

怎么使用？

如图所示，在后台管理左侧，用鼠标将bookmarklet下的ASAPH拉到你的书签栏，或是加入书签。接着你可以去flickr等图片网站，

看到喜欢的眼睛发亮的图片，就点一下那个书签.OK，懂了吧？（最好使用现代浏览器，不要使用IE）

总结

Asaph的作者也说明了，这个博客系统就是这么简单，简单到后台只有几个按钮。而这就是他做这个系统的目标.Asaph也很好的完成了他的工作。在我看来，用来制作这种图片搜集博客，Asaph真的是很好用，很容易用。所以喜欢的朋友赶紧试试吧。

整合WordPress前须知

Asaph不是一个wordpress插件，而是一个独立的博客系统

确保你已经安装好Asaph，否则请看该文

我们开始

其实接下来很简单，之需要一个步骤，就是复制下面的代码，放到你的WordPress主题下的sidebar.php（或是其他你要显示的地方）。

请留意代码中的注释部分需要自行修改，也就是自己的feed地址以及显示的图片数量。

在将代码复制到模版文件中之后，如果一切顺利，那么你将会看到9张图片了，至于说大小问题，你需要在CSS中定义width:80px之类的。详细的可以用Firebug来查看我的CSS.

在这里，首先要感觉Asaph作者，再者感谢vikiworks的yichi大哥的文章。才让你我有机会认识与使用到如此优秀的功能。

同时我也留意到一些朋友在安装Asaph过程中无法成功，而大多数应属于服务器无法支持的原因

Related posts:

1. Top 50 WordPress Tutorials
2. The WordPress Developer Toolkit
3. Post Pic How to: Get the first image from the post and display it

首先，下载最新的xampp lite（没必要用完整版的，对于wordpress来说lite版就足够了。官网上提供了两种格式下载，ZIP格式的是安装版，EXE格式的是自解压版，我这里选择了小得多的EXE，其实内容是一样的。

然后就是安装了，先解压到一个目录，我直接安装到了D盘根目录。解压后在D盘下就多出了一个xampplite的文件夹。

进入文件夹，执行名为“setup_xampp” 的批处理文件（后缀为.bat)，成功后按任意键关闭窗口。

执行“xampp-control.exe”，分别点击Apache和MySql后的Start，看到如下状态后即说明成功。

打开一个浏览器，比如firefox，在地址栏输入“http://localhost/xampp/splash.php”后回车，选择最后的“Chinese”，即可进入Xampp的欢迎页面了。这以后只要在地址栏输入“http://localhost”回车就能来到这个页面了。

接下来要建立一个数据库：点击欢迎页面左栏工具下的“phpMyAdmin” ，创建一个名为wordpress的新数据库，设置如下图：

下载WordPress2.0.4并解压。用记事本等编辑程序打开“wp-config-sample.php”，将其中的设置做如下修改，再另存为“wp-config.php”。

接下来把整个wordpress文件夹复制到安装目录下的“htdocs”文件夹中，以我的情况就是在“D:xampplitehtdocs” 中，完成后的文件树如下：

最后的一步就是在浏览器中输入“http://localhost/wordpress/wp-admin/install.php”然后回车了，怎么样，是不是很熟悉的画面？

Related posts:

1. wp theme tut：#3 Starting Index.php
2. Top 50 WordPress Tutorials