今までパソコンに触れることがなく最近になってIntelとか、COREとか、なんとなく理解し始めた低レベルの私。ブログを始めてCSS、HTMLとか知り始めた超初心者の私。
分かりやすく紹介してくださっているブロガーの方々のおかげで、超初心者で低レベルな私でも、ちょこちょこカスタマイズすることができました!まだ未完成状態の私のブログですが、素敵な方々のブログを紹介させてください。
お陰様でGoogleアドセンスに合格しました♡
※リンクが消えているサイトが複数確認されています🙇
- テーマデザイン
- 色
- 見出し
- 引用
- 箇条書き・リスト
- CSSとHTMLの囲み枠
- HTMLだけの囲み枠
- マーカー
- 文字の大きさ
- フォントオーサム呼び出し
- フォントオーサムの日本語や番号が分かりやすいリンク
- もともとあった目次の番号などを消す
- 読者になるボタン
- シェアボタン
- 番外編:記事にGoogleマップを埋め込む
- おわりに:はてなブログのカスタマイズについて
テーマデザイン
デザインテーマは、こどみすさんの「Minimalism」。綺麗でシンプルなデザインが、飽きっぽい私でも飽きなさそうです。カスタマイズもしやすいです。
※7/26更新
現在のデザインテーマは、元CAバンビさんの「Palette(パレット)」のピンクストライプを使用しています♪
コピペで簡単にデザインの変更や、ボトムナビゲーションメニューなど簡単に設定できました!見出しや、引用、サイドバーなどカスタマイズしなくてもオシャレな感じになります♡
色
自分好みの色が簡単に見つかり、カラーコードも分かりやすいです。
見出し
さるかわさんも、オークニさんもデザイン例が豊富で、コピペで簡単に使用出来ました。
※4/25更新
見出しを変更しました★
↓↓コピペで可愛い見出しになりました♡♡
※7/26更新
現在の見出しは、デザインテーマ、元CAバンビさんの「Palette(パレット)」のピンクストライプの見出しです。
引用
デザインが豊富にあります♪
※7/26更新
現在の引用は、デザインテーマ、元CAバンビさんの「Palette(パレット)」のピンクストライプの引用です。
箇条書き・リスト
- またまたさるかわさん
- こちらは箇条書きではなく、番号付きリストの方で
- カラーを変えて
- 枠なしで使わせていただいてます。
CSSとHTMLの囲み枠
HTMLだけの囲み枠
マーカー
このようにマーカーで強調することが出来ました♡
文字の大きさ
目が悪い私には変更前は文字が小さすぎて、文章の確認をするのも大変でしたが、オークニさんのおかげで読みやすくなりました。17pxにしました。
箇条書の文字が大きくならなかったので、こちら
.entry-content li {font-size: 17px;}
を追加しました。
※目次の文字も大きくなってしまいました。
フォントオーサム呼び出し
こちらもオークニさんのおかげで、ボトムナビゲーションメニューなどにアイコンを使えるようになりました。
フォントオーサムの日本語や番号が分かりやすいリンク
物凄い量のアイコンが日本語で紹介してあり助かりました!
もともとあった目次の番号などを消す
箇条書きでも、紹介したさるかわさんですが、もともとあったポチの消し方も書いてありました。
このように↓アイコンと横にあったポチ
上記リンク内の、アイコンを黒ポチに使う方法でこのように⇩黒ぽちが消せました!
目次のポチを消すと箇条書きの時のポチも一緒に消えてしまいました(;'∀')
※7/26更新
現在の目次はデザインテーマ、元CAバンビさんの「Palette(パレット)」のピンクストライプの目次です。
読者になるボタン
マウスがのると凹むようになるデザインが可愛いです。スマホだと記事の下の方、パソコンだとサイドバーの方で見れるのでご確認ください。
※7/26更新
現在は設置していません‥(;'∀')
シェアボタン
こちらも記事の下の方で見れるので、どのようなデザインかご確認ください。丸っこいシェアボタンが可愛いです♪
番外編:記事にGoogleマップを埋め込む
このように⇩
Googleマップを簡単に埋め込むことができました。
以前宿泊して、また宿泊したいと思っているスリランカのシッダレパ アユルヴェーダ ヘルス リゾートを指定しています。
おわりに:はてなブログのカスタマイズについて
紹介したリンクはパソコン初心者、はてなブログ初心者の私にとって、とっても分かりやすい説明で書かれていました。
ブログの方向性は現在のところグルメ化していますが、シンプルで読みやすく、ちょこちょこポイント的に可愛いらしいサイトデザインが目標です。
この場をお借りして‥
お世話になったブロガーの方々、どうもありがとうございました!
以上!
パソコン初心者でも簡単にできた!はてなブログのカスタマイズリンク集でした。
最後までご覧いただきありがとうございました!
※カスタマイズは自己責任でお願い致します。