---
title: "純 PHP 程式碼生成 HTML 網站地圖 - 一紙忘憂"
description: "前幾天我寫過一篇《純 PHP 程式碼生成 XML 網站地圖》，是用來生成 XML 網站地圖的。不過 XML 網站地圖看起來都是程式碼，沒有一點美感，因為這本來就是生成給搜尋引擎蜘蛛看的。"
canonical_url: "https://www.ikxin.com/zh-tw/article/wordpress-php-html-sitemap"
last_updated: "2026-09-16T09:59:27.259Z"
locale: zh-tw
meta:
  "og:description": "前幾天我寫過一篇《純 PHP 程式碼生成 XML 網站地圖》，是用來生成 XML 網站地圖的。不過 XML 網站地圖看起來都是程式碼，沒有一點美感，因為這本來就是生成給搜尋引擎蜘蛛看的。"
  "og:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~57SUIFBIUCDnqIvlvI~norznlJ~miJAgSFRNTCDntrLnq5nlnLDlnJYgLSDkuIDntJnlv5jmhoI%2Cc_Article%2Ctitle_~57SUIFBIUCDnqIvlvI~norznlJ~miJAgSFRNTCDntrLnq5nlnLDlnJY%2Cdescription_~5YmN5bm-5aSp5oiR5a-r6YGO5LiA56-H44CK57SUIFBIUCDnqIvlvI~norznlJ~miJAgWE1MIOe2suermeWcsOWcluOAi--8jOaYr-eUqOS-hueUn-aIkCBYTUwg57ay56uZ5Zyw5ZyW55qE44CC5LiN6YGOIFhNTCDntrLnq5nlnLDlnJbnnIvotbfkvobpg73mmK~nqIvlvI~norzvvIzmspLmnInkuIDpu57nvo7mhJ~vvIzlm6DngrrpgJnmnKzkvoblsLHmmK~nlJ~miJDntabmkJzlsIvlvJXmk47onJjom5vnnIvnmoTjgII%2CsiteName_~5LiA57SZ5b-Y5oaC%2CsiteHost_www.ikxin.com%2Cp_Ii96aC10dy9hcnRpY2xlL3dvcmRwcmVzcy1waHAtaHRtbC1zaXRlbWFwIg%2Cs_8LsU9BMGRi6TEq3U.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_~57SUIFBIUCDnqIvlvI~norznlJ~miJAgSFRNTCDntrLnq5nlnLDlnJYgLSDkuIDntJnlv5jmhoI%2Cc_Article%2Ctitle_~57SUIFBIUCDnqIvlvI~norznlJ~miJAgSFRNTCDntrLnq5nlnLDlnJY%2Cdescription_~5YmN5bm-5aSp5oiR5a-r6YGO5LiA56-H44CK57SUIFBIUCDnqIvlvI~norznlJ~miJAgWE1MIOe2suermeWcsOWcluOAi--8jOaYr-eUqOS-hueUn-aIkCBYTUwg57ay56uZ5Zyw5ZyW55qE44CC5LiN6YGOIFhNTCDntrLnq5nlnLDlnJbnnIvotbfkvobpg73mmK~nqIvlvI~norzvvIzmspLmnInkuIDpu57nvo7mhJ~vvIzlm6DngrrpgJnmnKzkvoblsLHmmK~nlJ~miJDntabmkJzlsIvlvJXmk47onJjom5vnnIvnmoTjgII%2CsiteName_~5LiA57SZ5b-Y5oaC%2CsiteHost_www.ikxin.com%2Cp_Ii96aC10dy9hcnRpY2xlL3dvcmRwcmVzcy1waHAtaHRtbC1zaXRlbWFwIg%2Cs_8LsU9BMGRi6TEq3U.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 網站地圖，只需要新建一個頁面即可，簡單方便。廢話不多說，下面貼出程式碼。

## 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/zh-tw#website","@type":"WebSite","description":"一紙忘憂的個人網站，關於技術探索與日常生活，記錄 Web 開發、後端與 DevOps 實踐，分享軟體工具、數位體驗，以及程式碼之外的見聞與思考。","inLanguage":"zh-TW","name":"一紙忘憂","url":"https://www.ikxin.com/zh-tw","translationOfWork":{"@id":"https://www.ikxin.com/#website"}},{"@id":"https://www.ikxin.com/zh-tw/article/wordpress-php-html-sitemap#webpage","@type":"WebPage","description":"前幾天我寫過一篇《純 PHP 程式碼生成 XML 網站地圖》，是用來生成 XML 網站地圖的。不過 XML 網站地圖看起來都是程式碼，沒有一點美感，因為這本來就是生成給搜尋引擎蜘蛛看的。","name":"純 PHP 程式碼生成 HTML 網站地圖","url":"https://www.ikxin.com/zh-tw/article/wordpress-php-html-sitemap","isPartOf":{"@id":"https://www.ikxin.com/zh-tw#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/zh-tw/article/wordpress-php-html-sitemap"]}]}]}
```

## Sitemap

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