您现在的位置是:首页 > 网站制作 > WordpressWordpress
WordPress主题制作全过程(十一):制作page.php
杰帅2023-06-15【Wordpress】人已围观
简介page.php也就是页面,可能大家不太理解页面是什么意思,博客上的所有网页不都是页面吗?我们这里指的页面一个单独的页面,如"关于"、"联系方式"等,可以在WordPress后台 – 页面,进行页面的添加修改等。
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主题制作的一个感性认识过程吧。最后提供我们制作完成的主题下载,估计不会有人愿意用这样的主题的,太丑了!还有就是评论还没有分页功能。
Tags:wordpress主题制作 WordPress主题制作全过程 wordpress教程
很赞哦! ()
相关文章
随机图文
-
wordpress发布文章HTML标签被自动过滤掉该如何处理?
wordpress发布文章时很多html标签都会自动过滤掉,造成了文章中无法添加<style></style><script></script>等标签。那么该如何如何处理呢? 解决方法一: 将wp-includes文件夹下 -
WordPress 页面模板(Page Template)下拉列表不显示的原因及解决方法
WordPress 的自定义页面模板是一个非常强大好用的功能,使用它新建一些静态页面(Page),添加上一些数据调用的函数,再在网页上做一个导航连接到对应的页面就可以实现很多自定义的功 -
wordpress 上传的图片不显示的问题 base64,data:image/gif
-
wp_reset_postdata 和 wp_reset_query 的作用与区别
什么时候使用wp_reset_query,什么时候用wp_reset_postdata?
文章评论
本站推荐
标签云
猜你喜欢
- 浅析影响新站收录和排名的三个因素
- WordPress函数 get_header()
- Failed to load resource无法正常加载JS或CSS的解决办法 - 搬主题
- WordPress前端页面加载优化加速合集 网站秒开秘籍
- DedeCMS一键迁移到WordPress网站图文教程
- WordPress安全:科学防护,让你的网站免受黑客攻击
- 33 characters在Yoast SEO插件添加恢复 | 分隔符的图文教程
- 30分钟快速建立专业博客,WordPress速成课带你一步到位
- 使用MySQL数据库命令批量删除WooCommerce产品的方法
- 使用WP-CLI重新安装所有WordPress插件及主题教程 - 搬主题