スポンサーリンク
WordPress

WordPressでテンプレートファイルを作って好きな位置に呼び出して表示する方法

この記事は約3分で読めます。
スポンサーリンク

どうも、サブロー(@saburo_design)です。

どうも、サブロー(@saburo_design)です。

ワードプレスをカスタマイズしていると、しょっちゅう同じパーツを使う事があって、コードを丸々コピペするんじゃなくてテンプレートにして簡単にパーツを呼び出せないかなーと思うことが多々あります。

そんな要望にも答えられるのがさすがのワードプレス。今回は、よく使うパーツをテンプレートにしていつでも呼び出して使うことができる方法をご紹介します。これで作業を効率化しましょう。

テンプレートファイルを作って作業の効率化

シェアボタンのテンプレートファイルを作成して、いつでも呼び出せるようにしている
シェアボタンのテンプレートファイルを作成して、いつでも呼び出せるようにしている

例えば、当サイトではトップページや固定ページ、記事ページといたるところににソーシャルメディアのシェアボタンが配置されていますが、毎回毎回長ったらしいコードを書いているわけではなく、シェアボタンのテンプレートファイルを作成しておいて、配置したい位置に簡単なコードをちょこっと記入するだけでシェアボタンを呼び出せるようにしています。

編集や修正する際にはテンプレートの元ファイルを編集すれば一括で反映される
編集や修正する際にはテンプレートの元ファイルを編集すれば一括で反映される

これなら仮にシェアボタンのデザインの変更や修正をする際には、元のテンプレートファイルをいじるだけで、全てのシェアボタンが一括で修正されるので、管理も楽になります。

  • いろいろなページで使う共通のパーツをコードひとつでいつでも呼び出せる。
  • パーツの元ファイルを編集すれば、サイト内の全てのパーツを一括で修正できるので管理が楽になる。

テンプレートファイルを作成し呼び出す方法

『テンプレート名.php』という名前のテンプレートファイルを作成し、FTPソフト等でテーマフォルダ内にアップロードします。今回は例としてシェアボタンのパーツなので『sns_btn.php』というファイル名で作成しました。

テンプレートファイルを作成する
テンプレートファイルを作成する

アップロードしたテンプレートファイルに任意のコードを記入します。ここに書いたものを後でパーツとして呼び出すことができます。

※ソーシャルメディアのシェアボタンを表示するコードの詳細はこちらの記事で紹介しています。

WordPressでツイッターやフェイスブック等SNSのシェアボタンを設置する方法(プラグインなし)
プラグインを使わずにコピペだけでソーシャルメディアのシェアボタンを設置する方法をご紹介します。現在のシェアボタンの表示にラグがあるのが気になる方や、お好みのデザインでシェアボタンを設置したいと言う方にオススメ。

テンプレートファイルの作成が終わったら、次はこのテンプレートファイルを呼び出すコードです。任意の場所に下記のコードをコピペします。

<?php get_template_part('テンプレート名'); ?>

テンプレート名は『.php』を省略してください。上記の例で言えばphp get_template_part(‘sns_btn’);になります。

この方法なら色々なものをパーツとしてテンプレートファイルを作っておき、1行のコードでポンと呼び出せるのでとても便利です。当サイトでも、お知らせ一覧や新着ブログ一覧、私のプロフィールなど、使用頻度の多そうなパーツは全てテンプレートファイルを作成しています。

スポンサーリンク

美味しいものを食べに行ったり技術録を書いたり。最近ブログ用のデジカメを買って浮かれています。ツイッターとかインスタグラムもやってますのでフォローもお気軽にどうぞ。

サブローをフォローする
SABURO DESIGN
タイトルとURLをコピーしました