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

日期: 标签:WordPress教程主题制作
如需帮忙改代码,或者WordPress二次开发、PHP网站建设等需求,可联系我购买付费服务:  点此联系我

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

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

 

1、添加标题
搜索代码:<!-- Column 1 / Content -->

改成:

<!-- Column 1 / Content -->
	<h2 class="grid_12 caption clearfix"><?php the_title(); ?></h2>

 

2、添加页面内容

<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>

改成:

<?php the_content(); ?>

 

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

替换成:

<?php comments_template(); ?>

 

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

改成:

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

查找:

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

改成:

	</div>
	<?php else : ?>
	<div class="grid_8">
		没有找到你想要的页面!
	</div>
	<?php endif; ?>
	<?php get_sidebar(); ?>

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

<?php
/*
Template Name: Page without sidebar
*/
?>
<?php
/*
Template Name: contract
*/
?>

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

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

下载此文件

WordPress主题制作全过程完整列表:

-- 完 --

本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:
原文出处:露兜即刻 https://www.ludou.org/create-wordpress-themes-page.html
露兜
kaapass@outlook.com  QQ 825533758

业余编程爱好者。

148 条留言

点此留言
1 3 4 5 82
  1. ne

    很好的教程

  2. davidbeckham

    不错的教程,简洁有干货

  3. 立青

    这个博客太捧了,以后有空常来

  4. longxuan

    谢谢博主。从头到尾看了一遍,从静态页面搭建成有功能的站,虽然说刚入门,也非常高兴,谢谢!!
    感谢评论的小伙伴,我在里面找到了类似的问题并且得到了解决。

  5. 菜鸟头头 菜鸟头头

    看完了,很实用。不过博主可以再好好整理下,然后出一本小书。

  6. 杨小杰 杨小杰

    今天第一次用wordpress,从原来的emlog转到这边,所以学习一下主题的移植,谢谢博主的详细介绍,我都学会了

  7. leo

    少了存档页面archive的教程!!!

  8. 露兜

    @leo https://www.ludou.org/create-wordpress-themes-index.html
    注意听讲。

  9. infooer infooer

    博主主业是淘宝店主啊,我看刚开嘛

  10. 露兜

    @infooer 不能多开几家吗?

  11. infooer infooer

    @露兜 那真是太棒了吧~

  12. 德林

    读完以前露兜

  13. 德林

    以前不敢阅读,怕看不懂,总算读了一遍。慢慢再品。
    谢谢露兜兄。
    看过你的淘宝店是山海精品,现在又见奢侈品了,祝生意兴隆。只是店里的按钮,真心叹酷。

  14. 莫林

    对于初接触wordpress的菜鸟来说还是相当实用的

  15. 喵呜

    不错

1 3 4 5

发表留言