wordpress页面模板

WordPress 页面模板

1. 定义

页面模板是 WordPress 中用于定义特定页面外观和功能的文件。它们允许用户为某些页面创建独特的布局，而不影响站点的整体设计。

2. 创建页面模板

• 命名规则：页面模板文件必须以 .php 结尾，并且文件名应具有描述性。
• 注释部分：在模板文件的顶部，通常需要一个 PHP 注释块来描述该模板的功能。例如：

  <?php
  /*
  Template Name: 我的自定义模板
  */
  ?>

3. 基本结构

一个典型的页面模板包括以下部分：

• 模板声明：如上所述。
• HTML 结构：包含标准的 HTML 框架。
• WordPress 循环：用于输出页面内容。

  <div class="content">
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
        <h1><?php the_title(); ?></h1>
        <div><?php the_content(); ?></div>
    <?php endwhile; endif; ?>
  </div>

4. 高级功能

• 模板选择：在 WordPress 后台编辑页面时，用户可以从下拉菜单中选择已创建的模板。
• 动态内容：可以使用 WordPress 的 API 来插入动态内容，如侧边栏、导航菜单等。
• 样式与脚本：通过 wp_enqueue_style 和 wp_enqueue_script 添加自定义样式和脚本。

5. 示例模板

<?php
/*
Template Name: 全宽页面
*/
get_header(); ?>

<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <?php while ( have_posts() ) : the_post(); ?>
            <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                <header class="entry-header">
                    <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
                </header><!-- .entry-header -->

                <div class="entry-content">
                    <?php the_content(); ?>
                </div><!-- .entry-content -->
            </article><!-- #post-## -->
        <?php endwhile; // End of the loop. ?>
    </main><!-- #main -->
</div><!-- #primary -->

<?php get_footer(); ?>

以上就是关于 WordPress 页面模板的基本介绍。