Wordpressのマルティサイト構築

WPのマルティサイトのURLがサブドメインの利用が可能

• 一つ登録されたドメイン名の下に複数のサブドメインの追加が簡単で、費用も掛かりません
• サイトの分類、または用途／部署の分類のため、サブドメインをよく利用されます
  • 例： depart-1.domain.com, depart-2.domain.com, など
• Wordpressのマルティサイト構築するには以下のような方法があります
  • サブドメイン（Subdomain）：　ドメイン単位で完全に別サイトのように見えます
  • サブディレクトリ（Subdirectory）：　同じドメイン名の下に違うディレクトリ（例： domain.com/depart-1, domain.com/depart-2 ）
• サブドメイン方式をする場合に、マルティサイト構築する前に、ウェブサーバーでサブドメイン名を登録してからです

WPのマルティサイトが一つのベースサイトの上で構築されます

• 最低はWP一つを構築します（ベースサイト）
• ベースサイトをマルティサイト構築可能な設定を wp-config.php に記述します

  /* Allow mutiple site */
  define( 'WP_ALLOW_MULTISITE', true );

• ベースサイトのネットワークセットアップ機能（Tools >> Network Setup）でマルティサイトのタイプを決めます
  • サブドメイン／サブディレクトリ のどちらかを選びます
  • Network Setupに提示されたマルティサイトの定義を wp-config.php に追加します
  • Netword Setupに提示されたマルティサイトのアクセス分類定義を .htaccess に追加します
• 一度ログアウトして、再度ログインすれば、マルティサイトが出来上がります
  

データベース上は作成したマルティサイトの投稿／テーマなどが別テーブルで管理しています

• DB上では、マルチサイトの投稿、テーマなどの管理領域は完全別のテーブルにしています
• DBではマルティサイトが完全に独立しています
• サブサイトでのシステム管理、テーマ修正などは互いに影響しません
  

WPのマルティサイトがベースサイトのディレクトを共有しています

• マルティサイトの初期インストール時に、各種（テーマ／プラグイン／投稿など）管理のディレクトリは共有しています
• プラグイン（例：Multisite Plugin Managerなど）を利用して、サブディレクトリの管理ができます
• 大きくカスタマイズをしなければ、サブディレクトリの管理をしなくて良いでしょう

Wordpressのマルティサイトでそれぞれの子テーマを作成します

• 「Wordpressのマルティサイトの構築」をご参考ください
• 同一テーマの子テーマをそれぞれのサブサイトに適応したいです

マルティサイトに子テーマ作成方法と同じように複数回を行います

• 「Wordpressで子テーマ作成」をご参考ください
• 同じ方法でそれぞれのサブサイトに子テーマを作成します
  

サイト管理でそれぞれの子テーマを有効化します

• サブサイトでテーマのインストール／有効化はできません
• ネットワーク管理 >> サイト管理で各サブサイトに応じて子テーマを有効にします
• 各サブサイトで子テーマのアクティブ化することができます

WPにテーマをインストールして子テーマを作成しました

• サイトを新規作成し、テーマ（zerif-lite）をインストールしました
• 子テーマのフォルダを作成して、style.cssファイルとfunctions.phpファイルを作成し、必要なコードを書き込みました。(Wordpressの子テーマ（Zerif）の作成 )

サイトを訪問するとレイアウトが崩れています

• 子テーマ作成した画面に訪問すると、レイアウトが崩れていることを気が付きました
  
• 具体的にWPの親テーマからどのファイルを取り込んだかを調べました
  • ページのプロパティ（開発ツールの使用）を開き、「Source」タブを開いて：wp-content\themes\zerif-lite を開きます
  • このフォルダに取り入れるべきstyle.cssがありません

原因は親テーマのstyle.cssファイルが取り入れていないことです

• 親テーマのstyle.cssの取り入れはhook（add_action()）で行っていたため、そこで何か問題があるようです
• hookを記述するファイルfunctions.php の名前が「function.php」（'s'が足りない）が間違っていることを発見（ローレベルのミス）
• function.php -> functions.phpを修正したら、style.cssが正常に取り入れられ、画面が正常に戻りました

テーマをカスタマイズするために子テーマを作成します

• テーマをカスタマイズする必要がある場合子テーマを作成します（親テーマがアップデート時に影響を最低限にするため）
  • 例：「wordpressの子テーマ（zerif）の作成」を参考にしてください
  • この例は子テーマのフォルダを作成し、親テンプレート、CSS、JSなどをすべて受け継ぎとなります

親テンプレートをカスタマイズするためにそのテンプレートを子テーマのフォルダにコピーします

• 親テンプレート（例：content.php）をカスタマイズする前に、そのテンプレート(content.php)を子テーマのフォルダにコピー／ペストします
  • 同様に親テーマをアップデート時に影響を最低限抑えるためでした
    
• 子テーマフォルダにコピーされたテンプレートファイル（content.php）を開いてコードを変更します
• 投稿一覧画面で変更した部分が反映されたことを確認

