レスポンシブルデザインってなんですか?

2020年1月23日木曜日

ブログ作成

t f B! P L
こんにちは、がるつです٩(。θ◡θ。)۶


たいした知識もないのに、

ブログをコツコツと良くしていこうと

日々、思案中ですっ。

(*´Д`)


ちゃんと調べてから取り組みましょう。

と言われても何も言えないわたくしですw



で、Bloggerにて新規にブログを作成しました。



はい。



で、記事をコツコツを書いていく。と。



はい。




それだけでは、ダメなんだそうで!!!٩(๑`ȏ´๑)۶



今回は「レスポンシブルデザイン」について書いてみます。


レスポンシブルデザイン


レスポンシブルデザインって、デバイスの画面サイズに依存しないということらしいです。

パソコンやスマホ、タブレットなど、いろんな大きさの画面があります。

多種多様ですが、どんなデバイスの画面サイズでも対応できるように、自動調整したりできるデザインです。



Googleもモバイルフレンドリーなページの検索順位を上げると発表しています。


いまどき、みなさん、スマホですもんね(*´ڡ`●)





Bloggerのテーマはいくつかあるのですが、

ネットでいろいろ調べてみると、

QOOQというおしゃれなデザインのスタイルシートを発見しましたので、

設定していこうと思います。


さて。



まずは、ラムネグさんのサイトからダウンロードします。
https://blog.dododori.com/create/program/blogger-qooq/













①Bloggerメニュー(左側)から、「テーマ」を選択します。

そうすると、右上に「・・・」があるので、クリックします。

その中から、「元に戻す」を選択します。


なんで「元に戻す」なんでしょうか。。。w

パソコンの中にあるファイルをアップロードします。という事で、

意味は気にしないようにします(*´Д`)












アップロードボタンをクリックします。


Windowsのダイアログがポップアップしてきますので、

アップロードするxmlファイルを選択します。


先ほどダウンロードしたQOOQのファイルです。








ファイルを選択したら、アップロードボタンをクリックします。


これだけで、完了です。



リリースノートと初期設定があるので、

こちらを参考にしながら設定します。

https://blog.dododori.com/create/program/qooq-releasenote/















色を変えてみようと思ったので、


初期設定のサイトにあるように、カスタマイズをしてみました。




まだまだデザインが固まっていないので、

随時変えていくかもしれませんが、

設定一つでガラッと変わるので、すごく楽しいです(๑ʻัદʻั๑);





いろいろいじっている最中ですので、

まだまだメモメモすることが出てくると思います。


つどつど、アップしていこうと思います。




ブログって奥が深い。。。♪

@がるつ٩(。θ◡θ。)۶

QooQ