ExUnit の HTML サイトマップを見やすくカスタマイズするやり方

2026.8.13 追記

VK All in One Expansion Unit がバージョン 9.121.1 にアップデートされて、サイトマップからタグ（タクソノミー）をかんたんに除外できるようになりましたので、その機能についての説明を追加しました。

ベクトル製プラグイン VK All in One Expansion Unit (ExUnit) に HTML サイトマップ というブロックがあります。

このブロックを置くだけで↓このようなサイトマップを表示することができて、固定ページやカスタム投稿タイプを追加すると自動的にこのサイトマップに反映してくれるので便利です。

ExUnit の HTML サイトマップ

サイトマップを見やすくしたい

この HTML サイトマップは便利なのですが、実際に使ってみると気になる点がいくつかありました。

サイトマップにタグを表示しないようにしたい
このサイトはタグの数がやたらと多くて、タグだけで相当なスペースを占めてしまうので、タグを非表示にしたいです。
投稿タイプとタクソノミーを区別しやすいデザインにしたい
例えば、先頭の「ブログ」と「カテゴリー」の関係がひと目でわかりやすいように、この部分をメリハリをつけたいです。
固定ページを意図した通りの並び順にしたい
HTML サイトマップを置くだけだと固定ページが意味不明な並び順になってしまうので、見やすく並び替えたいです。
カテゴリー（タクソノミー）を意図した通りの並び順にしたい
上の固定ページと同じ。
サイトマップに表示したくない固定ページがある
例えば、VK 固定ページ本文ブロックで読み込んでいる固定ページはサイトマップに表示したくないですし、ブログも左カラムの固定ページに含める必要がないと思います。

① は ExUnit で非表示設定

ExUnit の HTML サイトマップ設定画面でサイトマップから除外するタクソノミーを指定できるようになっています。
以下のようにタグにチェックを付けることにより、サイトマップにタグが表示されなくなります。

② は CSS でスタイルを調整

サイトマップのスタイルを CSS でカスタマイズした例がこちら↓です。
先頭のサイトマップと比べて、スッキリと見やすくなりました。

お知らせ

お知らせ分類

上のサイトマップのようにカスタマイズするためのコードはこちら↓です。
X-T9 以外のサイトだと少し調整が必要かもしれません。

.veu_sitemap .sitemap-col ul.link-list li {
    list-style: none;
    margin: 0;
    padding: 12px 0;
}
.veu_sitemap .sitemap-col ul.link-list > li {
    border-bottom: 1px solid #e5e5e5;
}
.veu_sitemap .sitemap-col ul.link-list li a {
    display: block;
    text-decoration: none;
    margin-bottom: 0;
}
.veu_sitemap .sitemap-col ul.link-list li a:hover {
    text-decoration: underline;
}
.veu_sitemap .sitemap-col .sitemap-taxonomy-title {
    margin-bottom: 0;
    margin-left: 1em;
}
.veu_sitemap .sitemap-col .sitemap-post-type-title a {
    display: block;
    background-color: var(--vk-color-border-hr);
    padding: 0.5em;
}
.veu_sitemap .sitemap-col .sitemap-term-list {
    margin-left: 2em;
    margin-bottom: 2.0em;
}
.veu_sitemap .sitemap-col ul.link-list ul li {
    padding-bottom: 0;
}

③・④ はプラグインで並び順を設定

以下の2つのプラグインを使ってお好みの並び順に設定することができます。
両方とも、マウスでドラッグアンドドロップして任意の並び順にすることができます。

Simple Page Ordering

プラグイン Simple Page Ordering は固定ページの並び順を入れ替えるためのプラグインです。

Category Order and Taxonomy Terms Order

プラグイン Category Order and Taxonomy Terms Order はカテゴリー（タクソノミー）の並び順を入れ替えるためのプラグインです。

⑤ は ExUnit で非表示設定

サイトマップに表示したくない固定ページの編集画面で、HTML サイトマップの非表示設定にチェックすれば、サイトマップに表示されなくなります。

私のように「ExUnit の HTML サイトマップって、ちょっと使いづらいなぁ…」と敬遠していた方、ご参考にどうぞ。

投稿者プロフィール

対馬俊彦魚沼情報サービス・ベクトル公式テクニカルパートナー

【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。

Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。

遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら…という方にご好評いただいています。

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。

≫メールでのお問い合わせはこちら