はてなブログにおけるJavaScriptでカテゴリー名を取得するのでR

WordPressでは、カテゴリー名を得るには、

<?php
  $category = get_the_category();
  $cat_name = $category[0]->cat_name;
?>
<?php echo $cat_name; ?>

とソースに記述すれば、その該当のphpで名前が表示されるのでR。ここにそれが書いてあるのでR。

しかし、

はてなブログではこの方法が、まさに?なのでR。

よく知っている人なら別でRが、ミーはphpが使えるかも?なのでR。

そこで、JavaScriptでこれを試しにやってみるのでR。

すると、ここが参考になったのでR。

ここのコードの最初の方に注目して、

はてなブログのHTML編集で、

<script type="text/javascript">
 
    var category_element = document.querySelector("div.categories a");

    if(category_element !== undefined && category_element != null) {
      category_title = category_element.text;
    }
    console.log(category_title);
</script>

を記述して、Chromeの検証(I)でconsoleを見ると、

カテゴリー名が表示されていたのでR。

コードのcategory_titleにカテゴリー名が入っているようでR。

ただし、記事一覧表示でのJavaScriptでは、最も新しい記事のカテゴリー名が選ばれていたのでR。

さらに、カテゴリー名をいくつも設定している記事の場合は、最も先頭で登録しているカテゴリー名が選ばれているようなのでR。

はてなブログのカスタマイズも含めて、はてなブログには下の本はとても分かりやすい本なのでR。




月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』
WordPressの運用に特化したレンタルサーバー『wpXレンタルサーバー』
年間920円(税抜)からの格安ドメイン取得サービス─ムームードメイン─




この記事をシェアできます。