htmlサイトマップというのを、
私も作ってみました。
ブログやホームページの、
総ページリンクの一覧です。
わかりやすく見てもらうため…
なのとSEOにも効果的とのこと。
Cocoonではとても簡単に作れるよう…
参考にしたサイト様、ありがとうございます。
私のような、
ビジュアルエディター向きでもOK🙆♀️
まずは管理画面の固定ページ ⇨ 固定ページを追加を選び、
もしくは固定ページ ⇨ 固定ページ一覧 ⇨ 固定ページを追加でもOK
暫定で、
“サイトマップ”とタイトルをつけ、固定ページとして作成します。
記事にはショートコードの
［sitemap］と入力、、公開します。
見てみると、
それだけでページのサイトマップができるんですねぇ😲
固定記事があれば、
サイトマップの固定ページに反映され、記事がないとタイトルだけが出る。
続いて投稿一覧、
そしてカテゴリーがタテに並ぶという順序になってます。
私は投稿記事だけ出すことにしました。
こんなふうに入力してます。
続けて入力する際は、間に半角を入れ記述します。
項目はコードによって、
表示するしないにできるようで、、
詳しくはリンク先etc…をご覧ください。
デフォルトのままなサイトマップは…
長々と縦に出るリンクですけどもw
特にカスタマイズせず出すと、こんなふうに出るってことで😁
見出しやリンク、文字の大きさなど…
いろいろカスタマイズできるよう。
いくつかカスタマイズの余地見つけて、整えてみたいと思います♪
サイトマップは
グローバルヘッダーか、サイドバーに載せるやり方を載せてみます。
まずは、
❶グローバルメニューに載せる方法、、、
外観 ⇨ メニューから、
編集するメニューの選択で、グローバルメニューを選択するして始めます。
（※いくつかメニューを作ってある前提での操作です）
HTMLサイトマップは、
固定ページに作りましたね。。
なので、
左側の固定ページ▼をクリックで開くと、作られたサイトマップが反映されてると思います。
これに✓点を入れ、メニューに追加を押す。
作ったサイトマップを
グローバルメニューへ移動する、、というイメージです。
すると右側にある、
メニュー構造のグローバルメニューに、サイトマップが追加される。
メニューにいくつか項目があるときは、
置きたい位置へドラッグしメニューを保存。
これでサイトマップがグローバルメニューに追加されるというわけです。
続いて、
❷サイドバーに載せる方法
反映のしかたは、
サイドバーに作ったカテゴリーのメニュー構造につなげます。
外観 ⇨ メニューから、
メニュー名でサイドバーカテゴリを選択。
どこに移動するか…
まず該当メニュー先を選んでから移す、、というイメージです。
左側に固定ページ▼があり、、
クリックで開くと、作られたサイトマップが反映されてます。
これに✓点を入れ、メニューに追加を押します。
すると右側にある、
メニュー構造のサイドバーカテゴリに、サイトマップが追加される。
置きたい位置までドラッグし、
メニューを保存。これでサイトマップがカテゴリーに追加されます。
多くの場合では、
グローバルヘッダーにメニューとして並べることが多いのかも？😁
コメント