Wordpress:自定义单页模板的制作和配置 ---- Hiro技术站

分享到

新浪微博

豆瓣

QQ空间

Twitter

WordPress:自定义单页模板的制作和配置

分类:Hack技巧发表时间:2009年07月20日字体大小:12号 14号

开篇语：

最近一直在利用闲暇的时间在做自己的第二个主题。在此过程中，重新认识到很多在第一个主题中没有用到的技术。可以说我的第一个主题（现在你们看到的）的结构是相对简单的，用了点css和js的代码实现起来非常容易。但我的第二个主题（CMS风格）的机构将会复杂点，加上我并不急着更换现在的主题，所以我不准备很快发布第二个主题。其实该主题还在建设中，服务器端的代码将近完成，css部分也完成了布局。现在就剩下局部细化和js控制。但我还是不准备很快就更换现在的主题，计划在下月的4号（博客上线1月半纪念）或19号（博客上线2月纪念）的时候再发布。

也正是因为在制作第二个模板，所以学到了很多知识，今天就和大家分享一下自定义单页模板制作和配置的过程。

举例：留言本

你也许看到有很多的博客上有一个单页的留言本而感到羡慕吧，我也是。我一直想要有个单页的留言本，于是我在wp的官网或其他主题收集网站上下载主题包，查看源文件，但都没有发现我需要的内容。直到今天我知道了自定义单页模板的制作原理后才知道原来很多主题中都有着自定义单页的，只是我当时不知道如何去配置而已。

步骤1：源文件的创建
建立一个文件guestbook.php或可以另存comments.php为该文件，在文件的开始处添加模板注释（一定要添加，因为WP应通过该注释确认你是一个模板文件的，这和style.css文件的原理一样。）。注释代码如下：

< ?php
/*
Template Name: guestbook
*/
?>

删除comments.php文件中的多余代码，精简后的源代码如下（该源代码中部分标签是为了我的博客的css编写而添加的，你可以自主地删除和添加）：

< ?php get_header(); ?>
     <div id="content">     
 
        <!-- 左侧 开始 -->
        <div id="con-left">
			<div class="entry">
                < ?php if (have_posts()) : ?>
                    < ?php while (have_posts()) : the_post(); ?>
            		<div class="post">
                        <div class="post-top"></div>
                        <!--
                        	你可以自主添加的其他内容
                         -->
                        <div>    
                            < ?php comments_template(); ?>
                        </div>
                        <div class="post-btm"></div>
                	</div>
                    < ?php endwhile; ?>
                < ?php else : ?>
                    <!-- 无文章提示 -->
                    <div class="post">
                        <div class="post-top"></div>
                        <h2 class="aligncenter search">抱歉,没有找到合适的页面.</h2>
                        <div class="aligncenter">请您<a href="<?php echo get_settings('home'); ?>">返回首页< ?php echo $langblog;?></a>或在搜索中查找您所需的信息.带来不便,敬请谅解!</div>
                        <div class="post-btm"></div>
                    </div>
                < ?php endif; ?>
            </div>
            <!-- 今日更新 结束 -->
        </div>
        <!-- 左侧 结束 -->
 
        <!-- 右侧 开始 -->
        <div id="con-right">
            < ?php include (TEMPLATEPATH . '/sidebar.php'); ?>
        </div>
        <!-- 右侧 结束 -->
     </div>
< ?php get_footer(); ?>