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で店舗用サイトを作るときに使えそうなテーマ
WordPressで店舗用のサイトを作る際に使えるかも、というテーマがいくつかあ ...

: WordPressの管理画面で記事一覧にアイキャッチ画像を表示
WordPressの管理画面で記事一覧にアイキャッチ画像を表示させる方法のメモ。 ...

: WordPressでカスタムフィールドとCSVファイル投稿
WordPressでカスタムフィールド設定している環境に、CSVファイルアップロ ...

: WordPressのサーバー移行で気付いた点
あるWordPressを置いているサーバーのリソースが苦しくなってきたので、新た ...

: WordPress4.0の新機能
WordPress4.0への更新が出来るとダッシュボードに書いてた。互換性で変 ...

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

: WordPressにお気に入り登録機能とお気に入り一覧ページを作成する方法
WordPressにお気に入り登録機能をつけたかった。会員制のサイトじゃなかっ ...

: WordPressでGmailのSMTPサーバを使ってメール送信フォームを作る
■やりたかった事 WordPressでGmailのSMTPサーバを使用したメール ...

: Advanced Custom Fieldsで記事取得
WordPressでAdvanced Custom Fieldsにて設定した項目 ...

: gzip圧縮とキャッシュをhttpd.confで設定する
今まで共用サーバーで使っていたWordPressをVPSに移した。せっかくなの ...

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

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

カスタムフィールド設定

テンプレート側設定

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

関連記事