プロジェクトディレクトリ
├── .devcontainer
│   ├── apache
│   │     └── 000-default.conf
│   ├── devcontainer.json
│   ├── docker-compose.yml
│   ├── php
│   │     └── php.ini
│   └── wordpress
│          └── Dockerfile
├── .github
│   └── workflows
│       ├── production-wordpress-deploy.yml
├── .vscode
│      └── launch.json
├── public # コンテナ起動時に作成されるWordPressファイル群
│     │   ├── index.php
│     │   ├── plugins # 開発で使用したプラグインもGitで管理
│     │   │     ├── contact-form-7
│     │   │     ├── contact-form-cfdb7
│     │   │     ├── index.php
│     │   │     ├── moving-media-library
│     │   │     ├── show-current-template
│     │   │     ├── widget-importer-exporter
│     │   │     ├── wordpress-importer
│     │   │     └── wp-mail-smtp
│     │   ├── themes
│     │   │     ├── LINEUP_BASEBALLCLUB
│     │   │     │   ├── 404.php
│     │   │     │   ├── assets
│     │   │     │   ├── contact.php
│     │   │     │   ├── content-menu.php
│     │   │     │   ├── customize_functions
│     │   │     │   ├── footer.php
│     │   │     │   ├── functions.php
│     │   │     │   ├── header.php
│     │   │     │   ├── home.php
│     │   │     │   ├── index.php
│     │   │     │   ├── introduction.php
│     │   │     │   ├── member.php
│     │   │     │   ├── privacy-policy.php
│     │   │     │   ├── rule.php
│     │   │     │   ├── score.php
│     │   │     │   ├── screenshot.png
│     │   │     │   ├── style.css
│     │   │     │   └── team.php
│     │   │     └── index.php
│     │   ├── upgrade
│     │   └── uploads
│      # WordPressの細かいファイル群は省略
└── src
      ├── babel.config.js
      ├── images
      ├── js
      │     ├── index.js
      ├── package-lock.json
      ├── package.json
      ├── postcss.config.js
      ├── scss
      │     ├── foundation
      │     ├── layout
      │     ├── object
      │     │   ├── component
      │     │   ├── project
      │     │   └── utility
      │     │
      │     └── style.scss
      ├── webpack.config.common.js
      ├── webpack.config.dev.js
      └── webpack.config.prod.js

LIENUP-Wordpress-Theme
├── 404.php
├── assets
│     ├── adminCss
│     │     └── admin.css # 管理画面用css
│     ├── css
│     │     └── style.min.css # webpackで出力する
│     ├── favicon.ico
│     ├── images
│     │     ├── footer-visual.jpg
│     │     ├── logo.png
│     │     ├── no-image.png
│     │     ├── ogp.png
│     │     ├── pagetop.png
│     │     └── youtube-icon.svg
│     └── js
│          └── bundle.min.js # webpackで出力する
├── contact.php
├── content-menu.php
├── customize_functions
│      ├── contact_form_functions.php # Contact Form7に関する設定
│      ├── page_functions.php # 固定ページに関する設定
│      ├── remove_default__menu.php # 不要なメニューを管理画面に表示させない設定
│      └── widgets_functions.php # ウィジェットに関する設定
├── functions.php
├── footer.php
├── header.php
├── home.php
├── index.php
├── introduction.php
├── member.php
├── privacy-policy.php
├── rule.php
├── score.php
├── screenshot.png
├── style.css
└── team.php

// ～ ファイルの末尾 ～

// 固定ページに関する処理をまとめたファイル
require(get_template_directory() . '/customize_functions/page_functions.php');
// Contact Form7に関する設定をまとめたファイル
require(get_template_directory() . '/customize_functions/contact_form_functions.php');
// カスタムウィジェット関係の処理をまとめたファイル
require(get_template_directory() . '/customize_functions/widgets_functions.php');
// 管理画面の不要なメニューを非表示にする処理をまとめたファイル
require(get_template_directory() . '/customize_functions/remove_default__menu.php');

/**
 * 固定ページにカスタムフィールドを表示させる
 *
 * @return void
 */
