元の記事
複数の固定ページを作成してページ間を移動しよう！ – WordPress関数とURLの仕組み
複数の固定ページを作成し、ページ間を移動できるナビゲーションを実装する方法を学びます。URLの正しい設定、親子関係による階層構造、リンクエラーとその解決策など、WordPressのURL構造とリンク生成の仕組みを実践的に解説します。
［成果物］複数の固定ページを作成してページ間を移動しよう！ – WordPress関数とURLの仕組み
この記事では、以下の投稿で作成した成果物をまとめて確認することができます。
ご自身の環境と見比べて反映漏れがないかなど、ご確認用にご活用ください。
は今回新規追加したものです。
は今回変更したものです。
目次
固定ページ一覧
| タイトル | スラッグ | 順序 | テンプレート | 備考 | |
|---|---|---|---|---|---|
| ようこそ | トップページ | ||||
| 会社概要 | about | ||||
| 沿革 | history | ||||
| アクセス | access | ||||
| サービス | service | ||||
| お問い合わせ | contact |
投稿一覧
| タイトル | カテゴリ | テンプレート | 備考 | |
|---|---|---|---|---|
| Hello World!! | WPが自動生成 |
テーマファイル一覧
現時点のテーマファイルはありません
| ファイル名 | 用途 | 備考 | |
|---|---|---|---|
| index.php | |||
| style.css |
コード
現時点のコードは以下の通りです。
index.php
<!DOCTYPE html>
<html lang="ja">
<head>
<title>マイ・オリジナルテーマ</title>
</head>
<body>
<header>
<h1><?php the_title(); ?></h1>
<ul>
<li><a href="<?php echo home_url(''); ?>">トップ</a></li>
<li><a href="<?php echo home_url('about'); ?>">会社概要</a>
<ul>
<li><a href="<?php echo home_url('about/history'); ?>">沿革</a></li>
<li><a href="<?php echo home_url('about/access'); ?>">アクセス</a></li>
</ul>
</li>
<li><a href="<?php echo home_url('service'); ?>">サービス</a></li>
<li><a href="<?php echo home_url('contact'); ?>">問い合わせ</a></li>
</ul>
</header>
<main>
<?php the_content();?>
</main>
<footer>
<p>© 2025 マイ・オリジナルテーマ</p>
</footer>
</body>
</html>style.css
/*
Theme Name: マイ・オリジナルテーマ
*/プラグイン
現時点のプラグインはありません
| プラグイン名 | 作者 | 備考 | |
|---|---|---|---|
