FC2ブログの無料版は、スマートフォンで見たときに、フッター部分に他ブログへのリンク(注目記事やカテゴリー内ランキング)が挿入されます。
とてもゴチャついた印象になってしまいます。
この他ブログへのリンクは、無料版でも簡単に消すことができます。
また、広告についても、できるだけ非表示にしたり、表示される位置を変えたりして、画面をすっきりさせる方法をご紹介します。
注目記事・ランキングを非表示にする
FC2ブログのフッターに表示される「注目記事」は、他ブログの記事です。自分の考え方と違う記事が、自分のブログの一部と紛らわしい状態で表示されるのは困ります。読者に誤解を与えます。
そこで、この「注目記事」と「カテゴリー内ランキング」を消す方法を考えました。パソコンを使ってCSSを少し編集するだけで、注目記事・ランキングを非表示にできます。
FC2ブログの管理画面のメニューから「テンプレートの設定」画面を開きます。「テンプレートの設定」画面が開いたら上部のリンクで、「スマートフォン用 テンプレート管理」のページを選択します。
テンプレートの設定 > スマートフォン用テンプレート管理 > スタイルシートの編集
大きなテキストボックスが2つ上下に並んでいます。上はHTMLの編集ボックス、下はスタイルシート (CSS) の編集ボックスです。
HTMLのほうは触らないでください。スタイルシートの編集ボックスをスクロールして、最後のところに下記のCSSをコピペして追加してください。
.footer_contents_group_title {
display:none;
}
.fc2footer_contents_box {
display:none;
}
貼り付けたら、テキストボックスの下にある青い「更新」ボタンを押して、設定を保存してください。
以上で完了です。スマートフォンでページを開いて確認してください。注目記事とブログランキングが消えていれば成功です。
うまくいかない場合は、間違えてHTMLの編集ボックスにコピペしていないか、コピペしたあとに更新ボタンを押し忘れていないか、確認してみてください。
なお、この方法がFC2ブログの規約に違反するか否かは未確認です。実行される場合は、自己責任でお願いします。
広告を非表示にする方法
FC2ブログの無料版では、多数の広告が自動表示されます。これらの広告には、削除して良いものと、利用規約上、削除が禁止されるものがあります。
オーバーレイ広告は削除してもOK
スマホ画面の上部や下部にコンテンツにかぶさる形で表示される広告(オーバーレイ広告)は削除してもOKです。
スマートフォン用のテンプレート編集画面を開いてください。
テンプレートの設定 > スマートフォン用テンプレート管理 > HTML編集
HTML編集ボックス内の次の記述を削除すれば、オーバーレイ広告は消えます。
<%ad_overlay>
フッター、ヘッダーの広告は位置の変更のみOK
フッターやヘッダーに表示されるバナー広告は、削除することができません。邪魔に感じたら、位置を変更してみましょう。レイアウトを工夫すれば、かなりスッキリした印象に変えることができます。
スマートフォン用のHTML編集画面で操作します。
テンプレートの設定 > スマートフォン用テンプレート管理 > HTML編集
HTML編集のテキストボックスをスクロールして、次の2箇所の記述を見つけてください。1つめはヘッダー広告、2つめはフッター広告を表示させるHTMLタグです。
<%ad>
<%ad2>
このタグがある位置に、自動的に広告が表示されます。自分が広告を表示させたい位置に移動しましょう。
実際のテンプレートでは、下記のように、前後を divタグで挟まれた形式で記述されています(これは一例で、テンプレートによってdivタグ内の記述は異なります)。
<div id="ad_header" class="ad_header"><%ad></div>
<div class="ad_footer"><%ad2></div>
移動するときは、前後の divタグと一緒に移動してください。
移動が完了したら、更新ボタンを押して保存してください。
移動できる範囲は、HTML編集ボックス内の<body>から</body>の間なら基本的にどこでも大丈夫です。スマートフォンで実際の表示を確認しながら、いろいろと試してみてください。
ページの最後の方にまとめてしまえば、記事を読む人の邪魔にならないと思います。