2018-03-12

search.phpの作成

search.phpを作成した時のメモです。

search.phpについては、そのほかのindex系や単体ページ系のテンプレートとは異なる部分がいくつかあり、その部分をまとめておきたいと思います。

なお、今回は検索ページと検索結果ページを一つにまとめる構成にしています。

コード

search.php独自の部分は？

the_search_query();

「検索された語句」を出力する関数があります。今回はヘッダーの中に設置したh1のテキストとして出力しています。ただ、検索を経ずにこのページに来ることもあるとすると、検索クエリが含まれているかどうかを判別しないといけないですね。というわけでget_search_queryを使って条件分岐を行ってます。

説明
検索が行われたときに、そのリクエストの検索クエリを表示します。

このファンクションは HTML 属性の中 (以下に示す「検索窓」の例のように) でも安全に使えます。

値を取得するには get_search_query / en を使ってください。

使い方
<?php the_search_query(); ?>

テンプレートタグ/the search query

get_search_form();

get_search_formを使うことで、WordPressの検索フォームを設置することができます。デフォルトのデザインから変更するにはsearchform.phpを作成を利用しますが、その点はまた次回に。

検索結果画面のクエリ

これはテーマファイルの名称がきちんとsearch.phpになっていれば通常のループで問題ないみたいです。

2018-03-12

ループについて｜WordPressテーマの作り方

WordPressテーマの作り方

ページ送りがデフォルトだったり、サイドバーが一切なかったりしてますが、テーマを利用し始めました。使いながら少しつ良くしていきたいなと思います。

あと、はてなブログからgithub.ioへ引っ越しました。VCCW+StaticPress+github.ioの組み合わせで無料ホスティング。
若干手間は増えますが、そのあたりの自動化も課題としてやっていきたいなと思います。

さてタイトルの件ですが、今現在ほとんどのページでアイキャッチを設定していません。イコール、インデックス系のページにはサムネイルがありません。大事なのは理解しているのですが、正直若干面倒だな…と思うんですよね。

このテーマのヘッダーデザインはそういう理由だったりもします。この作りなら忘れてしまってもカッコつくかなと。

とは言え、カテゴリとかタグのページにはどうしても必要ですし、これまで設定してこなかった分を一つ一つ設定するよりアイキャッチ画像のデフォルト設定をしてしまった方が勉強にもなるし一石二鳥だ！というわけでアイキャッチにデフォルト設定をかけていきます。

特定の画像をデフォルト画像としてアイキャッチに設定する方法

add_action( 'save_post', 'save_default_thumbnail' );
function save_default_thumbnail( $post_id ) {
	$post_thumbnail = get_post_meta( $post_id, $key = '_thumbnail_id', $single = true );
	if ( !wp_is_post_revision( $post_id ) ) {
		if ( empty( $post_thumbnail ) ) {
			update_post_meta( $post_id, $meta_key = '_thumbnail_id', $meta_value = '56' );
		}
	}
}
WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法
WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法をご紹介します。クライアントワークでも使えると思います。−kachibito.netさまより引用

デフォルト画像はこちらを設定します。まずは任意の画像をアップ。全投稿を更新します。

写真ACさんよりいただきました。

実行結果

before

after

無事、期待通りの結果になりました！続いてなぜこうなるのか？を追っていきます。

コードの仕組み

まず、フックになっているpost_saveですが、Codexによると

インポート機能の利用、投稿・ページ編集フォームの利用、XMLRPCでの投稿、メールでの投稿のうちいずれかの方法で投稿・ページが作成・更新された際に実行する。実行されるタイミングはデータがデータベースに保存された後。アクション関数引数: 投稿 ID投稿 ID は最後に保存した投稿ではなく投稿履歴を参照していることもある。実際の投稿の ID を取得するには、[[関数リファレンス/wp_is_post_revision()]] を使う。

WordPressCodex-アクションフック一覧

とのこと。要は何かしら投稿が保存されたタイミングで何かしたいときにどうぞーということですね。で、引数にはpost_idが渡されるので、保存が行われた投稿に対してのみの動作になると。なるほど。

実際の処理の流れは、