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