20130530
◆メルマガ登録のボタンを大きな画像ボタンにする方法
<p><button name=”submit” value=”登録” type=”submit”><img src=”https://1717.biz/img/entry1.png” alt=”” /></button></p>
上のように、<img src=”https://1717.biz/img/entry1.png” alt=”” />で画像を差し込むとOK
再度
◆メルマガシステムで 登録のフォームをHTML出力すると 以下のHTMLが出力されます
が、★の部分を変更すれば、ボタンをイメージ出力できます。
<form method=”post” action=”http://ecafrm.com/CRI/ad/do” target=”_blank”>
<input type=”hidden” name=”mid” value=”SEM1″ />
<input type=”hidden” name=”fid” value=”dTN0W1″ />
<input type=”hidden” name=”charcode” value=”auto” />
<dl class=”pub_form”>
<dt><font color=”red”>*</font>メールアドレス</dt>
<dd><input type=”text” name=”d[0]” value=”” /></dd>
<dt><font color=”red”>*</font>お名前</dt>
<dd><input type=”text” name=”d[1]” value=”” /></dd>
</dl>
<hr>
<div class=”center”>
<input type=”image” alt=”生命保険見直しメールマガジンに申込む” src=”https://1717.biz/img/red1.png” />
</div>
</form>
◆レシポンシブ（スマホや、タブレット）表示対応のページで、YOUTUBEの表示がはみ出してしまう件
１）テーマのCSSに 下の一文を加える
.video-container {
??? position: relative;
??? padding-bottom: 56.25%;
??? padding-top: 30px;
??? height: 0;
??? overflow: hidden;
}
?
.video-container iframe,
.video-container object,
.video-container embed {
??? position: absolute;
??? top: 0;
??? left: 0;
??? width: 100%;
??? height: 100%;
}
２）そして記事をアップするときに、YOUTUBEのタグの 前と後を↓のように囲む
<div class=”video-container”><iframe frameborder=”0″ height=”360″ src=”http://www.youtube.com/embed/WI7_FZWhmEo?rel=0″ width=”640″></iframe></div>
◆YOUTUBEの貼り付けをする場合、邪魔なバーを消す方法
?rel=0&autohide=1&showinfo=0&color=white
↑のコードをYOUTUBEのURLの後ろにつけると良い
関連動画も表示しないし
バーもかくれる
を追記してやると良い（ブログ情報より）
◆GOOGLE ANALYTICSの登録
金丸さんのWPの本を参考にして登録＞＞＞BIｚVECTORにID入力
| 岡山生命保険見直し相談室 |
| プロパティ ID: UA-41353430-1 |
| デフォルト URL: https://1717.biz |
トラッキングコード
<script type=”text/javascript”>
? var _gaq = _gaq || [];
? _gaq.push([‘_setAccount’, ‘UA-41353430-1’]);
? _gaq.push([‘_trackPageview’]);
? (function() {
??? var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;
??? ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;
??? var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);
? })();
</script>
?◆投稿日を非表示
?投稿を表示した時、検索結果、カテゴリ名クリック時に
投稿日が表示されます。
これを非表示にするにはどうすればいいでしょうか？
他にも投稿日が表示されるところがあれば非表示にしたいです。 style.cssの最後に
.entry-meta {display: none;}
と追記
?◆ボタン画像の表示が、IPADではみでてしまうため、TAGを変更
ボタンも画像を小さくした
<p><input type=”image” src=”https://1717.biz/img/red1.png” alt=”生命保険動画セミナーに申込む”></p>
?◆検索エンジンに登録されたくない時に書くTAG
<metaname="robots"content="noindex">
◆ページの中で アンカーをつけて スクロールさせる方法
飛ばし先に（例）
<a name=”r”>
たとえば、ｒの場所に飛ばすとする
飛ばすもとを画像にするには
画像のリンクに
たとえば
をリンク先にいれるか
文字なら
<a name=”r“>rへ飛ぶ</a>
とリンク文字を入れたらOK