このブログは、まだカテゴリーが少ないのでタグクラウドまではいりませんが、サイドバーのカテゴリーをタグクラウドっぽくボタン風（タグ風）にCSSで表示してみました。 （デザイン→カスタマイズ→「デザインCSS」にコードを入力） CSS .hatena-module-catego…
今まであまり気にしたことがなかったというか、ブログはそういうものなんだと勝手に思っていたのが、「前のページ」「次のページ」と「前の記事」と「次の記事」の関係。 ブログ的には 「次のページ」＝「古い記事」 「前のページ」＝「新しい記事」 個人的…
はてなブログでは、カテゴリーや月別アーカイブには、前のページに戻るリンクがあるのですが、なぜか、トップページには、前に戻るリンクがなく、ブラウザの戻るボタンで戻るしかありません。 そこで、JavaScript（jQuery）で「前のページ」リンクを設置して…
「ページトップへ戻る」ボタンを設置するの続きなのですが、トップへ戻るボタンの表示を「CSS＋Webアイコンフォント（Font Awesome）」から「JavaScript（jQuery）＋画像ファイル」に変更しました。戻る動作を実行するスクリプト本体に変更はありません。 ボ…
自分が見たくなるように、ブログを書きたくなるように、モチベーションを高めるため、ブログをカスタマイズしています。記事にするほどでもないカスタマイズの小ネタを過去の分も含めてメモとして箇条書きしてあります。 イラストACのあまどさんのフリー素材…
このブログは、Minimalismというデザインテーマをカスタマイズして使っています。 記事タイトルの日付やカテゴリー、サイドバータイトルのアイコンは、このテーマにインポートされているWebアイコンフォントのFont Awesomeをずっとそのまま使っていましたが…
ここ数日は、ブログも書かずに、ひたすらブログをカスタマイズしていました。 デザインテーマMinimalismのCSSとそれをカスタマイズしてテーマ化したCSSをブログのhead部分に記述し、テーマ化したCSSにブログをふわっと表示するCSSを追加しました。 （デザイ…
はてなのブログカードですが、ブログ本体が表示されたあとにバラバラと表示されるのが気になったので対策してみました。 内容としては、はじめにブログカードを隠しておいて、ブログカードの読み込みが完了したら、ブログカードを表示するという流れです。 …
このブログでは、はてなブログユーザーオリジナルのデザインテーマMinimalismをカスタマイズして使っていますが、そのカスタマイズしたCSSをテーマストアに投稿して、自分のブログ専用のテーマとしてインストールしてみることにしました。 テーマストアのテ…
最近、Webページの白い背景色がまぶしく感じられて（ディスプレイの輝度は下げている）このブログの背景色を白【#ffffff】から白練（しろねり）【#f3f3f2】に変更しました。 また、この背景色に合うように各記事のアイキャッチ画像の一部を透過pngのものと差…
勉強がてら、いろいろなはてなブログを見ているのですが、文章と文章の間の大きな余白が気になってしょうがない。 はてなでブログを書くとわかるのですが、見たまま編集でエンターキーで文章の間に余白をつくると、HTML編集では「<p> </p>（<p> </p>）」となっていま…
追記（2023/07/31） はてなブログでは、記事内に含まれるキーワードに対して「はてなブログ タグ」のリンクが自動で付与される仕様となっております。 このリンクを付与しない設定は、これまで、はてなブログの有料プラン「はてなブログPro」に限定された機…
「ページトップへ戻る」ボタンは、jQueryの下に設置しないと動作しないので、はてなブログのページの下に自動的に組み込まれるjQueryを強制的に先に読み込ませます。 （デザイン→カスタマイズ→フッタにコードを入力） JavaScript <script src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?version=1.12.3"></script> 「ページトップへ戻る」ボ…
このブログにも「ページトップへ戻る」ボタンをつけてあります。あってもなくてもいいとは思いますが、カッコいいじゃないですか！？ 下にスクロールでボタンをふわっと表示、上にスクロールでふわっと消えます。ボタンをクリックでページトップへ戻ります。…
このブログは、はてなブログユーザーが作成したMinimalismというデザインテーマを使っています。このテーマを選んだのは、はてなブログのテーマストアで人気1位だというのもありますが、シンプルでクリーンなデザインに好感がもてたからです。 9月にデザイン…
