Simple Journal – footer.php の作りこみ

本日はテンプレートファイル footer.php を編集していきます。

 

以下のようになっている footer.php に・・・・

 

次のようなテンプレートタグや関数を挿入していきます(OwnerName のリンクの target=”_blank” 部分は削除しています)。

 

ここで登場するテンプレートタグは以下。

bloginfo

指定したパラメータに応じたサイトの情報を表示します。

(パラメータの例)

  • “name” -> サイトのタイトルを表示。

home_url

サイトのホームURLを表示します。

 

そして以下は、wp_header()と似た動きをする関数。

wp_footer

‘wp_footer’ というアクションフックをスタートさせるための関数です。 通常、</body> タグの直前に記述します。

この関数をテンプレートファイルに記述しておくと、
</body>タグが出力される直前のタイミングで実行するよう事前登録された(「フックされた」といいます)関数を実行することができます。

例えば、以下のようなテーマの最上部に表示されるWordPressの管理バーは、この’wp_footer’アクションにフックして出力されますので、自作のテーマを作る際には必ず記述しておいたほうがいいでしょう。

 

さらに以下は、このテーマのために私が独自に定義した関数です。

simplejournal_year_of_publication

サイトの発行年を返します。

独自関数はテーマの functions.php に定義します。

今回は以下のようなコードを functions.php に追記しています。

 

footer.php(および functions.php)に以上の変更を加えた後、サイトを表示すると以下のようになります。

After Edit Footer Template

wp_footerタグを埋め込んだおかげで、WordPressにログインした状態のときには画面の上部に管理バーが表示されるようになりました。

なお、出力されたフッター部分のHTMLのコードは以下。

上記のコードの中で <!– start of wp_footer –> と <!– end of wp_footer –> の間に挟まっている部分が、 ‘wp_footer’アクションフックにより自動的に出力されたコードとなります(こちらも、結構いろいろ勝手に出力されます)。

Simple Journal – ヘッダー部分とフッター部分をテンプレートファイルに切り出す

前回編集した index.php のヘッダー部分とフッター部分のコードを別のテンプレートファイルに切り出し、共通化しておくことにします。

01. ヘッダー部分を header.php に切り出す

テーマのヘッダー部分をテンプレートファイル header.php に切り出します。

まずはテーマフォルダに header.php ファイルを作成し、

Add Header Template

index.php のヘッダー部分をコピーまたはカットして・・・

Cut Header HTML

header.php に貼り付け、保存します。

Paste Header HTML

その後、index.php のヘッダーがあった箇所には以下のテンプレートタグを挿入。

Add Header Template Tag

この状態でWordPressサイトを確認すると・・・

Check Header

見た目は変わらずです。

※ なお、index.phpのテンプレートタグの記述を削除した場合、サイトは以下のような表示になります(ヘッダー部分がごっそりなくなった状態)。

Without Header

 

02. フッター部分を footer.php に切り出す

フッター部分についても同様におこないます。

まずはテーマフォルダに footer.php ファイルを作成し、

Add Footer Template

index.php のフッター部分をコピーまたはカットして・・・

Cut Footer HTML

footer.php に貼り付け、保存します。

Paste Footer HTML

その後、index.php のフッターがあった箇所には以下のテンプレートタグを挿入。

Add Footer Template Tag

この状態でWordPressサイトを確認すると・・・

Check Footer

ちゃんと footer.php の内容が index.php から読み込まれているのがわかります。

 

今後 index.php 以外のテンプレートファイルを追加したとき、今回使ったテンプレートタグの記述だけで、index.php と同じヘッダーやフッターを読み込めるので大変便利です。