WordPress服务端渲染
模板引擎研究

1.1 PHP原生模板系统

WordPress核心主要依赖PHP作为其原生的模板引擎技术，用于渲染主题和插件。这种机制并非采用独立的模板引擎库，而是直接利用PHP语言本身的特性，将PHP代码与HTML标记混合在模板文件中。 [1]

<?php
/**
 * 典型的WordPress主题模板文件结构
 */
get_header(); // 加载页头模板
?>

<main id="main">
    <?php if (have_posts()) : ?>
        <?php while (have_posts()) : the_post(); ?>
            <article id="post-<?php the_ID(); ?>">
                <h2><?php the_title(); ?></h2>
                <div class="content">
                    <?php the_content(); ?>
                </div>
            </article>
        <?php endwhile; ?>
    <?php endif; ?>
</main>

<?php get_footer(); // 加载页脚模板 ?>

这些模板文件通常具有 .php扩展名，例如 index.php, header.php, footer.php等。当WordPress处理页面请求时，会根据模板层级选择合适的模板文件，由PHP解释器执行其中的代码。 [1]

1.2 模板文件结构与层次

WordPress的模板文件结构遵循模板层级（Template Hierarchy）原则。这种机制决定了WordPress在渲染特定类型页面时，按照怎样的顺序寻找并使用模板文件。 [2]

WordPress还提供了一系列模板函数来帮助组织和重用代码，如 get_header(), get_sidebar()和 get_footer()。 [221] get_template_part()函数更为灵活，允许开发者根据提供的参数加载模板片段。 [221]

1.3 模板标签与循环机制

<?php
if (have_posts()) : 
    while (have_posts()) : the_post();
        // 在这里使用模板标签
        the_title();
        the_content();
    endwhile;
endif;
?>

2.1 引入第三方PHP模板引擎

虽然WordPress核心使用原生的PHP模板系统，但开发者社区也探索了引入第三方PHP模板引擎的可能性，以获得更好的代码组织、可维护性以及更清晰的逻辑与表现分离。 [4]

<?php
// single.php
get_header();
if (have_posts()) : 
    while (have_posts()) : the_post();
        ?>
        <article>
            <h1><?php the_title(); ?></h1>
            <div><?php the_content(); ?></div>
        </article>
        <?php
    endwhile;
endif;
get_footer();
?>

// single.php
$context = Timber::context();
$context['post'] = Timber::get_post();
Timber::render('single.twig', $context);

// single.twig
{% extends "base.twig" %}

{% block content %}
    <article>
        <h1>{{ post.title }}</h1>
        <div>{{ post.content }}</div>
    </article>
{% endblock %}

2.2 基于现代前端框架的SSR方案

在WordPress环境中实现服务端渲染时，采用现代前端框架是一种主流且高效的选择。这些框架通常基于JavaScript生态，提供了强大的SSR能力，能够显著提升网站性能、SEO效果和用户体验。

2.3 无头WordPress (Headless WordPress) 架构

{
  posts {
    nodes {
      title
      content
      author {
        name
      }
    }
  }
}

2.4 不同SSR方案的比较与考量

3.1 SSR的优势

3.2 SSR的挑战与注意事项