いろいろチャレンジ(•ө•)とりとり

パートで色々頑張ってみま~す (∩´∀`∩)

ブログをカスタマイズしました

スポンサーリンク

今回、大幅にブログをカスタマイズしました(∩´∀`)∩

はい、耳から煙が出る感じがします

 

もっと色々やってみたいのですが、ひとまず中断

(当分、再開しないでしょう…)

 

 

以前から「minimalgreen」様のデザインを使用していたのですが

今回、ブログにお邪魔し、あまりの可愛さにのたうち回ってしまいました

 

到底及びませんが、「minimalgreen」様の「Harumi」というデザインのカスタマイズです

頑張りました ^^) _旦~~

 

 PC用

f:id:maa_marimari:20190120180506p:plain

スマホ

f:id:maa_marimari:20190120181106j:plain f:id:maa_marimari:20190120181122j:plain

広告

 

 

本当に初心者のため

初歩からの覚書

はてなブログの使用になります

 

 

 

 

 

 

 

「公式テーマ」以外から、好きなデザインを探す

 

「設定」→「デザインテーマ」→「テーマストアでテーマを探す」

この中から好きなデザインをインストールして、しばらく使用していました

f:id:maa_marimari:20190120175545p:plain

 

 

レスポンシブ

 

始まりは、ブログタイトルの下にリンクを貼りたい~でした

★グローバルメニュー

 

なんと、「レスポンシブデザイン」と言う言葉を覚えてしまったのです

(੭ु´・ω・`)੭ु⁾⁾  

なんだこれは~ワクワク

 

★なんと、PCと同じ状態でスマホでもきれいにブログが見れるんです!

(初心者のためお見逃しを…)

f:id:maa_marimari:20190120181106j:plain f:id:maa_marimari:20190120181122j:plain

 上が、今回変更したスマホの画面になります

★横からリンクが出てくる

ドロワーメニューという仕組みも設定しました

★PCの方はドロップダウンメニューという設定

 

 

 

デザインテーマのカスタマイズ

 

お借りしているデザインを自分仕様に変更に挑戦!

 

「minimalgreen」様のブログで書かれている内容を、じっくり読みながら設定

二日がかりでした

たまたま、休止中のサブブログがあったため、試用で試しながら

 

初めて、「デザイン」→「カスタマイズ」→「HTML」という所をいじくります

 

★今回、初めての体験でしたが、試用のサブブログの用意は必要かと思いました

試用ブログの方はなんだか訳わからん状態に落ち着いてしまってます

色の確認なども、試用の方がいいわ~ということも

 

この、ワクワクするデザインを使用する際に注意することがあります

「設定」→「詳細設定」

f:id:maa_marimari:20190120175618p:plain

赤い矢印、この部分に注意‼

 

希望のデザインに合うように変更しないと、きちんと設定できないことがあります

 

 

文字の色の変更にチャレンジ(`・ω・´)シャキーン

 

自分の希望に近づけるため、いよいよあの文字の羅列に挑戦することに

★文字の羅列=HTML

 

色見本のサイト(こちらもググってます)から好きな色の番号を当てはめていくと

好きな色に変わってしまうのです(∩´∀`)∩

(初心者のためお許しを…)

 

不明なところはググりながら、試用ブログで(大事なところ)これのことかな?と探り探り

はい、時間がかかりました ^^) _旦~~

 

ブログタイトルの画像編集は、もうスマホで画像編集してメールで送信してしまいました

今はこれが一番早い…

★わたあめカメラ スマホアプリ使用しました

f:id:maa_marimari:20190120175506p:plain←わたあめカメラ

リンクはされてませんm(_ _)m

 

 

見えづらい文字の色が変えられなかったので残念ですが、おいおい…

 

 

★今回、「minimalgreen」様のサイトの内容をお借りしてカスタマイズしています

(*- -)(*_ _)ペコリ