ミギムキ

[WordPress] 手軽にサイトマップを作って楽にメンテナンスしたい

公開日:2018/09/25 更新日:2019/07/31

やりたいこと

ページを追加したとき、ついついサイトマップのメンテナンスを忘れがちです
追加ではなく、タイトルを変えたときやスラッグを変えたときにも修正し忘れて、いざリンクを踏んだら404。なんてこともあります
そこで、カスタムメニューにサイトマップ用のメニューを作り、カスタムメニューをサイトマップに整形することで、前述した煩雑さを軽減することができます
呼び出し用の関数をショートコード化しておくことで、固定ページに一文だけショートコードを書くだけでOKになります

サンプルコード

functions.php

function disp_sitemap() {    
    ob_start();
    $args = array('menu' => 'sitemap');
    wp_nav_menu($args);
    $html = ob_get_contents();
    ob_end_clean();
    
    return $html;
}
add_shortcode('sitemap', 'disp_sitemap');

html

[sitemap]

CSS

.menu-sitemap-container > ul {
    display: table;
    margin: -1em auto 0px;
}

.menu-sitemap-container li {
    margin: 1em 0px 0px;
}

.menu-sitemap-container .sub-menu {
    margin: 0px 0px 0px 1em;
}

.menu-sitemap-container .menu-item-has-children,
.menu-sitemap-container .menu-item-has-children + li {
    margin: 2em 0px 0px;
}

仕組み、解説、補足など

ページを追加したときは、グロナビ用のカスタムメニューと一緒に、サイトマップ用のカスタムメニューにも忘れずページを追加しましょう

ご質問など受け付けています

記事の中でわかりにくかったところ、もっと知りたかったこと、間違っていることなど、何でもお気軽にご連絡ください。

ご連絡は下記フォームを利用いただくか、ツイッターアカウント@flat8migi宛てでもOKです。