ブログカスタマイズ実践記事。 初心者でもできる。※リンクだらけですいません。

デザイン変更しながら記事を書いていきます。

ブログ続けて、1ヵ月立ち、今日で33日目。

記事を消したので、継続日数は28日ですが、一応毎日書いてます。

ブログを初めて、朝が早くなりました。

ニュースを見るのが楽しみになりました。

土日が嫌になりました。→アクセス数が落ちる。

でも、『見てくれている人のためになるブログ』を目指して継続していきます。

それでは、今回はデザイン変更記事!

すべてNO TITLE さんの記事を参考にしました。

ブログは奥が深いんですね。

ありがとうございます。
www.notitle-weblog.com


デザイン変更をしようと思ったきっかけ。編集開始。

アドセンスが受かってから、広告を張るようになりました。

しかし、自分で読んでみると。

読みにくい!

広告に目が行き、記事が頭に入っていかない。(いい事なのかな)

記事も見てほしいし、できれば広告にも目が行くよう変更したいと思いました。

後は、見てくれている方からコメントがあったからです。

id:kurashi-no-kotoさん
kurashi-no-koto.hatenablog.com


以下コメントです。




いつも楽しく読ませていただいています。
ブログのレイアウトを最近変更されたんでしょうか?
いつもスマホでブログを読んでいるのですが、以前はスマホサイズになっていましたが、昨日あたりからパソコンサイズで表示されるようになりました。
もしよろしければ、スマホサイズも復活していただけたらなぁと思います。
コーヒーですが、私も好きです。
が、眠れなくなってしまったり、ニキビができてしまったりするので、
特別なお楽しみにしています。






勝手に掲載すいません。

うれしかったら、記事にしたいタイプ。笑

これをみて、ん?PC表示ってなんだ、と。

遅いですよね。

レスポンシブ対応にとりあえずチェックを入れてはいたものの、理解していなかった。

少し調べて、スマホ表示とPC表示、画面での違いがあることを確認。

よし、頑張ろうとデザイン変更をすることにしました。

現在、20時なりたて。

ちょうどいいのでブログの記事にします。

それではどうぞ。


ヨメレバ、カエレバの変更

アマゾンのリンクを張る際に使用しているボタンの変更

www.yukihy.com


最初のこんな感じが




こんな感じになります。




フェイスブックページ

なんか、ブログを見てくれている人で、なんかしてあげたいけどどうしたらいいのー?

って人がたまにいます。

はてなブログの方は、『読者になる』でいいんですけど。

そんな方のために、フェイスブックページを設置しました。

やり方はこの方のブログを参考にしています。

happylife-tsubuyaki.hatenablog.com


トップに戻るページの作成

長い記事を書いたときに、あると便利なのが、これ。

私も何度か挑戦しました。

いままでは何度も挫折。

でも、この方のブログでなんとか接地できました。

nohack-nolife.hatenablog.com



スマホ用カスタマイズ

id:kurashi-no-kotoさんからのコメントでも指摘があったとおり、これ頑張りました。

hitsuzi.hatenablog.com
はてなブログのスマホデザインを一瞬でおしゃれにカスタマイズする方法 - いつ俺〜いつから俺ができないと錯覚していた?〜

かなり見やすくなりました。






複合メニューバー

ブログの下につける、メニューバー

これつけてみたかったんです。

今スマホで、見ている人が画面の下に出てるメニューみたいなやつ。

そうそれです。

どうやってやるんだろうと思ってました。

この人の記事を参考にやってみることに。

はてなブログスマホ画面にホーム・人気記事・カテゴリ・トップへ戻るの複合メニューバーをつけるカスタム - Yukihy Life

本当にコピペだけでできました。

細かいURLやらの作業は必要ですが、設置できました。



編集終了

現在、23時00分。

3時間でできたと思えば十分です。

本当、機械弱い、、、

最初は、ほとんど最初のまま。


見た目はこんな感じに!

眠いので良しとしましょう!

最後までありがとうございました。

編集する人は頑張ってください!