本文详细介绍了如何在wordpress中创建自定义页面模板,以实现完全独立于当前主题样式和脚本的静态页面。通过自定义模板文件,您可以绕过wordpress主题的默认样式和javascript加载,从而为特定页面(如amp页面或需要自定义布局的着陆页)提供一个纯净的html环境,实现高度自由的内容展示。
在WordPress中,有时我们需要创建一些特殊的页面,这些页面不希望受到当前主题的CSS样式、JavaScript脚本或布局结构的限制。例如,为了构建一个轻量级的AMP页面、一个高度定制的着陆页,或者仅仅是一个纯粹的HTML页面。在这种情况下,WordPress的“页面模板”功能提供了一个强大且灵活的解决方案。
什么是WordPress页面模板?
页面模板是WordPress主题中的一种特殊文件,允许您为单个页面或一组页面定义独特的布局和功能。通过创建自定义页面模板,您可以完全控制页面的HTML结构,包括是否加载主题的头部、底部、侧边栏以及最重要的——主题的CSS和JavaScript。
创建一个无主题样式的空白页面模板
要创建一个完全不加载主题样式和脚本的页面,我们需要从一个基础的PHP文件开始,并为其添加一个特殊的注释头部,以告知WordPress这是一个可用的页面模板。
1. 创建模板文件
首先,在您的WordPress主题(强烈建议使用子主题)的根目录下创建一个新的.php文件,例如命名为 template-blank-page.php。
2. 添加模板头部信息
在新创建的文件中,添加以下PHP注释。这是WordPress识别并允许您选择该模板的关键:
- Template Name::这是在WordPress后台选择模板时显示的名称。
- Template Post Type::这是一个可选参数,用于指定此模板可以应用于哪些文章类型。在这里,我们将其设置为 page,表示它是一个页面模板。
3. 构建空白页面的HTML结构
为了确保页面不加载任何主题相关的CSS和JavaScript,我们需要手动构建基本的HTML结构,并避免使用get_header()和get_footer()这两个通常会加载主题头部和
底部(包含主题样式和脚本)的函数。
以下是一个极简的空白页模板示例:
>
>
代码解析与注意事项:
- 到