WPのマルティサイトのURLがサブドメインの利用が可能

• 一つ登録されたドメイン名の下に複数のサブドメインの追加が簡単で、費用も掛かりません
• サイトの分類、または用途／部署の分類のため、サブドメインをよく利用されます
  • 例： depart-1.domain.com, depart-2.domain.com, など
• Wordpressのマルティサイト構築するには以下のような方法があります
  • サブドメイン（Subdomain）：　ドメイン単位で完全に別サイトのように見えます
  • サブディレクトリ（Subdirectory）：　同じドメイン名の下に違うディレクトリ（例： domain.com/depart-1, domain.com/depart-2 ）
• サブドメイン方式をする場合に、マルティサイト構築する前に、ウェブサーバーでサブドメイン名を登録してからです

WPのマルティサイトが一つのベースサイトの上で構築されます

• 最低はWP一つを構築します（ベースサイト）
• ベースサイトをマルティサイト構築可能な設定を wp-config.php に記述します

  /* Allow mutiple site */
  define( 'WP_ALLOW_MULTISITE', true );

• ベースサイトのネットワークセットアップ機能（Tools >> Network Setup）でマルティサイトのタイプを決めます
  • サブドメイン／サブディレクトリ のどちらかを選びます
  • Network Setupに提示されたマルティサイトの定義を wp-config.php に追加します
  • Netword Setupに提示されたマルティサイトのアクセス分類定義を .htaccess に追加します
• 一度ログアウトして、再度ログインすれば、マルティサイトが出来上がります
  

データベース上は作成したマルティサイトの投稿／テーマなどが別テーブルで管理しています

• DB上では、マルチサイトの投稿、テーマなどの管理領域は完全別のテーブルにしています
• DBではマルティサイトが完全に独立しています
• サブサイトでのシステム管理、テーマ修正などは互いに影響しません
  

WPのマルティサイトがベースサイトのディレクトを共有しています

• マルティサイトの初期インストール時に、各種（テーマ／プラグイン／投稿など）管理のディレクトリは共有しています
• プラグイン（例：Multisite Plugin Managerなど）を利用して、サブディレクトリの管理ができます
• 大きくカスタマイズをしなければ、サブディレクトリの管理をしなくて良いでしょう

WPのマルティサイトのURLがサブドメインの利用が可能

• 一つ登録されたドメイン名の下に複数のサブドメインの追加が簡単で、費用も掛かりません
• サイトの分類、または用途／部署の分類のため、サブドメインをよく利用されます
  • 例： depart-1.domain.com, depart-2.domain.com, など
• Wordpressのマルティサイト構築するには以下のような方法があります
  • サブドメイン（Subdomain）：　ドメイン単位で完全に別サイトのように見えます
  • サブディレクトリ（Subdirectory）：　同じドメイン名の下に違うディレクトリ（例： domain.com/depart-1, domain.com/depart-2 ）
• サブドメイン方式をする場合に、マルティサイト構築する前に、ウェブサーバーでサブドメイン名を登録してからです

WPのマルティサイトが一つのベースサイトの上で構築されます

• 最低はWP一つを構築します（ベースサイト）
• ベースサイトをマルティサイト構築可能な設定を wp-config.php に記述します

  /* Allow mutiple site */
  define( 'WP_ALLOW_MULTISITE', true );

• ベースサイトのネットワークセットアップ機能（Tools >> Network Setup）でマルティサイトのタイプを決めます
  • サブドメイン／サブディレクトリ のどちらかを選びます
  • Network Setupに提示されたマルティサイトの定義を wp-config.php に追加します
  • Netword Setupに提示されたマルティサイトのアクセス分類定義を .htaccess に追加します
• 一度ログアウトして、再度ログインすれば、マルティサイトが出来上がります
  

データベース上は作成したマルティサイトの投稿／テーマなどが別テーブルで管理しています

• DB上では、マルチサイトの投稿、テーマなどの管理領域は完全別のテーブルにしています
• DBではマルティサイトが完全に独立しています
• サブサイトでのシステム管理、テーマ修正などは互いに影響しません
  

WPのマルティサイトがベースサイトのディレクトを共有しています

• マルティサイトの初期インストール時に、各種（テーマ／プラグイン／投稿など）管理のディレクトリは共有しています
• プラグイン（例：Multisite Plugin Managerなど）を利用して、サブディレクトリの管理ができます
• 大きくカスタマイズをしなければ、サブディレクトリの管理をしなくて良いでしょう

Wordpressの子テーマの必要性：コア/サードパーティーに提供されたコードを変更しない

• Wordpress、および各種プラグインがよくアップグレードされます
  • アップグレード時にソースコードがすべて上書きされます
  • もし提供されたプラグインのソースコードを変更した場合に、アップグレード時にこれらのソースコードが全部消されます
• そのアップグレードに影響されずに、提供されたソースコードに変更しないことが鉄則です
  • 提供されたテーマも同じアップグレードされるので、テーマを変更する前に、子テーマを作成します

