add_theme_support('custom-logo', オプション)
                                  省略可

カスタムロゴを有効化してみよう。

1. 「dummy」 › 「functions.php」をテキストエディタで開く
2. 下記を参考に「dummy_setup()」関数内に、カスタムロゴを有効化にする処理を記述

/*
  カスタムロゴ
----------------------------------- */
$args = [
  'width'       => 160,
  'height'      => 32,
  'flex-width'  => true,
  'header-text' => [ 'p-logo', 'p-header__text' ],
];
add_theme_support( 'custom-logo', $args );

/*
  カスタムメニュー
----------------------------------- */
$locations = [
  'global' => 'Global Navigation'
];
register_nav_menus($locations);

3. 上書き保存
4. 管理画面にアクセス
   （http://localhost/wp-lesson/wp-admin/）
5. 「外観」 › 「カスタマイズ」 › 「サイトの基本情報」に移動
6. 「material」フォルダにある、「logo-primary.png」をロゴとして設定する
7. 「サイトのタイトルとキャッチフレーズを表示」をオフにし、「公開」ボタンを押す

カスタムロゴを出力してみよう。

1. 「dummy」 › header.php」をテキストエディタで開く
2. 下記を参考にカスタムロゴを表示するコードを記述

<div class="p-header__info">
  <h1 class="p-header__title">
    <?php
      if ( has_custom_logo() ) {
        the_custom_logo();
      }
    ?>
    <a href="<?php echo esc_url( home_url() ); ?>" class="p-logo">
      <?php bloginfo('name'); ?>
    </a>
  </h1>
  <p class="p-header__text"><?php bloginfo('description'); ?></p>
</div>
<!-- /.p-header__info -->

3. 上書き保存
4. サイトにアクセス
   （http://localhost/wp-lesson/）
5. カスタムロゴが表示されているかを確認

スクリーンショットを配置してみよう。

1. サイトにアクセス
   （http://localhost/wp-lesson）
2. スクリーンショットを撮影する
   Google Chormeの場合はデベロッパーツールを表示し、
   command + shift + pを押して、
   表示されるパネルに「full」と入力し、
   「Capture full size screenshot」を選択
   （adminバーが邪魔なときはログアウトするなどしてから撮影する）
3. スクリーンショットのファイル名を「screenshot.png」変更する
4. 「screenshot.png」をテーマフォルダの直下に保存する
5. 管理画面にアクセス
   （http://localhost/wp-lesson/wp-admin/）
6. 「外観」 › 「テーマ」に移動
7. スクリーンショットが反映されているかを確認

これで基本的なテーマは完成。

本番環境の準備をしてみよう。

まずは本番環境にデータベースを作成する。
サーバーによって作成方法は違うが、
ここでは「XSERVER」での作成方法を紹介する。

1. サーバーパネルにログイン
2. 「MySQL設定」をクリック
3. 「MySQL追加」をクリック
4. 「データベース名」を任意で入力
   （後で使うから覚えておく）
5. 「確認画面へ進む」をクリック

6. 「追加」するをクリック

7. 「MySQLユーザー追加」をクリック
8. 「ユーザー名」と「パスワード」をできる限り推測されないような文字列で設定
   （後で使うから覚えておく）
9. 「確認画面へ進む」をクリック

10. 「MySQL一覧」をクリック
11. 先程作った「データベース」の、「アクセス権未取得ユーザー」から、
    今作ったユーザーを選択し「追加」ボタンを押す

これで本番環境のデータベースが作成できた。

データベースのエクスポートをしてみよう。

1. 「phpMyAdmin」にアクセス
   （http://localhost/phpmyadmin/）
2. サイドバーからエクスポートするデータベースを選択
3. 「エクスポート」をクリック
4. 「Export method:」の「詳細 - 可能なオプションをすべて表示」を選択

5. 「出力:」の「出力をファイルに保存する」を選択

6. 「フォーマット特有のオプション:」の「他のデータベースシステムまたは古い MySQL サーバとの互換性:」は「MYSQL40」を選択
   （古いデータベースシステムとの互換性を確保するため）
7. 「生成オプション」の「DROP TABLE / VIEW / PROCEDURE / FUNCTION / EVENT / TRIGGER コマンドを追加する」を選択

8. 「実行」をクリック

6. SQLファイルがダウンロードされる。

本番環境にインポートしてみよう。

今回は「XSERVER」を使った方法を紹介する。

1. サーバーパネルにログイン
2. 「phpmyadmin(MySQL○．○)」をクリック

