ente‐will

ネットの話題を中心に気になったことや調べたことを書いています

PCとスマホの表示を同じにするレスポンシブデザインにSeesaaブログをカスタマイズ

   

今まで、気にしたことが無かったというか見たことがなかったSeesaaブログのスマホ表示なのですが、広告が多いことを知りました。

無料で提供されているものなので広告が出ること自体はしょうが無いとは思うのですが、あまり多いと表示が遅くなりユーザビリティが悪くなるのではないかと思い対策を講じてみます。

Seesaaブログを利用している人ならわかると思いますが、PC版は割りと自由に弄ることが出来るのに対してスマホやモバイルは殆ど弄ることが出来ません。それでも、全く弄ることが出来ないブログもあるので良心的です。

調べて見た限りでは正攻法で広告を外すのは難しいようですが、対策が2パターン見つけることが出来ました。

一つ目がスマホ版を見せなくする方法で、二つ目がスマホテンプレートをカスタムする方法。

どちらも簡単とは言えない方法ですが、広告の仕様が定期的に変わっているとの記述もあったので一つ目のスマホ表示を無くしてPCをレスポンシブルデザインにしたほうが良いのでは無いかと思います。

どちらかと言えば簡単なのは二つ目なのですけどね。

参考サイト:Seesaaブログスマホ広告を消す(非表示にする)悩みを消す方法

ここに書いてある通りすすめれば割りと簡単にSeesaaブログをレスポンシブルデザインにすることが出来ると思います。

流れとしては、管理画面のデザインでスマートフォンのタブを開きコンテンツのヘッダーと書いてある場所に自由形式を持って行き中身を<style>~<script>~と書いてある物を貼ります。自由形式以外は消してもいいです。

次に管理画面のデザインでPCを選びCSSを追加します。Ver.20150607 と@media screen andで始まる二つのコードをCSSに追加で貼り付けます。

テンプレートが違えばコードも違うので、それぞれ利用しているテーマに合わせて調整しなければなりません。よく見れば見たことがある書き方なので、テーマに合わせて調整して行きましょう。

最後にデザイン設定の並びにあるHTMLのの中にmeta name=”viewport”~を追加します。viewportはレスポンシブルの肝となる部分なので最初に設定しても良いかもしれません。

流石に何を言っているのか分からない人にはハードルが高い変更ですが、少しでも触ったことがあれば意外と簡単です。

いきなり本番にブログで挑戦するのは危険なのでテスト用のブログを作るかバックアップをキチンと取ってから挑戦してみましょう。

 - サイト運用

Adsense

スポンサーリンク

Adsense

スポンサーリンク

  関連記事

mu1
ムームードメインでドメインを取得・申し込み方法を解説(画像あり)

ムームードメインでドメインを取得する方法を解説したいと思います。 まずは以下のU …

Xdomain2
エックスドメインの無料レンタルサーバーでWordPressを使いたい

エックスドメインの無料レンタルサーバーでWordPressを使うには2通りの方法 …

no image
Seesaaブログでトップページの「続きを読む」や特定ページだけに表示する方法など覚えておくと役立つカスタマイズ方

Seesaaブログで記事ページだけに表示されるように広告タグや文言を設置したつも …

no image
ドメインとは、取得前の基礎知識

ドメインは一般的にURLと言われるものでネット上の住所と例えられることもあります …

Server
ExpressWebの障害でMySQLのデーターが消えるの巻き

ExpressWebがやらかしやがった。 MySQL接続障害のお知らせ というこ …

no image
ExpressWebを使い始めて3ヶ月経ったので使用感をレビュー

ExpressWebを使い始めて3ヶ月ほど経ったのでレビューしようと思ったけど、 …

no image
レンタルサーバーと無料ブログどっちがいい?独自ドメインは必要?

FC2ブログやライブドアブログの様なブログでは予め用意されているドメインをサブド …

screenshot_02
画像編集ソフト「Screenpresso」はSkitchのようなカッコいい矢印が書ける

ブロガー御用達のカッコいい矢印を画像に書くことができるScreenpressoを …

no image
無料レンタルサーバーで独自ドメインを使うならエックスドメインの無料レンタルサーバーがオススメ

独自ドメインと呼ばれる自分の好きな文字列のドメインを取得して使うには自前で用意し …

analytics
ExpressWeb 30GB/月の転送量はアクセス数でどれくらい?

これを書いている時点ではこのブログはレンタルサーバーのExpressWebですを …