functions.phpを作成する – [09]WordPressテーマ制作レッスン

  • ブックマーク
  • -
    コピー

このレッスンでは、WordPressテーマにどんな機能を持たせるか設定をする基本のfunctions.phpの記述について解説してきます。

動画

レッスンの準備

このレッスンでは、上記リポジトリのwp-lesson-09というディレクトリにあるファイルを使って学習を進めていきます。

WordPressのルートディレクトリにあるwp-contentの中のthemeswp-lesson-09ディレクトリを設置しましょう。

functions.phpを作成する

このレッスンでは、WordPressのテーマにはほぼ必須と言っても過言ではないfunctions.phpファイルの基本的な作り方(書き方)を学習します。

ただし、ここで取り扱う方法は推奨される一例であって、こうでなければならないという訳ではありません。ぜひ、基本的な記述方法を学習して、自身でより最適なものを考えてみるのも良いでしょう。

フックとは

WordPressのテーマやプラグインを作成する際に、hook(フック) というものを多用します。これはWordPressの一連の処理の段階にhook が用意してあり、任意の場所や処理のタイミングに関数を呼び出したりすることができます。

フックには大きく分けて2種類あり、

  • アクションフック
  • フィルターフック

があります。

アクションフック

実行中の特定の場所や処理発生時にWordPressのコアが起動させるフックです。何かしらの処理を追加 したりするときによく使います。(参照:関数リファレンス/add action )

フィルターフック

データベースに追加する前やブラウザに表示する前などに、様々な形のテキストをカスタマイズするためにWordPressが起動させるフックです。(参照:関数リファレンス/apply filter )

after_setup_themeフックにアクションを追加する

functions.phpを開きます。まっさらなファイルになっているはずです。こちらにはPHPを記述していくので、冒頭に、

<?php

と入力してみましょう。ちなみにPHPを記述する際の閉じ?>ですが、全体としては記述しなくても大丈夫です。必要な箇所には記述しましょう。

まずは、ここで登録する関数を用意します。

function oleinlab_theme_support() {
	// 処理を書きます
}
add_action( 'after_setup_theme', 'oleinlab_theme_support' );

add_actionという関数を利用してafter_setup_themeというフックにoleinlab_theme_supportという関数の処理を加えるというイメージです。

WordPressがafter_setup_themeを実行するタイミングでoleinlab_theme_supportが実行されるということです。

以下にレッスン動画で解説している設定を掲載しています。詳しい解説は動画を参照ください。

add_theme_support

  • automatic-feed-links
  • post-thumbnails
  • title-tag
  • html5
  • editor-styles(add_editor_style
  • align-wide

$content_width

コンテンツ幅

wp_enqueue_scripts

CSSやJavaScriptをwp_head()もしくはwp_footer()を経由して読み込みます。よって、これまでに行なったCSSやJavaScriptのハードコーディングを回避することができます。

このレッスンの関連動画一覧を見る