3. データベースを作成した時の「ユーザー名」と「パスワード」でログイン
4. サイドバーから作成したデータベースを選択
5. 「インポート」をクリック
6. 「ファイルを選択」をクリック
7. エクスポートしたSQLファイルを選択

8. 「実行」ボタンをクリック

9. インポートができたかを確認

WordPressフォルダを
アップロードしてみよう

1. FTPクライアントソフトなどで、「wp-lesson」フォルダを公開フォルダ内にアップロード

WordPressフォルダの名前

今回は授業の為、WordPressフォルダの名前を「wp-lesson」としているが、一般的には「wordpress」や、「wp」というフォルダ名が多い。
ただし、ローカルの環境と本番サーバーの環境でフォルダ名を変更すると、サイトが表示されない原因になる可能性があるので注意すること。

config.phpを編集しよう。

1. 本番サーバーの「wp-lesson」 › 「config.php」をダウンロード
2. ダウンロードした「config.php」をテキストエディタで開く
3. 下記を参考データベースの情報とデバッグモードの設定を変更する

/** WordPress のためのデータベース名 */
define( 'DB_NAME', '【作成したデータベース名】' );

/** MySQL データベースのユーザー名 */
define( 'DB_USER', '【作成したデータベースのユーザー名】' );

/** MySQL データベースのパスワード */
define( 'DB_PASSWORD', '【作成したデータベースのパスワード】' );

/** MySQL のホスト名 */
define( 'DB_HOST', '【本番サーバーのホスト名】' );

define('WP_DEBUG', false);

4. 本番サーバーに「config.php」をアップロード

Search Replace DBを使ってみよう。

1. Search Replace DB のサイトにアクセス
2. 以下のチェックボックスに全てチェックを入れる
   • I accept this script can be a security risk
     （このスクリプトはセキュリティリスクになる可能性があることがあります）
   • I understand that this script must not be left in a public facing web server
     （このスクリプトは公開されているWebサーバーに残していけない）
   • I am a developer and I know what I'm doing!
     （私は開発者であり、このスクリプトが何をしているのか知っている）
3. 「Name」と「Email」を入力
4. 「SUBMIT」をクリック

5. 入力したメールアドレスに届いたメールの中にある「here」をクリックしてダウンロードする

6. ダウンロードした、「Search-Replace-DB-○-○-○-emaildownloads.zip」
   （「○-○-○」部分はバージョン番号）を解凍
7. 解凍したフォルダーを本番サーバーのwordpresフォルダ内 （今回は「wp-lesson」内）にアップロード

8. アップロードした「Search-Replace-DB-master」にアクセス
   （https://ドメイン名/wordpressフォルダ名/Search-Replace-DB-master/）
9. 「replace」の部分にローカルのwordpressのURLを記述
   （今回の場合は「http://localhost/wp-lesson」）
   最後に「/」を付けないように注意
10. 「with」の部分に本番サーバーのwordpressのURLを記述
    （例：「https://ドメイン名/wp-lesson」）
    最後に「/」を付けないように注意

11. 「dry run」をクリックして、置き換え対象を確認

12. 「live run」をクリックして、置き換えを実行する

13. 「delete me」をクリックして、サーバーから「Search-Replace-DB-master」を削除する

Search-Replace-DB-masterは
絶対サーバーに残さない

「Search-Replace-DB-maste」はDBの内容を置き換えるツールなので、サーバー内に残っているとセキュリティ的に危険である。
その為、置き換えが完了したら速やかにサーバーから削除することが好ましい。

本番サイトにアクセスしてみよう。

1. 本番サイトにアクセス
   （https://ドメイン名/wordpressフォルダ名/）
2. サイトが表示されるかを確認

3. 本番サイトの管理画面にアクセス
   （https://ドメイン名/wordpressフォルダ名/wp-admin/）
4. ローカルで利用していたユーザー名とパスワードでログイン
5. 「ダッシュボード」にアクセスできるかを確認

6. ユーザーのパスワードは強固なものに変更しておく
   （ユーザー名を変更する場合は、管理画面から変更できないので、「phpMyAdmin」などを利用して、データベースの「wp_users」テーブルから直接変更する必要がある。）

サイトが表示されない場合

ローカルと本番サーバーで「wordpressフォルダ」の名前が違っていたり、前項のURLの入力が誤っている場合は表示されない可能性がある。
該当箇所に気をつけてもう一度デプロイをやり直す。
なお、前者の場合は「.htaccess」を修正することで改善できる可能性もある。
また、のキャッシュのせいでローカルにリダイレクトされている場合は、キャッシュを削除してからアクセスするとよい。