子テーマを簡単に作成できます

• 元テーマ：Zerif を利用します
• 子テーマのフォルダー(zerif-lite-child)を新規作成します
  • wp-content/themes/zerif-lite-child
• 子フォルダーの下に二つのファイルを新規作成します
  • style.css ：親テーマに関する記述

    /*
     Theme Name:   Zerif Lite Child
     Theme URI:    Theme URI: https://www.themeisle.com/ 
     Description:  Zerif Liter Child Theme
     Author:       old-pine
     Author URI:   http://old-pine.net
     Template:     zerif-lite
     Version:      1.0.0
    */
    

  • functions.php：親テーマの利用ロジック

    <?php
    
    add_action( 'wp_enqueue_scripts', 'child_enqueue_styles',99);
    function child_enqueue_styles() {
        $parent_style = 'parent-style';
        wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
        wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ) );
    }
    if ( get_stylesheet() !== get_template() ) {
        add_filter( 'pre_update_option_theme_mods_' . get_stylesheet(), function ( $value, $old_value ) {
             update_option( 'theme_mods_' . get_template(), $value );
             return $old_value; // prevent update to child theme mods
        }, 10, 2 );
        add_filter( 'pre_option_theme_mods_' . get_stylesheet(), function ( $default ) {
            return get_option( 'theme_mods_' . get_template(), $default );
        } );
    }
    
    ?>
    

  • 作成されたフォルダーとファイルは以下のようなイメージ
    
• システムの外観管理画面で新規作成した子テーマを有効にします
  

プラグイン（Customizer Export/Import）で既存のテーマ設定情報を移行します

• 新規子テーマ作成する前に既存テーマにいろいろな設定を行ったかも知れないです
• プラグイン：Customizer Export/Import　を導入して、テーマのエクスポートすることができます
  • エクスポート時に既存のテーマを有効化します
  • テーマカスタマイズ画面にある「エクスポート/インポート」メニューからテーマ情報をエクスポートします
• 子テーマを有効化して書き出されたテーマ情報をインポートします
  • 同じようにテーマカスタマイズ画面にある「エクスポート/インポート」メニューからテーマ情報をインポートトします

WPのマルティサイトのURLがサブドメインの利用が可能

• 一つ登録されたドメイン名の下に複数のサブドメインの追加が簡単で、費用も掛かりません
• サイトの分類、または用途／部署の分類のため、サブドメインをよく利用されます
  • 例： depart-1.domain.com, depart-2.domain.com, など
• Wordpressのマルティサイト構築するには以下のような方法があります
  • サブドメイン（Subdomain）：　ドメイン単位で完全に別サイトのように見えます
  • サブディレクトリ（Subdirectory）：　同じドメイン名の下に違うディレクトリ（例： domain.com/depart-1, domain.com/depart-2 ）
• サブドメイン方式をする場合に、マルティサイト構築する前に、ウェブサーバーでサブドメイン名を登録してからです

WPのマルティサイトが一つのベースサイトの上で構築されます

• 最低はWP一つを構築します（ベースサイト）
• ベースサイトをマルティサイト構築可能な設定を wp-config.php に記述します

  /* Allow mutiple site */
  define( 'WP_ALLOW_MULTISITE', true );

• ベースサイトのネットワークセットアップ機能（Tools >> Network Setup）でマルティサイトのタイプを決めます
  • サブドメイン／サブディレクトリ のどちらかを選びます
  • Network Setupに提示されたマルティサイトの定義を wp-config.php に追加します
  • Netword Setupに提示されたマルティサイトのアクセス分類定義を .htaccess に追加します
• 一度ログアウトして、再度ログインすれば、マルティサイトが出来上がります
  

データベース上は作成したマルティサイトの投稿／テーマなどが別テーブルで管理しています

• DB上では、マルチサイトの投稿、テーマなどの管理領域は完全別のテーブルにしています
• DBではマルティサイトが完全に独立しています
• サブサイトでのシステム管理、テーマ修正などは互いに影響しません
  

WPのマルティサイトがベースサイトのディレクトを共有しています

• マルティサイトの初期インストール時に、各種（テーマ／プラグイン／投稿など）管理のディレクトリは共有しています
• プラグイン（例：Multisite Plugin Managerなど）を利用して、サブディレクトリの管理ができます
• 大きくカスタマイズをしなければ、サブディレクトリの管理をしなくて良いでしょう

WordpressのマルティサイトとZerif-liteテーマをインストール直後にZerif-liteのデモページではなく「ブログ」ページが表示されました

• Wordpressのマルティサイト構築
• Zerif-liteテーマをそれぞれのサブサイトに子テーマを作成しました
• 予想したZerif-liteのデモページのようなフロントページが表示されませんでした。
  • 代わりに「ブログ」ページが表示されました
    
  • タイトル：ブログ
  • サブタイトル：Zerif supports a custom frontpage