Minimalismカスタマイズ

当ブログで採用しているはてなブログのカスタマイズ方法をまとめて紹介します。

どうも、いうらです。 ここ数日ちまちまとやっていた、ブログのカスタマイズがやっと終わりました！ リニューアルオープン記念に、どのように変化したのかお知らせします。 ブログテーマを「Minimalism」へ変更 トップ画像の設置 ヘッダー下におすすめ記事を表示 SNSシェアボタン 上に戻るボタン 開閉式目次 リンクを別枠で開く カラフル意識 ブログテーマを「Minimalism」へ変更 今まで「SOHO」を使っていましたが、 blog.hatena.ne.jp Minimalismへ変更しました！ blog.hatena.ne.jp simple is best !! トップ画像の設置 今までタ…

こんにちは、emilyです♡ ５月にブログを初めて約１か月半。 できるだけ毎日投稿を目指して記事を書いてきましたが、その合間に少しずつデザインや見た目をかえてきました。 そろそろ私自身も、どのようにデザインを変更してきたか忘れてしまいそうなので、デザインの変更の仕方について少しずつ記事にまとめていこうと思います。 これからはてなブログを始める方、デザインを変更してみたい方の参考になれば嬉しいです。 「テーマストア」でテーマを選ぶ テーマを選ぶときのポイント 好きなデザインから選ぶ 多くのユーザーが使っているテーマを選ぶ レスポンシブ対応のデザインを選ぶ まとめ 関連記事 「テーマストア」でテー…

はてなブログのデザイン「Minimalism」を使用しているこのブログ。 そのカスタマイズに関するこちらの記事が、私のブログの中では一番読まれているようで。 ↓ www.kayoko-cafe.com こちらの記事を言及してくださったり、読者登録してくださる方もいて、ありがとうございますm(_ _)m で、今回、久しぶりにブログのデザインのカスタマイズを一つ入れました。 それは、イラスト画像付きの吹き出しを表示させるためのカスタマイズです。 ↑ こんな感じのやつです！ ということで、今回のカスタマイズ法をご紹介します。(^ ^) イラスト画像付きの吹き出しを表示させるカスタマイズについて 今回…

前回・前々回とトップページに関するカスタマイズを行ってきました everyday-study.hatenablog.jp everyday-study.hatenablog.jp今回は記事の見やすさにはかかせない目次の作り方と目次のデザインについてです こういう↑やつですね 目次の作り方 目次として表示させたいタイトルを決める タイトルに見出しをつける 見出しについて 見出しをつける 目次を設定する 目次のデザインカスタマイズ 参考リンク 目次の作り方 目次として表示させたいタイトルを決める 記事を作るということは記事を読んでくれている人(将来の自分も含む)に何を伝えたいかが明確にあると思うの…

前回では疑似的にトップページに記事一覧表示の設定を行いましたeveryday-study.hatenablog.jpただ、これははてなブログのアーカイブページを利用したものであるため、50もの記事がトップページに一覧として表示されます 今回は下記記事のスマートフォンでアーカイブページ(疑似的トップページ)をさらにアーカイブすることで、 新着の5記事だけ表示させて、残りは「もっと表示する」ボタンで表示できるようする方法を利用しますblog.wackwack.net設定後はスマホ版のトップページが以下のような表示になります 疑似的トップページの設定 アーカイブのカスタマイズ 参考リンク 疑似的トッ…

前回はブログ中にソースコードをきれいに表示させるための設定を行いましたeveryday-study.hatenablog.jp 今回はトップページに記事の一覧を表示させる設定を行っていきます はじめに 設定方法 ソースコード 注意点 ①:疑似的にトップページを再現しているに過ぎない ②:1ページあたり50記事分が表示される 参考リンク はじめに デフォルト設定ではトップページの表示形式は記事一覧ではなく、全文表示になっていますが、これがまたものすごく見づらい しかも記事一覧表示にするにははてなブログProにしなければいけないという、、、 こんな時でもあきらめずひとまずネットで調べてみます する…