はたらきアリ新聞

社会を生き抜くための方法を常に見いだし、小さな節約を積み上げる「手取りアップ作戦」を実行中。社会に翻弄されない力を身に付けることがこの新聞の目的です。

はたらきアリ新聞

ブログデザインを【CARTAーYEL】に更新しました!

スポンサーリンク

スポンサーリンク

f:id:finana:20190612035604p:plain

 こんばんわ。はたらきアリです。@hatarakiari0818

 

今までは『はてなブログオリジナル』のデザインを利用していましたが、

記事のタイトルとおり、ブログのテーマを変更しました。

 

 

 

テーマストアでデザイン探し

 

といってもこれは私がはてなブログパ-フェクトガイドを読んで作ったわけではありません。

 

管理画面から

「デザイン」➡「デザインテーマ」➡「テーマ テーマストアで探す」

 

から、公開されているデザインの中から選んだものです。

 

blog.hatena.ne.jp

 

c-miya 様が製作されたものを使わせていただきました。

 

デザインを見て一目ぼれ

 

このテーマをみて一目で気に入ってしまいました!

 

というのも一般的なブログは縦に長いものが多く、記事が多くなればなるほどスクロールするに手間がかかるという問題がありました。

 

時間がかかるし、興味のない記事だったらスクロールすることなく「戻る」でお終いでしょう。

 

ただ、もしその下に興味を持ってもらえる記事があったとした非常に残念です。

 

 

開いたページからいきなり多くの記事が目につきやすくなるデザインがないかと探していたのですが、数多くある「テーマデザイン」の中からこの

 

【CARTAーYEL】

 

が理想のデザインでした!

 

レスポンシブデザイン対応

 

【CARTAーYEL】を決めた理由の一つとしてレスポンシブデザイン対応ということでした。

 

今はブログをスマホから見る時代です。

私のブログも60%の読者がスマホから読まれています。

 

 

スマホで見る場合、【レスポンシブデザイン対応】でなければ、パソコン上ではちゃんと見れてもスマホではデザインが崩れてしまうという問題が起きてしまうため、ブログデザインには必須の条件です。

 

【CARTAーYEL】はしっかりと対応してくれているため、スマホでもちゃんと一目で多くの記事が見れるようにしてくれています。

 

今後の課題

 

【CARTAーYEL】のデザインをとても気に入っているので、このままでもいいかなと思ってしまうのですが、愛着が湧くと

 

もっと良くしたい!

 

と思ってしまいます。

 

ここからは私が勉強してカスタマイズしていかなければなりません。

 

具体的には

  1. ヘッダーにオリジナルの画像を製作し張り付ける
  2. グローバルナビゲーションを設置する
  3. 目次の背景色を変更する
  4. 見出しのフォントを変更し下線を入れる
  5. シェアボタンを変更する
  6. フローボタンを変更する
  7. 続きを読むボタンに変更する
  8. 引用背景色を変更する
  9. カテゴリーの並びを横並びにする
  10. 以上の内容をスマホにも同様に施す

 

ここまで出来て、初めて自分のブログサイトになると言えるのではないでしょうか。

 

はっきり言って絵は浮かんでても、完成させるまでの具体的な方法は全然浮かんでいません。

 

CSSをどうやって更新したら思うように変更できるのか、手探りを続けていきたいと思います。

 

また、ほかのテーマデザインを拝見していても、魅力的なデザインが数多くありました。

 

いろんなデザインを取り入れたいなと考えているのですが、ひとつずつクリアしていきたいなと思っています。

 

道のりはまだまだ長い!