cssでカスタマイズを行っていると、頻繁に使いたくなるのが「要素の非表示」ですよね。 こういった時にdisplay:noneを使うことになるのですが、SEO対策としてはあまり良くないようなので調べて...

先日、サイドバーのカテゴリーに表示数制限を追加する方法という記事を公開しました。 その記事では、デザインから追加したサイドバーのカテゴリーでのみ動作するものだったので、今回は記事内に表示されるカテゴ...

今回は、はてなブログでサイドバーに追加した「カテゴリー」ユニットで、表示されるカテゴリーの数に制限をつけてみようと思います。 自分で決めた数だけカテゴリーを表示させることで、アクセスしてもらいたいカ...

はてなブログで書かれたサイトを見ていて、この人のカスタマイズいいなー テーマ何使ってるんだろう？ってなることがあるかと思います。 実ははてなブログは、アクセスしたサイトのテーマを簡単に確認することが...

今回は、はてなブログの記事を検索結果から除外する【noindex】を、特定の記事だけ追加する方法を紹介します。 他のサイトを調べたところ、記事の最初にコードを記述するというような方法の紹介が結構あっ...

先日、はてなブログにシェアボタンを設置する方法を紹介しました。 その中では、シェアボタンを記事上や記事下に設置したのですが、今回はスマートフォンでアクセスした場合のみ、シェアボタンを画面の下に追従さ...

はてなブログでサイトをカスタマイズしていると、トップページでだけ実行したいcssやカテゴリページだけで実行するcssを作成したい時があります。 そういった時に、ちょっとした記述を追加するだけで、それ...

はてなブログでサイトのデザインをカスタマイズする場合、【デザインCSS】という欄にcssを記述していくと思いますが、スマホ版だとこの項目が存在しませんでした。 そこで、今回はスマホ版のデザインCSS...

先日、はてなブログにSNSシェアボタンを設置する方法を紹介したのですが、その中で紹介した【はてな】や【Twitter】のデザインはシンプルなものを例にあげました。 そこで今回は、シェアボタンのカスタ...

  はてなブログで記事を公開してユーザーの方に読んでもらった時、TwitterやFacebookなどのSNSでシェアしてもらいたいですよね。 読んでくれた方がシェアしようと思っても、そもそもシェアボ...

  先日、【はてなブログ】で記事中に目次を表示させる方法を紹介しました。 その記事の中で紹介したコードは【大見出し(h2)】を元に見出しとして表示していたのですが、このコードを改良することで、h3も...

  はてなブログで記事を作成する時、大見出し(h2)や中見出し(h3)などを使って書いていくかと思います。 そのような場合に、見出しごとに目次を表示できたら読んでくれた方に、記事の内容を伝えやすくな...

WordPressのブログを見ていると、よく「この記事は〇〇分で読むことができます」のような、読了時間を表示している人がいると思います。 WordPressであれば、Insert Estimated...

jQueryでは、cssをいじることによって要素の値を変更することができます。 そこで今回は、jQueryを使って「要素がクリックされたら、その要素を回転させ続ける」方法を紹介します。...