---
title: "純粋な PHP コードで HTML サイトマップを生成する - 憂いを忘れる一枚"
description: "数日前、私は《純粋な PHP コードで XML サイトマップを生成する》という記事を書きました。XML サイトマップを生成するためのものです。しかし、XML サイトマップはコードばかりで、少しも美しく見えません。なぜなら、もともと検索エンジンのクローラー向けに生成するものだからです。"
canonical_url: "https://www.ikxin.com/ja/article/wordpress-php-html-sitemap"
last_updated: "2026-09-16T09:59:27.259Z"
locale: ja
meta:
  "og:description": "数日前、私は《純粋な PHP コードで XML サイトマップを生成する》という記事を書きました。XML サイトマップを生成するためのものです。しかし、XML サイトマップはコードばかりで、少しも美しく見えません。なぜなら、もともと検索エンジンのクローラー向けに生成するものだからです。"
  "og:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~57SU57KL44GqIFBIUCDjgrPjg7zjg4njgacgSFRNTCDjgrXjgqTjg4jjg57jg4Pjg5fjgpLnlJ~miJDjgZnjgosgLSDmhoLjgYTjgpLlv5jjgozjgovkuIDmnpo%2Cc_Article%2Ctitle_~57SU57KL44GqIFBIUCDjgrPjg7zjg4njgacgSFRNTCDjgrXjgqTjg4jjg57jg4Pjg5fjgpLnlJ~miJDjgZnjgos%2Cdescription_~5pWw5pel5YmN44CB56eB44Gv44CK57SU57KL44GqIFBIUCDjgrPjg7zjg4njgacgWE1MIOOCteOCpOODiOODnuODg-ODl-OCkueUn-aIkOOBmeOCi-OAi-OBqOOBhOOBhuiomOS6i-OCkuabuOOBjeOBvuOBl-OBn-OAglhNTCDjgrXjgqTjg4jjg57jg4Pjg5fjgpLnlJ~miJDjgZnjgovjgZ~jgoHjga7jgoLjga7jgafjgZnjgILjgZfjgYvjgZfjgIFYTUwg44K144Kk44OI44Oe44OD44OX44Gv44Kz44O844OJ44Gw44GL44KK44Gn44CB5bCR44GX44KC576O44GX44GP6KaL44GI44G-44Gb44KT44CC44Gq44Gc44Gq44KJ44CB44KC44Go44KC44Go5qSc57Si44Ko44Oz44K444Oz44Gu44Kv44Ot44O844Op44O85ZCR44GR44Gr55Sf5oiQ44GZ44KL44KC44Gu44Gg44GL44KJ44Gn44GZ44CC%2CsiteName_~5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2CsiteHost_www.ikxin.com%2Cp_Ii9qYS9hcnRpY2xlL3dvcmRwcmVzcy1waHAtaHRtbC1zaXRlbWFwIg%2Cs_dGw_-YwdikZmp0IA.png"
  "og:image:alt": "純粋な PHP コードで HTML サイトマップを生成する - 憂いを忘れる一枚"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "純粋な PHP コードで HTML サイトマップを生成する"
  "twitter:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~57SU57KL44GqIFBIUCDjgrPjg7zjg4njgacgSFRNTCDjgrXjgqTjg4jjg57jg4Pjg5fjgpLnlJ~miJDjgZnjgosgLSDmhoLjgYTjgpLlv5jjgozjgovkuIDmnpo%2Cc_Article%2Ctitle_~57SU57KL44GqIFBIUCDjgrPjg7zjg4njgacgSFRNTCDjgrXjgqTjg4jjg57jg4Pjg5fjgpLnlJ~miJDjgZnjgos%2Cdescription_~5pWw5pel5YmN44CB56eB44Gv44CK57SU57KL44GqIFBIUCDjgrPjg7zjg4njgacgWE1MIOOCteOCpOODiOODnuODg-ODl-OCkueUn-aIkOOBmeOCi-OAi-OBqOOBhOOBhuiomOS6i-OCkuabuOOBjeOBvuOBl-OBn-OAglhNTCDjgrXjgqTjg4jjg57jg4Pjg5fjgpLnlJ~miJDjgZnjgovjgZ~jgoHjga7jgoLjga7jgafjgZnjgILjgZfjgYvjgZfjgIFYTUwg44K144Kk44OI44Oe44OD44OX44Gv44Kz44O844OJ44Gw44GL44KK44Gn44CB5bCR44GX44KC576O44GX44GP6KaL44GI44G-44Gb44KT44CC44Gq44Gc44Gq44KJ44CB44KC44Go44KC44Go5qSc57Si44Ko44Oz44K444Oz44Gu44Kv44Ot44O844Op44O85ZCR44GR44Gr55Sf5oiQ44GZ44KL44KC44Gu44Gg44GL44KJ44Gn44GZ44CC%2CsiteName_~5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2CsiteHost_www.ikxin.com%2Cp_Ii9qYS9hcnRpY2xlL3dvcmRwcmVzcy1waHAtaHRtbC1zaXRlbWFwIg%2Cs_dGw_-YwdikZmp0IA.png"
  "twitter:image:alt": "純粋な PHP コードで HTML サイトマップを生成する - 憂いを忘れる一枚"
---

