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

スポンサーリンク

  関連記事

no image
ドメインの有効期限が切れたら再取得は出来る?

「ドメインとは、取得前の基礎知識」でも触れましたがドメインはレンタルです。その為 …

WebmastertoolMessage
Googleウェブマスターツールに登録したらImprove the search presence of…というメッセージが来た

新しく作ったサイトをGoogleウェブマスターツールに登録したら「Improve …

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

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

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

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

エックスドメインの無料レンタルサーバーでWWWありで正規化したい

エックスドメインの無料レンタルサーバーで独自ドメインを設定し、WordPress …

no image
サイトの移転(引っ越し)には404ではなく410がいいらしい

サイトの移転(引っ越し)をするときには404ではなく410を使ったほうがいいこと …

no image
Seesaaブログで無料で独自ドメインを使う方法(お名前.com編)

Seesaaブログで独自ドメインが使えることを知っていましたか。意外と知られてい …

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

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

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

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

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

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