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 で使えるいくつかの設定を紹介しました。
また次回もお楽しみに。

この企画の一覧はこちら

    スポンサードリンク

    関連コンテンツ

    オススメ記事

    SCSS vs SASS どっちが便利か違いを比較。おまいら SASS 使えよ!

    CSS を書くときに、 Sass はもう手放せません。 @It_is_R です。 さて、今回のテーマとなる Sass の表記には、2種類ありますよね。 SCSS と、 SASS です。

    bootstrap3

    Bootstrap3でサイトのレイアウト。グリッドシステムの使い方と裏技。

    開発中のゲームはサイト制作に入っております。@It_is_Rです。 前回に引き続き、Bootstrap3の記事です。 サイトを作るとき、CSSなどを使ってサイトのレイアウトを調節したりしますが

    リセットCSS は何を使う? まとめ8選と2019年版ランキング

    Web開発でブラウザごとの表示の違いをリセットしてくれる リセットCSS というものがあります。 しかし、何を使っていいのかと感じている人もいると思います。 今回はこの リセットCSS につい

    HTML5とCanvasを使うべ!

    小学生からのJavaScript。HTML5とCanvasを使ってみよう!

    小学生からのプログラミング講座(こうざ)、第9弾です。 これまでの講座(こうざ)では、JavScriptの基本(きほん)について学び、キャラクターの操作(そうさ)ができるようになりました。 こ

    【Android Studio】じゃんけんゲームの作り方(アプリ開発の基本)

    限りなくじゃんけんが弱い@It_is_Rです。 Androidアプリ開発、11回目となりました。 そろそろ何かアプリを作ってみたいですよね。基本は大事ですが、一番つまらないですね。 そこ

    FC2 blog customize

    FC2ブログ ”最強” カスタマイズ入門講座。文字の大きさを設定する。

    こんにちわ。美しいものほど濁って見える@It_is_Rです。 今回もFC2ブログの"最強"カスタマイズを始めていこうと思います。 今回は文字の大きさや色など、ブログ内の文字の設定をしていきます

    FC2 blog customize

    FC2ブログ ”最強” カスタマイズ入門講座。ヘッダーをカスタマイズ。

    寒くなってきましたね。皆さま前かがみになって、まるで亀の様です。@It_is_Rです。 皆様がブログを見て、一番最初に目に入ってくるのはどこでしょうか? 殆どの場合、ヘッダー部分ですよね。つま

    【Gitの使い方 – その3】Gitで実際にバージョン管理してみよう!

    お魚くわえた@It_is_Rです。 Gitの使い方第3回目の今回は、実際にGitを使ってバージョン管理をしてみようと思います。 [serif name="It is R"]りこ師匠

    wordpress

    WordPress管理画面のテーマカスタマイザーに独自の項目を追加。

    WordPressみたいに私自身の人生もカスタムできたらいいのに。@It_is_Rです。 WordPressのカスタマイズは、公開しているサイトだけではありません。 管理画面をカスタマイズする

    VCCW

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

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

    コメントをどうぞ!

    メールアドレスが公開されることはありません。