Bestはてなブログのカスタマイズ情報を中心に、WEBデザインからJavaScriptまでWEB系の開発情報を発信します。便利ツールや暇つぶしのゲームなど開発物も公開します。埋め込みコードカスタマイズ内容(一部)全カテゴリーを取得するカテゴリー別記事一覧を表示する全カテゴリー別記事一覧ページ※当カスタマイズは環境によっては正常に動作しない可能性があります。カスタマイズ概要はてなブログでは、記事一覧をカテゴリー別に表示するページが作られますが、一つのカテゴリーだけに対する記事の一覧です。当カスタマイズは、一つだけではなくすべてのカテゴリーを対象に、記事の一覧を表示するためのはてなブログカスタマイズです。Best」の改良版となります。Best」が当カスタマイズの処理を実装したページです。期待できる効果サイト内記事探索が一つのページで可能になるため、サイト訪問者が興味のある記事を容易に探しだすことができます。カテゴリーリストからでも特定の記事を探すことは可能ですが、記事のタイトルやサムネイル、記事概要を表示した記事一覧の方が詳細な情報を提供できるため記事の探索に効果的です。サイト訪問者が興味のある記事を見つけ出すことができれば、アクセスにつながるため、サイト内回遊率向上に期待できます。当カスタマイズはjQueryを使用しています。Best」をご覧ください。埋め込みコード全カテゴリー別記事一覧を表示するページのHTML記述欄にコチラのコードを設置します。DOMツリー構築後に処理が行われ、全カテゴリー別の記事一覧が表示されます。スタイルは最低限必要とされるであろうものを設定してあります。当サイトに記載してあるカテゴリーの階層化を実装している場合は、こちらのコードを設置します。ListPageByAllCategoryforHierarchyCategory.run()})</script>カスタマイズ内容(一部)全カテゴリーを取得するカテゴリーリストからすべてのカテゴリーを取得します。hatena-module-body"内のulから取得しているためです。※おそらく、はてなブログで生成されるHTML要素は統一されていますが、異なる場合は正しいクラス名を指定してください。カテゴリー別記事一覧を表示する取得したカテゴリーごとに、記事一覧を取得し表示します。記事一覧の取得先は、はてなブログで元々用意されているカテゴリー別記事一覧ページから取得します。(http(s)://ドメイン/archive/category/カテゴリー名)表示先は記事内になっています。約100万サイト登録されているにほんブログ村にて、このブログの人気ランキングを見ることができます。