> Index of every page on this site: [llms.txt](https://www.ikxin.com/llms.txt)

# **純粋な PHP コードで HTML サイトマップを生成する**

2017.05.27 4,511  0

数日前、私は《 [純粋な PHP コードで XML サイトマップを生成する](https://blog.ikxin.com/archives/15.html)》という記事を書きました。XML サイトマップを生成するためのものです。しかし、XML サイトマップはコードばかりで、少しも美しく見えません。なぜなら、もともと検索エンジンのクローラー向けに生成するものだからです。

今日は皆さんに HTML サイトマップを紹介します。これこそ人が見るための Sitemap サイトマップです。新しいページを 1 つ作成するだけでよく、簡単で便利です。前置きはこれくらいにして、以下にコードを掲載します。

## PHP コード

新しく `sitemap.php` ファイルを作成し、以下のコードをそのファイルに書き込みます：

 PHP

```
<?php
/**
@package WordPress
Template Name: 站点地图
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo( 'charset' ); ?>" />
    <title>站点地图 - <?php bloginfo('name'); ?></title>
    <link rel="canonical" href="<?php echo get_permalink(); ?>" />
    <style type="text/css">
        body {
            font-size: 14px;
            margin: 0;
            color: #000000;
            background: rgba(255, 0, 0, 0);
            background-image: url("https://www.ikxin.com/wp-content/uploads/beijing.png");
        }
        img {
            border: 0;
        }
        a {
            color: #0000ff;
        }
        li {
            margin-top: 8px;
        }
        .page {
            padding: 4px;
            border-top: 1px #EEEEEE solid;
        }
        .author {
            background-color: #EEEEFF;
            padding: 6px;
            border-top: 1px #ddddee solid;
        }
        #nav, #content, #footer {
            padding: 16px;
            border: 4px solid #0000ff;
            clear: both;
            width: 80%;
            margin: auto;
            margin-top: 16px;
        }
    </style>
</head>
<body vlink="#333333" link="#333333">
    <h2 style="text-align: center; margin-top: 20px"><?php bloginfo('name'); ?> 的网站地图</h2>
    <center></center>
    <div id="nav">
        <a href="<?php bloginfo('url'); ?>/"><strong><?php bloginfo('name'); ?></strong></a> &raquo; 
        <a href="<?php echo get_permalink(); ?>">站点地图</a>
    </div>
    <div id="content">
        <h3>文章</h3>
        <ul>
        <?php
            $previous_year = $year = 0;
            $previous_month = $month = 0;
            $ul_open = false;
            $myposts = get_posts('numberposts=-1&orderby=post_date&order=DESC');
            foreach($myposts as $post) :
        ?>
        <li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" target="_blank"><?php the_title(); ?></a></li>
        <?php endforeach; ?>
        </ul>
    </div>
    <div id="content">
        <li class="categories">分类
            <ul>
                <?php wp_list_categories('title_li='); ?>
            </ul>
        </li>
    </div>
    <div id="content">
        <li class="categories">页面</li>
        <?php wp_page_menu( $args ); ?>
    </div>
    <div id="footer">网站首页: 
        <strong>
            <a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a>
        </strong>
    </div>
    <br />
    <center>
        <div style="text-align: center; font-size: 11px">
            最后更新：<?php $last = $wpdb->get_results("SELECT MAX(post_modified) AS MAX_m FROM $wpdb->posts WHERE (post_type = 'post' OR post_type = 'page') AND (post_status = 'publish' OR post_status = 'private')");$last = date('Y-m-d G:i:s', strtotime($last[0]->MAX_m));echo $last; ?><br /><br />
        </div>
    </center>
    <center>
        <div style="text-align: center; font-size: 11px">作者：<strong>
            <a href="https://www.ikxin.com/php-code-html-sitemap.html" target="_blank">夜色静好</a></strong>&nbsp;
            <a href="<?php bloginfo('url');?>/" style="cursor: help"><?php bloginfo('name');?></a> &copy; 版权所有<br /><br />
        </div>
    </center>
</body>
</html>
```

## 使用教程

`sitemap.php` をテーマディレクトリにアップロードし、その後新しいページを作成して、ページ属性 - テンプレートで「站点地图」を選択すれば完了です。内容を入力する必要はありません。

## **コメント**

(0)

まだコメントはありません

## **コメントを投稿**

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/ja#website","@type":"WebSite","description":"「憂いを忘れる一枚」は、技術探究と日々の暮らしをテーマにした個人サイトです。Web 開発、バックエンド、DevOps の実践を記録し、ソフトウェアツールやデジタル体験、コードの外で得た見聞と思索を共有します。","inLanguage":"ja-JP","name":"憂いを忘れる一枚","url":"https://www.ikxin.com/ja","translationOfWork":{"@id":"https://www.ikxin.com/#website"}},{"@id":"https://www.ikxin.com/ja/article/wordpress-php-html-sitemap#webpage","@type":"WebPage","description":"数日前、私は《純粋な PHP コードで XML サイトマップを生成する》という記事を書きました。XML サイトマップを生成するためのものです。しかし、XML サイトマップはコードばかりで、少しも美しく見えません。なぜなら、もともと検索エンジンのクローラー向けに生成するものだからです。","name":"純粋な PHP コードで HTML サイトマップを生成する","url":"https://www.ikxin.com/ja/article/wordpress-php-html-sitemap","isPartOf":{"@id":"https://www.ikxin.com/ja#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/ja/article/wordpress-php-html-sitemap"]}]}]}
```

## Sitemap

See the full [sitemap](https://www.ikxin.com/sitemap.md) for all pages.