See related links to what you are looking for.

2019年9月15日2019年11月17日はてなブログ はじめに ※当ブログは現在、はてなブログからWordPressに移行しています。 カスタマイズ前の確認事項などは下記の記事を参照してください。 目次の設定 「目次」の設定は簡単です。 「見出し」をつけて「目次」を設置したい場所に「目次」のボタン(画像の赤い丸)をクリックするだけです。 [:contents]というものが表示され、そこが「目次」になります。 プレビューで見てみるとこうなります。 画像の「目次」と「見出し」はカスタマイズしてデザインを変えています これだけで「目次」を作れます。 自動で「見出し」の段落もつけてくれます。 「大見出し」や「中見出し」を意識して見やすい記事にしていきましょう。 目次のデザイン 「目次」のデザインは下記サイトを参考にしてください。

はじめに ※当ブログは現在、はてなブログからWordPressに移行しています。 カスタマイズ前の確認事項などは下記の記事を参照してください。 ページのトップに戻るボタンを設置 ページをスクロールしていくとページ右下に「ページのトップに戻るボタン」を設置して、ページトップにすぐに戻れるようにするカスタマイズです。 こういうボタンです。 カスタマイズは下記サイトを参考にさせていただきました。 フッタ 「ダッシュボード」→「デザイン」→「カスタマイズ(アイコン)」にある「フッタ」に以下のコードを貼り付けてください。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script> $(function () { /** ページトップ処理 **/ // スクロールした

はじめに ※当ブログは現在、はてなブログからWordPressに移行しています。 カスタマイズ前の確認事項などは下記の記事を参照してください。 関連記事のカスタマイズ 記事下に表示される「関連記事」のカスタマイズです。 「関連記事」を表示するには「ダッシュボード」→「デザイン」→「カスタマイズ(アイコン)」→「記事」の中にある「関連記事を記事下に表示する」のチェックボックスをオンにしてください。 以下のカスタマイズしたいコードを「ダッシュボード」→「デザイン」→「カスタマイズ(アイコン)」→「デザインCSS」に貼り付けてください。 「関連記事」のカスタマイズは下記サイトを参考にさせていただきました。 冒頭文を非表示にする .related-entries-entry-body{ display: none; } 日付を非表示にする .related-entries-date-link{ d

デザインCSS 「ダッシュボード」→「デザイン」→「カスタマイズ(アイコン)」にある「デザインCSS」に以下のコードを貼り付けてください。 .customized-footer{ display:-webkit-flex; display:flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } これだけで入れ替わります。 「Googleアドセンスの広告」なども入れ替わります。 はてなブログ無料ユーザー はてなブログ無料ユーザーの場合は、はてなブログの広告が表示されるので記事本文の直下に「SNSシェアボタン」や「Googleアドセンスの広告」などを配置できません。 そうした場合でも以下のコードを「ダッシュボード」→「デザイン」→「カスタマイズ(アイコン)」にある「記事下」に貼り付ければ、記