見出し画像

【WordPress】モジュール的テンプレートの作り方

マークアップは、複数のページで共通なのだが内容が変わるようなパーツ、例えば下層ページ上部のタイトル画像部分など。
そのようなパーツはモジュールテンプレートにして共通化すると便利。

テンプレートファイル(PHP)

以下のように、パーツのマークアップと変数の読み込み設定を記載。
保存場所は「templates/module/」など(任意の場所に)

<?php $args = get_query_var('query'); ?>

<div class="">
  <?php echo $args['hoge_01']; ?>
  <?php echo $args['hoge_02']; ?>
</div>

読み込み側(PHP)

読み込む箇所に以下を記載。

  <?php
    $args = array(
      'hoge_01' => 'あああああ',
      'title_jp' => 'いいいいい',
      'svg_path' => '
      値が長い場合。改行もできる。
      ',
    );
    set_query_var('query', $args);
    get_template_part('template/module/template-name');
  ?>

いいなと思ったら応援しよう!