1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. WordPress
  6. »
  7. 【 WordPress 】functions.php で色んな機能を使ってみよう!【基本】

【 WordPress 】functions.php で色んな機能を使ってみよう!【基本】

馬鹿は風邪を引かないといいますが、どうやら引いたようです。@It_is_Rです。
ちなみに、「馬鹿は風邪を引かない」ということわざは、「馬鹿は風邪を引いても気がつかない」という例えだって知ってましたか? そんなの常識って? やかましいわ。

関係ない話はさておき、 WordPress テーマ自作シリーズ、第8回目となりました。
今回は functions.php を使って、様々な機能を使ってみようと思います。

このシリーズの前回の記事はこちらです。
WordPress テーマ自作!投稿ページ、固定ページの作り方。

目次
  1. functions.php について
  2. サイドバー、メニュー項目を有効にする
  3. サムネイルを有効にする
  4. タイトルタグを自動で出力する
  5. キャプション、コメントフォームなどを HTML5 にする
  6. 投稿フォーマット
  7. 抜粋の文字数を変更
  8. まとめ

functions.php について

functions.php を使うことによって、様々な機能を追加することができます。
例えば、管理画面にメニューを追加したり、サイドバー、ナビゲーションなどのテーマ機能を有効にしたりということができます。

サイドバー、メニュー項目を有効にする

以前こちらの記事でも紹介しましたが、もう一度ソースコードだけ。

functions.php

<?php
function mytheme_widgets_init() {
	register_sidebar( array(
		'name' => 'ウィジェット',
		'id' => 'sidebar',
		'before_widget' => '<div>',
		'after_widget' => '</div>',
		'before_title' => '<h2 class="title">',
		'after_title' => '</h2>',
	) );
}
add_action( 'widgets_init', 'mytheme_widgets_init' );

サイドバー、メニュー項目が有効になります。

サムネイルを有効にする

サムネイルを有効にしていない場合は、記事投稿ページにサムネイルの項目が表示されません。
サムネイルを有効にするには、以下を functions.php に入力します。

functions.php

add_theme_support( 'post-thumbnails' );

記事投稿ページを見ると、アイキャッチ画像の項目が増えていることが分かります。
wordpress

もし表示されていない場合は、表示オプションのアイキャッチ画像にチェックが入っているか確認してください。
wordpress

タイトルタグを自動で出力する

テンプレートにtitleタグを直接入力しなくても、 functions.php に以下を入力すれば、自動的にtitleタグを出力してくれます。

functions.php

add_theme_support( 'title-tag' );

キャプション、コメントフォームなどを HTML5 にする

以下の functions.php に入力することで、コメントリスト、コメントフォーム、検索フォーム、ギャラリー、キャプションが、 HTML5 で出力されます。

functions.php

add_theme_support( 'html5', array( 'comment-list', 'comment-form', 'search-form', 'gallery', 'caption' ) );

投稿フォーマット

以下を追加することによって、投稿フォーマットを選択できるようになります。
functions.php

add_theme_support( 'post-formats', array(
	'aside',
	'image',
	'video',
	'quote',
	'link',
	'gallery',
	'status',
	'audio',
	'chat',
));

wordpress

また、自作テンプレートで投稿フォーマットを使うことを想定していなかった場合、それ専用にテンプレートを直す必要があります。

抜粋の文字数を変更

以下の例は、抜粋文の文字数を100文字に変更するものです。

functions.php

function custom_excerpt_length( $length ) { return 100; }
add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );

まとめ

今回は functions.php で使えるいくつかの設定を紹介しました。
また次回もお楽しみに。

この企画の一覧はこちら

    スポンサードリンク

    関連コンテンツ

    オススメ記事

    【Unity】Addressableを使って画像をスクリプトから表示する方法

    こんにちは。私が執筆した小説「ELENA 人魚と過ごした時間」をベースとしたノベルゲームを現在Unityにて開発中です。まだまだ、時間はかかりそうですが、完成したときはよろしくお願いいたします。

    【Bootstrap 4】badgeを使ってテキスト横に小さな文字を入れる方法

    前にBootStrap4の記事を書いていましたが、日にちが空いてしまいましたね。@It_is_Rです。 前回は全体的な機能とアラートの使い方を紹介しました。 今回はバッジの使い方を紹介していき

    VCCW

    VCCW で、超簡単に WordPress のローカル開発環境を整える方法。

    考えすぎて間違った方向へ進む、@It_is_Rです。 WordPress のローカル開発環境を作りたい時、 VCCW を使うと便利です。 今回は、 その方法を紹介します。 VCC

    java

    【Java】スーパクラス、サブクラスとは?継承について。

    猿も木から落ちますが、Rは木から落ちません。だって登らないから。 @It_is_R です。いや、登ろうと思っても登れません。 Javaを使っていると継承という言葉をよく耳にしますよね。どういうも

    HTML CSS

    CSSでの円の作り方と、その上下左右中央に文字を表示する方法

    サイトを作る時、円形のパーツを作りたい時ってよくありますよね。 円はCSSで簡単に作ることができます。 さらに今回はCSSで作成した円の中央に文字を置く方法も紹介します。 CSSでの

    Unityのダウンロードとインストールの方法【Windows】

    UnityはUnity Technologiesのゲームエンジンです。2D、3Dゲーム両方に対応しており、大手企業も使用してゲームを開発している、とても高機能なツールです。 Unityにはいく

    【Mac】Gitのダウンロードとインストールの手順

    いらないファイルは残っているのに、欲しいファイルに限って見つからない@It_is_Rです。 前回「GitHubのアカウントを作成する方法」では、GitHubのアカウントを作成する方法を紹介しま

    fish shell

    Fish shellの使い方。プラグインなしでもここまで可愛くできる!

    先日、Macをフォーマットしたため、今まで構築したきた開発環境が消えました。 といっても、バックアップはとってあるので戻すことはできるのですが、せっかく綺麗に全部消えたので、もう一度作り直そうかな、

    scratch

    Scratchでシューティングゲームを作ろう! 小学生からのプログラミング入門

    さて、プログラミングの勉強をはじめていきましょう! 前回の「Scratchでじゃんけんゲームを作ろう!」では、じゃんけんゲームの作り方を学びました。今回は、もうちょっと本格的(ほんかくてき)な

    FC2 blog customize

    FC2ブログ ”最強” カスタマイズ入門講座。背景を変更する。

    三度の飯よりも好きなものが多すぎて比較にならない@It_is_Rです。 FC2ブログ"最強"カスタマイズ入門講座の続きですね。最強にカスタマイズしていきましょう。 今回は背景色の変更をメインに

    コメントをどうぞ!(コメントは承認後に反映されます)

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です