あるとたたん

写真好きの前向き日誌〜只今、子育て奮闘中〜

カスタマイズ備忘録

f:id:masami11662277:20180512102109p:image

 

こんにちは!あるとです。

前回、あるとたたんをイメージチェンジしてから1年が経ちました。そろそろ本格的にロゴを入れて作り替えたいと思い、今回は大改造しました。雰囲気がガラリと変わりましたよね?

何を替えたのか備忘録として残しておきます。

 

変更項目

  • 独自ドメインに変更!
  • デザインテーマを変更「Haruni」
  • ヘッダーにロゴマークを表示
  • SNSのシェアボタンを変更
  • トップページの記事一覧をカード型に変更
  • メニューバーのカテゴリを縮小
  • 読者登録ボタンをピンク色に変更
  • 記事上部のパンくずリストを非表示
  • 記事一覧、記事上部のカテゴリを非表示
  • フッターの編集
  • お問い合わせフォーム設置

 

独自ドメインの変更

お名前.comにてドメイン取得しました。そしてはてなブログProへ移行し、カスタマイズの幅も広がりました。色々やってみたいことやりますよ〜。

 

ヘッダーにロゴマークを表示

今までブログ名はフォントのみ、私のアイコンである葉っぱを画像で表示させていましたが、今回ロゴマークを作成してヘッダーに設定しました。

前々からブログのロゴマークを作ってみたかったのですが、色々と試行していました。なんせフォント大好き星人なので、色んなフォント見ているだけでニヤニヤが止まりません。一番イメージに合うフォントを選び、色や大きさをデザインしていました。めちゃくちゃ楽しかった!

ロゴマークを大きく調整や透過させるのも全て元からPCに入ってるソフトで出来たので、新しく用意したものはありません。使い方さえ覚えれば、すぐにできます。今回は初めてMacで画像加工したのでヘルプを活用してました。ヘルプ使う人なんているのか?と思ってたけど、私使いました。

 

全体的に縮小

今まではグローバルメニューに全カテゴリを表示させていましたが、興味ない人から見たら探しにくいと感じました。そこまで細かく分けない方がサラッと見やすいのではないか?クリックする回数を減らしたい必要な情報だけ見えるようにしたいと考えるようになり、シンプルに改造しました。

そのため、記事のカテゴリ表示もパンくずリストも全て非表示。見たい記事はスクロールで探すか、検索かける仕様。うん、とってもシンプル!!

 

GoogleAdsenseに申請準備

やりたいことの1つに、GoogleAdsenseへの登録がありました。申請するために必要なことを準備!そのためにお問い合わせフォームやプライバシーポリシーのページを作成し、フッターに設置しました。

検索するといろんなブログで詳しく説明してくれているので、とても助かりました。ただいま申請中なので、審査が通るかどうか…。

 

未完成なところ

カテゴリページをカード型に

記事一覧が縦長のカード型にするこができたのですが、カテゴリのページにとぶと横長に戻ってしまうので、縦長のカード型に統一したいです。

 

キャプチャ画像を全表示

カスタマイズについて調べていたら、キャプチャ画像を元の画像の大きさのまま表示できる方法がありました。

あるとたたんの記事一覧だと、キャプチャ画像がほとんど見切れてますよね。どうにかならないものかと思っていましたが、これが全部表示される!!すぐに試してみましたが、このデザインではできないのか変更できませんでした。残念。

これが達成できたら、私の夢が8割叶ったことになるのに…。

 

スマホ表示の変更

PCでは記事をカード型で横2つ並べてますが、スマホでは1つずつにしたいのです。私の知識では、そこまでできませんでした。デザインテーマごと変更するときまでお預けでしょうか。

今のままでも仕方ないと我慢できる程度なので、できる方法をゆっくり探してみます。