岡山県岡山市から生命保険 学資保険 医療保険 がん保険の見直し相談受付 岡山市 倉敷市 玉野市 総社市 赤磐市

更新するうえでメモを残したいこと(非公開)

  • HOME »
  • 更新するうえでメモを残したいこと(非公開)

20130530

◆メルマガ登録のボタンを大きな画像ボタンにする方法

<p><button name=”submit” value=”登録” type=”submit”><img src=”http://www.1717.biz/img/entry1.png” alt=”” /></button></p>

上のように、<img src=”http://www.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=”http://www.1717.biz/img/red1.png” />
</div>
</form>

 

 

◆レシポンシブ(スマホや、タブレット)表示対応のページで、YOUTUBEの表示がはみ出してしまう件

1)テーマの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%;
}

2)そして記事をアップするときに、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&amp;autohide=1&amp;showinfo=0&color=white

↑のコードをYOUTUBEのURLの後ろにつけると良い

関連動画も表示しないし

バーもかくれる

 

 

を追記してやると良い(ブログ情報より)

◆GOOGLE ANALYTICSの登録

金丸さんのWPの本を参考にして登録>>>BIzVECTORにID入力

岡山生命保険見直し相談室
プロパティ ID: UA-41353430-1
デフォルト URL: http://www.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=”http://www.1717.biz/img/red1.png” alt=”生命保険動画セミナーに申込む”></p>

?◆検索エンジンに登録されたくない時に書くTAG
<metaname="robots"content="noindex">
 ◆ページの中で アンカーをつけて スクロールさせる方法

 

飛ばし先に(例)

<a name=”r”>

たとえば、rの場所に飛ばすとする

 

飛ばすもとを画像にするには

画像のリンクに

たとえば

http://www.1717.biz/books#r

をリンク先にいれるか

 

文字なら

<a name=”r“>rへ飛ぶ</a>

とリンク文字を入れたらOK

ホームページを見たと言うだけでわかります TEL 0120-919-702 受付時間 9:00~22:00(365日)

  • Facebook
  • Hatena
  • twitter
  • Google+
PAGETOP