ラベル別の記事一覧ページ作成方法

以前サイトマップ（記事一覧ページ）の作成方法を解説しました。

これはこれで便利ですが、一つのラベルだけの記事一覧ページを作成したい場合もあるかと思います。

自分の場合、別のダイエットレシピブログでサイトマップを作成したら少しゴチャついてしまいました。

メインであるダイエットレシピだけの一覧ページの方がいいと思ったんですよね。

実際のページはコチラ　➡　No Rebound Life【レシピ一覧】

本記事ではこのラベル別の記事一覧ページの作成方法を解説します。

個別ページの作成方法

個別ページの作成方法が分からない場合、以下の記事でご確認ください。

個別ページ（固定ページ）の作成方法

個別ページの作成方法の他、ページのURL変更方法やページの設置方法についても解説しています。

ラベル別の記事一覧ページ作成方法

任意のタイトルを入力し、タイトル下のメニュー左の【HTMLビュー】を選択します。

【HTMLビュー】の状態で、以下のコードを貼り付けます。

<script>

function onLoadFeeds(root) {

if("entry" in root.feed){

var entryNum = root.feed.entry.length;

for(var e=0; e<entryNum; e++) {

var entry=root.feed.entry[e];

var url;

var linkNum=entry.link.length;

for(var l=0; l<linkNum; l++) {

var link=entry.link[l];

if(link.rel=="alternate"){

url=link.href;

break;

}

}

document.write("・")

document.write("<a class='linkHref' href='"+url+"'>"+entry.title.$t+"</a><br/>");

}

}

}

</script>

<script src="ブログURL/feeds/posts/summary/-/ラベル名?redirect=false&max-results=500&alt=json-in-script&callback=onLoadFeeds&orderby=published">

</script>

「ブログURL」の部分は、自分のブログのトップページのURLに置き換えてください。

例えば当ブログであればhttps://blogger-narou.blogspot.comになります。

「ラベル名」の部分は、記事一覧を作成するラベルの名称（日本語で可）に置き換えてください。

これで個別ページを公開して、ページを設置すれば完了です！

ちなみに冒頭でお見せしたレシピ一覧では、コードの「document.write("・")」の部分を省いています。

この部分は箇条書きの「・」になるので、省いても問題ありません。

ブログに合わせて記事一覧ページを選択しましょう！

本ブログでは以前解説したサイトマップを採用していますが、ダイエットレシピブログでは本記事で解説したラベル別の記事一覧ページを採用しています。

ブログの内容や使い方によって、色々と試してみてくださいね！

参考ブログ様

【ブログ編集】Bloggerでサイトマップやラベルごとの記事一覧を活用