フリーソフトやChrome拡張機能の使い方、ゲーム攻略、漫画感想など雑多な内容。

0 Comments
11/1 区切りをPCのものに合わせることを忘れていたので追記。
最近スマホからのアクセス数が若干増えた気がするのと、今までのスマホテンプレートのUIが酷すぎたので思い切って変更。

再度広告の設置をしたり、表示ずれてるのを直したりと地味に面倒。背景色がPCと違って文字色見づらくなってるところがあるけど差し替えるの大変過ぎるのでそこはスルー。

◆タイトルタグの重複

検索エンジンにスマホ用のページを登録させないようにする。
<!--------------------▼タイトルタグの重複▼-------------------->
<meta name="robots" content="noindex,nofollow" />
<!--------------------▲タイトルタグの重複▲-------------------->


</head>
設置する位置は</head>の上。

ちなみにオレンジはテンプレートを弄る前からある箇所。灰色は以前のテンプレートで色々弄ったときのものを流用。



◆広告

元々FC2ブログのテンプレートにある<%ad>(ヘッダー広告)と<%ad2>(フッター広告)は消すと規約違反なので基本的に弄らず位置もほぼそのまま。

FC2の広告にはもう1つ<%ad_overlay>(オーバーレイ広告)があるが、これは消しても規約違反にならないのと、自分用のオーバーレイ広告を設置したいので最初に消しておく。

▼FC2広告1
<!--▼FC2広告▼-->
<div id="ad_header" class="ad_header">
<div align="center"><%ad></div></div>
<!--▲FC2広告▲-->
そのままだと広告の位置が左寄せだったので中央寄せに変更。

▼ヘッダー広告
<!--▼ブログ紹介文▼-->
<div id="blog_intro">
<%introduction>
</div>
<!--▲ブログ紹介文▲-->


<!--------------------▼忍者AdMax ヘッダー▼-------------------->
<!-- admax -->

<div align="center">
スマホ広告表示タグ1
</div>
<!-- admax -->
<!--------------------▲忍者AdMax ヘッダー▲-------------------->
こちらも中央寄せ。設置位置はブログ紹介文のすぐ下。

▼記事内の広告
<%topentry_body>

<!--------------------▼忍者AdMax 記事本文と追記の間▼-------------------->
<!-- admax -->

<div align="center">
スマホ広告表示タグ2
</div>
<!-- admax -->
<!--------------------▲忍者AdMax 記事本文と追記の間▲-------------------->

<br />
<%topentry_body>の下に設置。表示がずれたので<br />で微調整。これも中央寄せ

▼FC2広告2、フッター・オーバーレイ広告
<!--▼FC2広告▼-->
<div class="ad_footer">

<!--------------------▼忍者AdMax フッター・オーバーレイ▼-------------------->
<!-- admax -->
スマホ広告表示タグ3
<!-- admax -->
<!--------------------▲忍者AdMax フッター・オーバーレイ▲-------------------->

<%ad2></div>
<!--▲FC2広告▲-->
元からあるFC2広告の間にタグ3を挿入。



◆記事タイトルとブログ名の間の区切り

PCテンプレートのものと合わせておいた。

元々あったスマホテンプレートのもの。
<title><%sub_title> - <%blog_name></title>

こちらが以前PCテンプレートで色々弄ったときのもの。上のものを丸々こちらに変更した。
<title><%sub_title><!--not_index_area--> : <!--/not_index_area--><%blog_name></title>
関連記事

Comments 0

There are no comments yet.