Wordperss的Custom FieldS功能和日志缩略图

越来越多的wordpress用户不满足于普通的博客布局，他们希望博客靓一点，再靓一点，更靓一点，更特别一点。越来越多的Wordpress Magazine Theme被释放出来或以几百美元的价格出售着。而想做一个Magazine Blog的前提就是有一个Magazine的布局，图文混搭，把博客搞的不像博客！

还好，Wordpess的可扩展性是如此的强大，强大到你只要很好的运用它，几乎可以用他建立任何你想要的网站类型。

今天，向大家介绍一下Wordpress的Custhom Fields功能，它就在你编辑框的下面的下面的下面的下面，也就是“
WordPress Bookmarklet”的上面。

要使用这个功能很简单，比如我要在首页给每篇日志一个指定一个图片，这样看上去会更加美观，也更加能够吸引到来访者的鼠标指针变成手形状，你得知道，现在的用户是那么珍异自己的每一次点击。

但是我的首页输出的摘要（如果输出全文，那似乎也就没有指定日志缩略图的必要了），这时候，就可以利用Wordpress的Custhom Fields功能来调用它了，很简单：

第一，在你的Custhom Fields区域里输入一个自定义Key,我假设输入的中paran_image,在“Value”里面，输入一张我想要的缩略图:http://paranimage.com/logo.png，

然后，在日志的loop里面，加入调用自定义图片的代码，下面是个示例，红色部分为调用日志缩略图：

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<div class=”lead-image-wrapper”>
<h2><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title_attribute(); ?>”><?php the_title(); ?></a></h2>
<?php $image = get_post_meta($post->ID, ‘paran_image’, true); ?>
</div>
<div class=”entry”>
<?php the_content(’Read the rest of this entry »’); ?>
</div>
<p class=”postmetadata”><?php the_tags(’Tags: ‘, ‘, ‘, ‘<br />’); ?> Posted in <?php the_category(’, ‘) ?> | <?php edit_post_link(’Edit’, ”, ‘ | ‘); ?> <?php comments_popup_link(’No Comments »’, ‘1 Comment »’, ‘% Comments »’); ?></p>
</div>
<?php endwhile; ?>

这样就基本可以了，以后发表日志的时候，你只需要选这个key,然后在“value”里面输入缩略图的地址就可以了。
当然，要让它更美观，你可以指定一个元素属性，对它进行相应的布局安排，让它看起来更漂亮，比如我在上面的例子中使用,这样我就可以在style.CSS文件中对这一元素进行样式化。如果你保证你的loop输出里不会有其它图片，那也可以不用加这样一个父元素，直接.post img{}就可以了。

Custom Fields的功能是如此的强大，你完全可以举一反三，把它应用的更加强大。

下面是几个延伸阅读：

1. WordPress Custom Fields; laying text over your lead graphic
   来自531对Custom Fields功能的介绍，很详细，包括如何样式化。
2. 制作一个优秀的Wordpress主题。
   北极冰仔翻译自 Nick La 的 WordPress Theme Hack的一篇文章，除了Custom Fields，里面介绍了很多制作一个wordpress主题的高级应用。比如排除特定日志，给不同日志，不同分类，不同页面，增加不同的样式等等，绝对是一个Wordpress主题爱好者非常值得一仔细研究的文章。
3. Free WordPress theme-Jello-wala-mello
   这是来自Small Potato的一个免费Wordperss主题，其首页的布局就使用了Custom Fields来给每篇日志生成缩略图，有兴趣的朋友可以下载了研究一下，这样更加直观，便于掌握。
4. 自动生成日志缩略图的wordpress插件:Post Thumb Revisted。
   • Custom Field是很强大，但也许你像我一样懒，不习惯在发表日志的时候还要去专门弄张缩略图，那你可以尝试一下使用插件。
     在我的Pocket里面，我收集了很多插件，其中自动生成日志缩略图的也不少，最强大的就数这个Post Thumb Revisited插件。
     该插件会自动捕获一篇文章中的第一幅图片，做为日志缩略图，最重要的是它并不是简单的把图片进行尺寸缩放，而是把这张图片进行Resize后生成一张新的缩略图，保存在wp-content里面的一个特定文件夹里面。你可以控制缩略图的大小，Resize后的质量系数等等。
   • 当日志中没有图片的时候，可以指定一张默认图片做替代。
   • 同时，可以生成一个最新日志或随机日志缩略图的列表。
   • 除了日志缩略图，该插件的延伸应用更显得的强大。比如，可以结合Highslide达到点击缩略图时产生Lightbox那样的图片放大缩小效果，还支持Youtube等视频的缩略应用等等。
   • 整个插件文件夹里面，含有众多的JS结合运用，我到现在都没有抽出时间来做深入的研究，有需要的朋友可以好好的研究一下。一般用户的话，只需要启用post-thumb和post-thumb-widgets就可以了，然后在Option里面就会出现相应的设置，对缩略图的路径、尺寸、缩放后的图片质量系数进行相关设置就OK了.
   • 插件地址：http://www.alakhnor.com/post-thumb

来源于 Wordperss的Custom FieldS功能和日志缩略图 | 帕兰映像