れーたまの冒険日記!

~料理と本と学んだことを書くブログ~

MENU

パソコン初心者がはてなブログのカスタマイズをやってみた

f:id:Retama:20180205074336j:plain

 

 

みなさんこんばんは!れーたまです!

 

 はてなブログを始めて約1か月・・・

 

 

色々カスタマイズしてみよう!

と思い立ったが吉日、パソコン初心者なりに調べて頑張ってみました。

 

とはいえ、私はパソコンのことはさっぱりです・・・

意気揚々とカスタマイズについて検索してみると、

 

HTMLを編集

CSSに数式を打ち込む

 

・・・( ゚Д゚)

 

本当にこんな顔になりました(笑)

 

右も左も、何を調べればいいのかも分からない状態で、かなりの時間を費やしてしまいました。

 

そんな私が助けていただいた記事の数々を紹介します。

 

カスタマイズを始めて、

( ゚Д゚)

↑こんな顔になっている初心者さんに少しでもお役に立てれば嬉しいです。

 

 

 

HTML・CSSの基礎を学ぼう

 

ここが私の最初の壁でした。

CSSをコピーするだけで初心者でも簡単にカスタマイズができる!

ということは調べた結果分かりました。

 

コピーをするところまでは順調。

ところが、問題発生。

 

CSSってどこに張り付ければいいの!?

そもそも、CSSって何者!?

 

完全に頭がフリーズ( ゚Д゚)笑

コピーはできてもその後が分からなくなってしまいました。

 

そのときにお世話になったのがこちらの記事。

 

saruwakakun.com

 

初心者にも分かりやすいように、説明→練習という流れで解説されています。

 

「できた~!」と一人で声を出しながら勉強させていただきました(笑)

まずはSTEP4あたりまで勉強するだけでも、全然違います。

 

本当に感謝です・・・!

 

 

記事に見出しをつけてみよう

 

CSSについて少し理解できたら、さっそく実践で使ってみましょう。

私は、記事が文字だらけで読みづらいな・・・と悩んでいたので、見出しづくりから挑戦してみました。

 

そのときに参考にさせていただいたのがこちらの記事。

 

www.notitle-weblog.com

 

 

私の最初の挫折ポイント、コピペする場所についても丁寧に解説されています。

 

CSSについて触れられていますが、勉強しながら読めば理解しやすいと思います。

パソコン初心者の私でも見出しをつくることができました!

 

本当に感謝です・・・!

 

 

グローバルメニューをつけてみよう

 

みなさんの記事を読んでいて私がずっとあこがれていたもの・・・

そう、グローバルメニューです。

 

ブログの上の方にある、これですね。

クリックすると、TOPや各カテゴリーにとべる優れもの。

 

f:id:Retama:20180124152335p:plain

 

 

グローバルメニューをつくるときに参考にさせていただいたのがこちらの記事。

 

www.yukihy.com

 

クオリティの高いグローバルメニューがつくれます!

カスタマイズする部分も分かりやすく解説されています。

 

カテゴリー名や色を変えるのに苦戦しましたが、何回かトライしてつくることができました。

本当に感謝です・・・!

 

 

記事の文字サイズを変えてみよう

 

はてなブログの初期設定の文字サイズ、小さくないですか?

読みやすいように文字サイズを大きくしてみました。

 

そのときに参考にさせていただいたのがこちらの記事。

 

www.tarappism.com

 

コピペをするだけで、簡単に文字サイズの変更ができます。

ちなみに私は、パソコンの文字サイズは18px、スマホは13pxにしています。

これで少し読みやすくなった気がする!

本当に感謝です・・・!

 

 

まとめ

 

いかがでしたか?

最初の何日間かは涙目でしたが、勉強するにつれてカスタマイズがとっても楽しくなりました!

まだまだ駆け出しですが、これからも楽しみながらお勉強をしていきたいと思います。

 

凄まじく分かりやすい記事で助けていただいたみなさん、本当にありがとうございました!