everyday-study

はてなブログカスタマイズ

【Minimalism】目次の設定方法

前回・前々回とトップページに関するカスタマイズを行ってきました everyday-study.hatenablog.jp everyday-study.hatenablog.jp今回は記事の見やすさにはかかせない目次の作り方と目次のデザインについてです こういう↑やつですね 目次の作り方 目次として…

【Minimalism】スマホ版のトップページの記事一覧表示カスタマイズ

前回では疑似的にトップページに記事一覧表示の設定を行いましたeveryday-study.hatenablog.jpただ、これははてなブログのアーカイブページを利用したものであるため、50もの記事がトップページに一覧として表示されます 今回は下記記事のスマートフォンでア…

【Minimalism】はてな無料版でトップページを記事一覧表示にする方法

前回はブログ中にソースコードをきれいに表示させるための設定を行いましたeveryday-study.hatenablog.jp 今回はトップページに記事の一覧を表示させる設定を行っていきます はじめに 設定方法 ソースコード 注意点 ①:疑似的にトップページを再現しているに…

【Minimalism】ソースコードの埋め込み方法

前回は見出しデザインのカスタマイズを行いましたeveryday-study.hatenablog.jp今後このブログでプログラムのソースコードを書く機会が多くなりそうなので、ソースコードの埋め込み方について調べてみました 準備 はてな記法の設定 ソースコードの書き方 準…

【Minimalism】見出しデザインのカスタマイズ

前回はSNSのシェアボタンの設置方法についてでした everyday-study.hatenablog.jp今回は見出しのデザインのカスタマイズを行っていきますデフォルトの設定だと見出しはこのようになります これを以下のサイトを参考にカスタマイズします saruwakakun.comこの…

【Minimalism】シェアボタンの設置方法

前回に引き続きMinimalismのカスタマイズを行っていきますeveryday-study.hatenablog.jp 今回はシェアボタンの設置です(下のようなイメージです) 一応デフォルトの設定でもSNS関連のボタンを以下のような感じで設定できるので、このあたりは好みによります設…

【Minimalism】レスポンシブデザイン設定方法

前回はてなブログで一番人気のテーマであるMinimalismのインストールを行いました 今回はPCやスマートフォン・タブレットのような様々なデバイスの画面に合わせてページを表示してくれるレスポンシブデザインの設定を行います everyday-study.hatenablog.jp …

【Minimalism】人気No1デザイン! Minimalismのインストール方法

ブログ初めていきなりのテーマ変更ですが、とても簡単にインストールできました! はてなブログのデザイン Minimalism 1:はてなブログのダッシュボードの「デザイン」をクリック 2:一番下の「テーマストアで探す」をクリック 3:「人気順」をクリック …