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

2013.12.15
Blog

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

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

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

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

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

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

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

タグ: ,

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

AUKEY、日替わりで対象製品が半額になる「当日だけのお買い得」キャンペーン、対象製品が最大79%オフの「2017新春セール」を開催

AUKEYが1月23日~2月6日の間、日替わりで対象製品を半額で購入できるというキャンペーン、そして1月23日~2月1日には「2017新春セール」として対象製品が最大79%オフになるキャンペーンを実施

Android 7.0 Nougatではタスクボタンのダブルタップで直前に表示していたアプリに切り替え可能

Android 7.0 / 7.1 Nougatでは以前にも紹介したマルチウィンドウ機能やイースターエッグなど、存在がわからない機能があるのですが、そんな中の一つにタスクボタン(マルチタスクボタン)の

1月27日発売のFREETEL RAIJIN(雷神)、Amazonで約3,000円安く予約受付中

FREETELの最新機種、RAIJIN(雷神)が1月27日(金)に発売となります。 大容量バッテリを搭載したFREETEL RAIJIN(雷神) 5.5インチの大画面にバッテリは5,000mAhという

FREETEL、299円の全プラン対応パックに3か月間データ容量が増量されるAmazonプライム会員限定プランを提供中 ただし価格は322円

最近、ドコモからの費用増に伴い、初期費用の値上げが行われているMVNO(格安SIM)ですが、そんな中でもダントツに安い初期費用299円で提供しているFREETELの全プラン対応パック。 その全プラン対

Google Play Service 10.2でAndroidのテザリングが便利になる「Instant Tethering」という新機能が追加

Android 7.1.1とGoogle Play Service 10.2で「Instant Tethering」という新しい機能が利用可能になるようです。 通常、Androidのテザリングではホス

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

名前だけは聞いたことはあるものの、使っている、活用しているという話をあまり聞かないMiracast(ミラキャスト)、どんなものかと思って実際に使ってみました。 ...

FREETEL、299円の全プラン対応パックに3か月間データ容量が増量されるAmazonプライム会員限定プランを提供中 ただし価格は322円

FREETEL、299円の全プラン対応パックに3か月間データ容量が増量されるAmazonプライム会員限定プランを提供中 ただし価格は322円

最近、ドコモからの費用増に伴い、初期費用の値上げが行われているMVNO(格安SIM)ですが、そんな中でもダントツに安い初期費用299円で提供しているFREETELの全プラン対応パック。 その全プ...

Android 7.0 Nougatではタスクボタンのダブルタップで直前に表示していたアプリに切り替え可能

Android 7.0 Nougatではタスクボタンのダブルタップで直前に表示していたアプリに切り替え可能

Android 7.0 / 7.1 Nougatでは以前にも紹介したマルチウィンドウ機能やイースターエッグなど、存在がわからない機能があるのですが、そんな中の一つにタスクボタン(マルチタスクボタン...

Google Play Service 10.2でAndroidのテザリングが便利になる「Instant Tethering」という新機能が追加

Google Play Service 10.2でAndroidのテザリングが便利になる「Instant Tethering」という新機能が追加

Android 7.1.1とGoogle Play Service 10.2で「Instant Tethering」という新しい機能が利用可能になるようです。 通常、Androidのテザリングで...

1月27日発売のFREETEL RAIJIN(雷神)、Amazonで約3,000円安く予約受付中

1月27日発売のFREETEL RAIJIN(雷神)、Amazonで約3,000円安く予約受付中

FREETELの最新機種、RAIJIN(雷神)が1月27日(金)に発売となります。 大容量バッテリを搭載したFREETEL RAIJIN(雷神) 5.5インチの大画面にバッテリは5,000mA...

MENU

back to top