【Cocoon】1分でできる！HTMLサイトマップの作り方

✅　当記事のポイント

🌿　固定ページに[sitemap]と入力するだけでHTMLサイトマップができあがる！速くて効率的！

Cocoonテーマを使っているなら、HTMLサイトマップはショートコードひとつで簡単に作れます。

「一覧ページがほしいな」と思ったら、すぐに試してみましょう！

サイトマップとは？

HTMLサイトマップは、ブログの記事一覧ページのこと。

記事を探しやすくなり、ブログ全体の構成も伝えやすくなります。

👉 当ブログのサイトマップはこちら

いくみ

記事数が増えてきたら作成したいですね。

Cocoonのショートコードで作る方法

やることは、たったこれだけ！

１．[固定ページ] → [新規追加] をクリック

２．タイトルに「サイトマップ」や「記事一覧」などを入力

３．本文に以下の1行をコピペ
　　[sitemap] 　

４．[プレビュー] で確認 → [公開] をクリック！

いくみ

感動の速さでサイトマップができあがります！

１．[固定ページ] → [新規追加]をクリック。

２．タイトルに「サイトマップ」や「記事一覧」など、希望のタイトルを入力します。

３．その下のブロックにたった１行、以下のショートコードをコピーして貼り付けます。

[sitemap]

入力した後の画面はこちら。

４．右上にある[保存]ボタンをクリック。これで終了しています。

確認するため、[プレビュー]ボタンをクリックしてみてください！

たった１行のコピペで、「サイトマップ」が完成していますね！

５．[公開]ボタンをクリックします。

サイトマップを表示させるために、グローバルメニューに入れておきましょう。

方法はこちらの記事で紹介しています👇
【Cocoon】グローバルメニューの設定方法

固定ページは、公開するだけではブログに表示されません。

いくみ

「コード」の威力に驚きました・・・。

[sitemap]と入れるだけなんて・・・。

「効率重視」の方は、断然この方法がおススメです。

コードの詳しい使い方は、以下のCocoon公式マニュアルで確認できます。

「どの項目を表示するか／しないか」などの設定も、このページを読めばカンタンに調整できます。

ショートコードを使えば、一度設置するだけでOK。
新しい記事が追加されても、古い記事が削除されても、自動でサイトマップが更新されるので手間いらずです♪。

アイキャッチ画像は

Th GによるPixabayからの画像