WordPress スマホ画面のカスタマイズ〜メールマガジン登録ボタンを付けたい

難易度：高（今回もちょっと難しいです・・・）

昨日も書きましたが、スマホ用画面には WPtouch Pro を使っています。

今回やりたい事は、スマホ画面にも「Subscribe2」のメールマガジン登録ボタンを付けたい。です。

先日のエントリー「WordPress でメールマガジン Subscribe2 をインストール」でスマホ画面への設置を忘れたので、続きになります。

では早速。

subscribe2 は ショートコード [subscribe2] で呼び出す事が出来るので、WPtouch Pro テーマファイルの footer.php に

<div id="mail-magazine" class="rounded-corners-8px">
	<h3>メルマガ登録</h3>
	<p>ブログの更新情報等をメルマガでお送りします。豊作プロジェクト株式会社の<a href="http://www.housaku.net/ec-company/privacy.html" target="_blank">個人情報保護方針 </a>にご同意頂いた上で、メールマガジンの登録を行って下さい。</p>
	<?php echo do_shortcode( '[subscribe2]' ); ?>
</div><!-- #mail-magazine -->

を記述

デザインを整える為に style.min.css に

#mail-magazine {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	margin: 0px 9px 0px;
	background-color: #fff;
	border: 1px solid #b1b1b1;
	padding: 12px 8px;
}

を追記する。

これで完了。

メルマガ登録後に遷移する画面の設定が、固定ページしか設定出来ないのが玉に傷だが仕方ない。

こんなのが

こんな感じになった。