function add_custom_inputbox(): void
{
    // 第一引数：編集画面のhtmlに挿入されるid属性
    // 第二引数：管理画面に表示されるカスタムフィールド名
    // 第三引数：編集画面にhtmlを出力するための関数を指定
    // 第四引数：管理画面に表示するカスタムフィールドの場所（post: 投稿ページ、page: 固定ページ、その他 'dashboard','link',などが指定できる）
    // 第五引数：メタボックスの配置場所（'normal': 通常のメタボックスエリア、'side': サイドバーのメタボックスエリア、'advanced': 通常のメタボックスエリアの下部）
    add_meta_box('main_visual_movie_id', 'メインビジュアルムービー登録欄', 'main_visual_movie', 'page', 'normal');

    add_meta_box('sns_link_id', 'SNSリンク', 'sns_link', 'page', 'normal');

    add_meta_box('main_visual_text_id', 'メインビジュアルテキスト登録欄', 'main_visual_text', 'page', 'normal');

    add_meta_box('top_page_panel_image_id', 'パネル画像エリア', 'top_page_panel_image', 'page', 'normal');

    add_meta_box('team_theme_id', 'チームテーマ', 'team_theme_text', 'page', 'normal');

    add_meta_box('is_member_recruiting_id', 'メンバー募集ステータス', 'is_member_recruiting', 'page', 'normal');
}
/**
 * フックに登録
 */
add_action('admin_menu', 'add_custom_inputbox');

/**
 * トップページ用の固定ページにメインビジュアル用の動画を登録するテキストボックスを表示させる
 * ※素材は別のURLからでも、管理画面のメディアからでも良いこととする
 *
 * @return void
 */
function main_visual_movie(): void
{
    // カスタムフィールドを作る関数の中では必ずグローバル関数を使う
    global $post;

    // フロントページに指定している固定ページIDを取得
    $page_obj = (int)get_option('page_on_front');

    $main_visual_movie = get_post_meta($post->ID, 'main_visual_movie', true);

    if ($post->ID === $page_obj) {
        echo '<p>メインビジュアルムービーURL ：</p><input type="text" name="main_visual_movie" value="' . esc_attr($main_visual_movie) . '"> ';
    }
}

<?php

// ～ 中略 ～

    <section class="c-homeContainer p-homeCategory p-homeCategory__movie--wrapp u-hidden u-padding__top--xxl js-youtube-container">
        <h2 class="p-homeCategory__movie__title">MOVIE</h2>
        <div class="flex-wrapp">
            <div class="p-homeCategory__movie p-slider__wrapp p-youtube__container">
                <div class="p-homeCategory__movie__item p-slider__item">
                    <!-- Swiper -->
                    <div class="swiper mySwiper p-swiper__container">
                        <div class="swiper-wrapper">
                            <?php dynamic_sidebar('widget_youtube'); ?>
                        </div>
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

<?php get_footer(); ?>

<?php

/**
 * Youtuhbe動画登録用のウィジェットを作成
 */
class youtube_widgets extends WP_Widget // ウィジェットAPIを継承
{

    /**
     * コンストラクター
     */
    function __construct()
    {
        parent::__construct(
            'youtube_widgets', // Base ID
            'Youtube動画ウィジェット' // 管理画面に表示されるウィジェットの名前
        );
    }

    // ～ 中略 ～

    /**
     * ウィジェットのフロントエンドを表示させる処理
     * ※dynamic_sidebarメソッドで呼び出した際に表示されるhtml
     *
     * @param [type] $args: ウィジェットの引数
     * @param [type] $instance: 現在登録されている値
     * @return void
     */
    function widget($args, $instance): void
    {
        // 配列のキー名を変数名として使える用に展開
        extract($args);

        // ウィジェットに入力された情報を取得
        $title        = apply_filters('widget_title', $instance['title']);
        $youtube_url = apply_filters('widget_youtube_url', $instance['youtube_url']);
        $img_path     = apply_filters('widget_img_path', $instance['img_path']);

        // ウィジェットから入力された情報がある場合はhtmlを表示する
        if (!empty($title)) {
?>
            <!-- ここからHTMLタグ -->
            <a class="swiper-slide" href="<?php echo esc_url($youtube_url); ?> " target="_blank" rel="noopener noreferrer">
                <div class="p-youtube__container">
                    <img class="p-youtube" src="<?php echo esc_url($img_path); ?>" />
                    <img class="p-youtube--icon" src='<?php echo get_template_directory_uri(); ?>/assets/images/youtube-icon.svg' />
                </div>
            </a>
            <!-- ここまで -->
        <?php
        }
    }

    // ～ 中略 ～
}

<?php
/*
    Template Name: Introduction ～チーム紹介ページ～
*/
?>

<?php get_header(); ?>

<?php get_template_part('content', 'menu'); ?>

<main class="l-main__rule u-inner">

    <section class="c-table">
        <h2 class="c-title">チーム紹介<span class="c-title__sub">- Team -</span></h2>

        <?php
        // 固定ページの投稿内容を表示する
        if (have_posts()) {
            while (have_posts()) {
                the_post();
                the_content();
            }
        }
        ?>

    </section>
</main>

<?php get_footer(); ?>