the_contentのフック、スマホ(モバイル)のみ本文下(記事下)に表示するコード

記事下にphpのコードを追加する場合、通常、single.phpなどに直書きする方法を使いますが、テーマのsingle.phpが更新された場合に修正が必要です。そのため、今回はフックを使って実装してみます。

ウィジエットにphpのコードをかけるプラグインもありますけど、プラグインを増やしたくないため利用していません。

functions.phpのフィルターフックについて

WordPressはフィルターフックでコードに介入できます。functions.phpに簡単なフィルターフックを書いてモバイルのみ何か表示してみましょう。この方法を使えば、モバイルのみアドセンスや関連記事などのコンテンツを追加することができます。

コード

コードは次のとおりです。

////////////////////////////////////////////
// モバイルのみ本文下に表示するコード
////////////////////////////////////////////

function mobile_relate ($the_content) {
	if (is_mobile()) {
		$mobile_content  = $the_content;
		$mobile_content  .= '<p>モバイルのみ記事下に追加</p>';
		return $mobile_content ;
	} else {
		return $the_content;
	}
}
add_filter('the_content', 'mobile_relate');

簡単に解説

is_mobileはデフォルトではないため切り分けるコードをあらかじめ、書いておく必要があります。

is_mobile()の切り分け方

ただし、テーマがsimplicityの場合はmobile.phpに、このコードが書かれているようなので追加する必要はありません。他のテーマもソースコードを調査してみましょう。

.=は追加で代入です。あとはphpをちょっと勉強すればわかります。

プログラミングを質問掲示板、動画、チャットで学習する

プログラミングはudemyを使えば安く学べます。動画は書籍より格安でわかりやすい場合も少なくありません。チャットはスクールというと重たそうですけど、オンラインなら安いのですよね。

社会人・学生に安いオンラインプログラミングスクール比較/Javascriptやc#のスキルアップでおすすめは?

ebookbrain.net

2user

プログラミングの質問掲示板、レバレジーズteratail(テラテイル)も便利ですよ。

【評判は怖いひどい!?】teratail(テラテイル)を利用したみた感想【レバレジーズ】

ebookbrain.net