ブログのデザインをレスポンシブデザインに対応させてみました

2013.12.15
Blog

サイトのデザインを小変更し、再びレスポンシブデザインに対応してみました。

このサイトは以前はレスポンシブデザインに対応していましたが、Adsenseの表示を切り替えるのが面倒で、モバイルの縮小表示でもある程度問題なく見れるようなデザインに変更していました。

ブログのデザイン変更 モバイル向けもPCサイトと同じデザインにしました | Dream Seed

ただ、その後Adsenseがレスポンシブデザインに対応したり、モバイル対応が重要だという話が浮上したりといったことがあったので、再度対応させた次第。

たぶんブラウザの幅を狭めたり、スマートフォンやタブレットで見てもちゃんと表示されると思います。ただAdsenseのレスポンシブ対応ってリロードしないとダメなんですよね。なのでブラウザの幅を狭めただけだと広告は変更しません。狭めた状態で再読み込みすると小さ異広告になります。

なお、下部の「Follow Me」の部分はDroid-lifeのマネをしてみました。こんなCSS考えつかなかった。

あとは、サイトのロゴマークを作りたいのだけど、絵心がなくて苦戦中。ネットで発注してみようかしら?

タグ: ,

この記事が気に入ったらフォロー・購読をお願いします

最新情報をお届けします

Amazon、最大3000円オフになる「IIJmio × SIMフリースマホ セット割特集」開催中

Amazonで格安SIMとSIMフリースマートフォンのセットが最大で3000円割引になる「【最大3,000円OFF】IIJmio × SIMフリースマホ セット割特集」を開催しています。SIMはIIJmioとBIC SI ...

News >モバイル

Xiaomi、次世代フラッグシップ Mi6を発表 Snapdragon 835にデュアルカメラ搭載。

先週水曜日の話ですが、Xiaomiが最新フラッグシップとなるMi 6を発表しました。全体的な雰囲気は前モデルとなるMi5に近いものの、やや丸みを帯びた印象です。 ディスプレイは最近はやりの全面ディスプレイでもエッジディス ...

News >モバイル

BlackBerry Keyoneの発売はさらに遅れる?

英Cloveで5月5日に発売とアナウンスされていたBlackBerry Keyoneですが、どうやらさらに遅れるようです。 関連:BlackBerry Keyone、英Cloveには5月5日に入荷。米国での発売も5月にな ...

雑記

HUAWEI Mate 9のブートアニメをPorsche Designのものに変えてみた

HUAWEI Mate 9には、Nate 9 Proと同じデザインのMate 9 Porsche Designというちょっとお高いモデルがあります。 関連:HUAWEI、次期フラッグシップ「HUAWEI Mate 9」発 ...

News >モバイル

HUAWEI P10 / P10 Plusのストレージには3つの規格が混在するもHUAWEIは「問題ない」という見解。さらにMate 9も混在?

HUAWEIの最新フラッグシップ P10。フロントにもライカレンズを採用するなどフラッグシップにふさわしい意欲的な(ただP9、Mate 9からあまり変わり映えがしないけど)端末となっていますが、そのP10にちょっとした騒 ...

MENU

back to top