【初心者向け】WordPressにインポートした自作テーマをパーツごとに分割する方法

WordPressのロゴTシャツWordPress
スポンサーリンク

こんにちは。げんきWEB作者の”げんき”です。
現役のSE(システムエンジニア)です。

はじめに

今回はWordPressにインポートしたIndex.phpから各パーツ(ヘッダーやフッター)を分割して、テンプレート化する方法を説明します。

部位ごとにテンプレート化することで、Topページだけでなく、個別の投稿ページや固定ページなど色々なところで使えるようになるよ!

get関数でパーツを取得したイメージ

WordPressサーバ上にテンプレートファイルを作成する。

WordPressサーバ のディレクトリは↓

/opt/bitnami/apps/wordpress/htdocs/wp-content/themes/テーマの名前/

(省略)/themes/テーマの名前/ 配下に

  • ヘッダー(header.php)
  • フッター(footer.php)
  • サイドバー(sidebar.php)

など必要なファイルを作成します。ファイルの中身は空でOK

注意:テーマごとに必要なファイルは異なりますので注意してください。

(最初からファイルが存在している場合は、読み飛ばしてください。)

ファイルの作成や権限、所有者の変更に関する記事は下記↓

(FTPソフトウェアでも可)

WordPress管理画面の「外観」→「テーマエディター」から作成したファイルが存在することを確認してください。

WordPress管理画面 からファイルが見えない(編集ができない場合)

ファイルの権限、所有者を誤って作成している可能性が考えられます。ファイルの権限や所有者が正しく作成されているか確認してください。

WordPressサーバ上のファイルに必要な権限

-rw-rw-r-- 1 daemon daemon 対象のファイル名

ディレクトリに必要な権限

drwxrwxr-x daemon daemon

テンプレートの切り出し

WordPressの「テーマエディター」からIndex.phpを開いて、必要な部分を切り取ります。

一般的な例

  • ヘッダーなら、<!DOCTYPE html>から</head>まで
  • フッターなら、<footer>から</footer>まで

コピーした内容をWordPress管理画面のテーマエディターから必要なファイルに貼り付けて、「ファイルを更新」を押します。

今回は以上です。

タイトルとURLをコピーしました