HTMLサイトをWordPressにする本(CHAPTER4 ヘッダーとフッターの表示)

2024.05.06

p78~88

ヘッダーとフッターを表示させる
404ページ(index.php)を作る
※ index.phpを本ではプライバシーポリシーにしているけど、今回404ページにする。

自作テーマを読み込ませる

自作テーマファイル直下にindex.phpとstyle.cssが最低限必要

管理画面でfaviconの設定

[外観] > [カスタマイズ] > [サイト基本情報] > [サイトアイコン]
幅512px 高さ512pxのPNG/JPG/GIF。SVGは設定できない

header.phpの作成(p84)

index.html → index.php に名前変更して、
<!DOCTYPE html>から</header>までのコードをheader.php(新規作成)に分割する。

ちなみに、

<li><a href="<?php echo esc_url(home_url('/')); ?>gallery/" class="title">GALLERY</a></li>

/は.htmlの意味

footer.phpの作成(p86)

index.phpの<footer>〜</html>までのコードをfooter.php(新規作成)に分割する

index.htmlにヘッダーとフッターを読み込ませる(p88)

<?php get_header(); ?>と<?php get_footer(); ?>を使う。

<?php get_header(); ?>

  <div class="container">

    <section>

      <h2 class="title">404ERROR</h2>
      <p>お探しのページが見つかりませんでした。</p>
      
    </section>
  </div>

<?php get_footer(); ?>

結果