WordPressで記事毎に設定した広告を表示させる方法

2019/04/09 2019/12/09

WordPressでGoogleアドセンスのようなクリック広告ではなく、商品を指定したアフィリエイト用のコードを設定し表示させたかった。また、表示位置は適宜入れ替える可能性があったので記事本文に追記するのではなく、カスタムフィールドを設けてそちらに設定したい。以下に方法をメモ。

見出し

1 カスタムフィールド設定
2 テンプレート側設定
3 ダッシュボードの記事一覧で広告設定状況を表示

カスタムフィールド設定

Advanced Custom Fieldsを使用する。今回の例としてフィールド名「rakuten」、フィールドタイプ「テキストエリア」と仮定する。

Advanced Custom Fields

テンプレート側設定

表示させたい場所のテンプレートファイル(footer.phpとか)に以下を記述する。

<?php $rakuten = get_field('rakuten');?>
<?php if( $rakuten ){ //広告が設定されている場合のみ表示?>
	<div class="rakuten">
		<?php echo $rakuten; ?>
	</div>
<?php } ?>

<?php $rakuten = get_field('rakuten');?>

<?php if( $rakuten ){ //広告が設定されている場合のみ表示?>

<?php echo $rakuten; ?>

</div>

<?php } ?>

ダッシュボードの記事一覧で広告設定状況を表示

広告が設定されているかどうか後から確認しやすいよう、functions.phpに以下を追記しておく。

function add_posts_columns( $columns ) {
	$columns['rakuten'] = 'rakuten';
	return $columns;
}
function custom_posts_column( $column_name, $post_id ) {
	if ( $column_name == 'rakuten' ) {
		$rakuten = get_post_meta( $post_id, 'rakuten', true );
		echo ( $rakuten ) ? '○' : '×';
	}
}

function add_posts_columns( $columns ) {

$columns['rakuten'] = 'rakuten';

return $columns;

}

function custom_posts_column( $column_name, $post_id ) {

if ( $column_name == 'rakuten' ) {

$rakuten = get_post_meta( $post_id, 'rakuten', true );

echo ( $rakuten ) ? '○' : '×';

}

- CMS, WordPress

: WordPressと別プログラム間でSESSIONが引き継げない

同一サーバ内に自作したプログラムとWordPressを設置しており両者でセッショ ...

: Advanced Custom Fieldsでチェックボックスの記事を取得

Advanced Custom Fieldsでチェックボックス設定しているカスタ ...

: WordPressのカテゴリーベースに関して

WordPressのパーマリンク設定でカテゴリベースを設定したかった。ここは変更 ...

: さくらvpsにワードプレスを導入

さくらvpsで立ち上げたサーバーにWordPressを導入した際のメモ。 ①ダウ ...

: WordPressで閲覧者にテーマを変更させるプラグイン

「新規サイトを○○みたいなイメージでWordPressのテーマを見繕って欲しい」 ...

: contact form7で送信数を測定

contact form7でフォーム送信が完了した時点で計測されるようにトラッキ ...

: 軽量CMSのMonstraがよさげ

WordPress便利なんだけど、メモリ1GのVPSだとWordPressだけで ...

: WordPressでSNSボタンが表示されない

WordPressでWordPress WP Social Bookmarkin ...

: WordPressの記事をfacebookに投稿

WordPressの記事をfacebookに投稿する際にOGP設定をする必要があ ...

: WordPressでプラグインの作成方法

WordPressで簡単なニュースを表示させるというプラグインを作成したので、使 ...

PREV: WPのget_the_contentsでpタグが挿入されない
NEXT: JavaScriptのvarとletとconst

WordPressで記事毎に設定した広告を表示させる方法

カスタムフィールド設定

テンプレート側設定

ダッシュボードの記事一覧で広告設定状況を表示

関連記事