您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
WordPress主题制作全之制作page.php教程
周谷佟2023-10-28WordPress教程已有人查阅
导读page.php也就是页面,可能大家不太理解页面是什么意思,博客上的所有网页不都是页面吗?我们这里指的页面一个单独的页面,如"关于"、"联系方式"等
page.php也就是页面,可能大家不太理解页面是什么意思,博客上的所有网页不都是页面吗?我们这里指的页面一个单独的页面,如"关于"、"联系方式"等,可以在WordPress后台 - 页面,进行页面的添加修改等。
这个page.php有很多东西跟single.php也都是相通的,或者基本都一样,这里我们对部分内容也不做太多的解析,直接上结果,如果有不懂的可以翻翻WordPress主题制作全过程(八):制作index.php。
1、添加标题
搜索代码:
将<!-- Contact Form --> 与 </form>之间的所有代码删除(包括</form>)
替换成:
到目前为止,我们的WordPress主题制作系列教程就结束,说实话你也应该没学到啥东西,我讲的实在太差劲了,就当是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主题制作的一个感性认识过程吧。最后提供我们制作完成的主题下载,估计不会有人愿意用这样的主题的,太丑了!还有就是评论还没有分页功能。
本文标签:
很赞哦! ()
相关教程
图文教程
CentOS环境搭建wordpress步骤教程
突然,想搭建一个个人博客,所以就在网上搜了搜相关内容,好多人推荐wordpress,那么就打算光荣地采用wordpress了。以下是安装过程中遇到的所有的坑,现在总结如下,希望给安装wordpres
wordpress主题的安装方法,wordpress怎么安装主题
直接登录后台上传主题压缩包安装主题。具体流程:进入后台点击左侧导航菜单中外观->主题->安装主题->上传->选择文件(主题压缩包)->现在安装
wordpress获取置顶文章列表的方法
在WordPress中,或许你希望调用设置好的指定文章列表,这一功能如何实现呢?下文就介绍实现方法,大家参考使用吧。
手机管理wordpress的软件有哪些
如果你拥有一个WordPress发布平台,或者你是一个为你的客户提供WordPress解决方案的开发者,这里编制了一些管理WordPress博客的手机软件
相关源码
-
(自适应)绿色宠物门诊兽医行业网站模板该绿色清爽风格网站模板专为宠物门诊与兽医诊所设计,基于PbootCMS内核开发,采用响应式布局确保手机、PC等多端体验一致,帮助宠物医疗机构高效构建线上服务平台。查看源码 -
(自适应)英文绿色精密模具零件加工五金零件pbootcms外贸网站模板本模板基于PbootCMS开发,为五金零件、精密模具加工等英文外贸企业设计。采用响应式布局,适配各类移动设备,是五金零件企业开展国际贸易的专业展示平台。查看源码 -
(自适应)证书授权书防伪查询系统pbootcms模板本模板基于PbootCMS系统开发,为各类证书查询机构设计,可快速构建高效安全的证书核验平台。采用响应式布局技术,自动适配手机端操作,支持批量导入证书数据,提供便捷的查询接口,满足机构证书管理及用户在线核验需求。查看源码 -
(PC+WAP)蓝色公司注册财务会计公证律师网站源码下载本模板基于PbootCMS内核开发,为财务会计事务所、律师公证机构等专业服务机构打造。采用自适应设计,确保在各类设备上都能呈现专业视觉效果,帮助机构建立值得信赖的线上形象。查看源码 -
(自适应响应式)pbootcms紫色美容整形机构企业模板下载基于PbootCMS内核开发的响应式网站模板,为医疗美容机构、整形医院等企业设计,提供完整的线上展示平台采用紫色系配色方案,整体风格专业大气。模板包含首页轮播、服务项目、专家团队、案例展示等核心模块,能够充分展示医疗美容机构的专业服务和特色优势。查看源码 -
响应式粉色美容整形化妆品pbootcms网站模板开源源码该网站模板为美容整形、化妆品企业设计,采用响应式布局确保在手机、平板及PC端自动适配显示效果。基于PbootCMS内核开发,支持一键替换图文内容快速转换至其他行业应用。查看源码
| 分享笔记 (共有 篇笔记) |

