スマホ版FC2ブログで表示される『スマートフォン版で表示』ボタンを非表示にする方法


Ads by Google

001_20131225_fc2sumahobutton.png

スマートフォン(特にユーザーエージェントの変更ができないiPhoneのSafari)でPC版のFC2ブログにアクセスすると画面上部に『スマートフォン版で表示』と書かれた青いボタンが表示されて困っている方いるんじゃないでしょうか。

今回は超簡単にあのボタンを非表示にする方法を紹介します。

Ads by Google

CSSであのボタンを非表示にしてみよう

002_20131225_fc2sumahobutton.png


方法は超簡単!CSSで非表示にしてしまえばいいのです。
あのボタンの要素はこんな感じになっているので
003_20131225_fc2sumahobutton.png

テンプレートのCSSに以下のコードを追加してしまえば画面上に表示されなくなります。

#change_mobile {
display:none;
}


本当は設定とかで非表示オプションがあればいいんですが、無いので半分無理やりですが取り敢えず簡単に非表示にすることが出来ます。


iPhone版Safariで表示してみた結果
コード追加前コード追加後
004_20131225_fc2sumahobutton.png 005_20131225_fc2sumahobutton.png


『スマートフォン版で表示』ボタンに困っていた方、簡単なので是非参考にしてみてはどうでしょうか!

Ads by Google

web拍手 by FC2 記事編集
comments powered by Disqus

デジテクノート