蓝盟诗人[LUC]蓝客联盟

忘记密码

WordPress主题制作全过程(十一):制作page.php

2010-09-16 16:47 作者: 来源: 本站 浏览: 1,026 views 我要评论 字号:

    page.php也就是页面,可能大家不太理解页面是什么意思,博客上的所有网页不都是页面吗?我们这里指的页面一个单独的页面,如“关于”、“联系方式”等,可以在WordPress后台 – 页面,进行页面的添加修改等。

     这个page.php有很多东西跟single.php也都是相通的,或者基本都一样,这里我们对部分内容也不做太多的解析,直接上结果,如果有不懂的可以翻翻WordPress主题制作全过程(八):制作index.php

1、添加标题
搜索代码:

1
<!– Column 1 / Content –>

改成:

1
2
<!– Column 1 / Content –>
    <h2 class=”grid_12 caption clearfix”><?php the_title(); ?></h2>

 

2、添加页面内容

1
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel porta erat. Quisque sit amet risus at odio pellentesque sollicitudin. Proin suscipit molestie facilisis. Aenean vel massa magna. Proin nec lacinia augue. Mauris venenatis libero nec odio viverra consequat. In hac habitasse platea dictumst.</p>

改成:

1
<?php the_content(); ?>

 

3、添加评论框
将<!-- Contact Form --> 与 </form>之间的所有代码删除(包括</form>)

替换成:

1
<?php comments_template(); ?>

 

4、添加查询语句
搜索代码:<!-- Column 1 / Content -->

改成:

1
2
<!– Column 1 / Content –>
    <?php if (have_posts()) : the_post(); update_post_caches($posts); ?>

查找:

1
2
</div>
    <?php get_sidebar(); ?>

改成:

1
2
3
4
5
6
7
    </div>
    <?php else : ?>
    <div class=”grid_8″>
        没有找到你想要的页面!
    </div>
    <?php endif; ?>
    <?php get_sidebar(); ?>

     我们的page.php就制作完毕了。另外还有两个页面,无边栏页面full_width.php,联系页contact.php,制作方法完全一样,这里就不再详述了,我已经直接写好了,下载即可。你可能会问,那这两个页面怎么用呢?我分别在这两个页面的前面写了两个注释:

1
2
3
4
5
<?php
/*
Template Name: Page without sidebar
*/

?>
1
2
3
4
5
<?php
/*
Template Name: contract
*/

?>

     以后在WordPress后台新建页面的时候,可以在右边栏选择页面模板,你可以选择Page without sidebar 或 contract,不选默认使用page.php模板!contact.php边栏的联系方式你自己改一下内容就可以了。

     到目前为止,我们的WordPress主题制作系列教程就结束,说实话你也应该没学到啥东西,我讲的实在太差劲了,就当是WordPress主题制作的一个感性认识过程吧。最后提供我们制作完成的主题下载,估计不会有人愿意用这样的主题的,太丑了!还有就是评论还没有分页功能。

点此下载主题文件

(转载自 http://www.ludou.org)

打印
分享到:
复制链接

发表评论

*

* (保密)

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif

Ctrl+Enter 快捷回复

会员登录关闭

记住我 忘记密码

注册会员关闭

小提示: 您的密码会通过填写的"电子邮箱"发送给您.