【プログラムの解説】

• ◎show_only_authorpost()関数が、ログイン中のユーザーの投稿だけを管理画面で表示するためのフィルタを設定します。
• ◎**is_admin()で管理画面かどうか確認し、current_user_can('author')**で投稿者権限を持つユーザーかをチェック。
• ◎投稿者権限のユーザーの場合、自分の投稿だけが表示されるようにクエリをフィルタリングします。

【プログラムの解説】

• ◎show_only_authorimage()関数は、管理画面のメディアライブラリで、自分の画像のみを表示するためのフィルタを設定します。
• ◎**is_admin()で管理画面かどうかを確認し、current_user_can('author')**で投稿者権限を持つユーザーかどうかをチェックします。
• ◎さらに、**$_POST['action'] == 'query-attachments'**でメディアライブラリが表示されるときのリクエストか確認し、投稿者がアップロードした画像だけをクエリでフィルタリングします。
• ◎**add_filter()**を使って、この条件をメディアの取得クエリに適用しています。

get_header(); ?>

<!-- ペーストする関数はこちら -->

<div id="wrapper">
    <main>
        <?php
        while (have_posts()) : the_post();
            the_content();
            // スタッフ紹介のタイトル
            echo '<section class="staff-intro-section">';
            echo '<h2>スタッフの紹介</h2>';
            echo '<p>私たちの素晴らしいスタッフを紹介します。</p>';
            echo '</section>';
        endwhile; // End of the loop.
        ?>
    </main><!-- #main -->
</div><!-- #wrapper -->

<!-- スタッフのプロフィールカード表示セクション -->
<div class="staff-profile-section">
    <div class="beigeBox">
        <div class="main1">    
            <div class="consultantBox">    
                <?php if(have_posts()): while(have_posts()): the_post(); ?>
                    <?php the_content(); ?>
                
                    <!-- 投稿者一覧を表示（'exclude' => [1, 2, 3, 10]）表示させたくないユーザーID番号 -->
                    <?php
                    $users = get_users([
                        'orderby' => 'ID',
                        'order' => 'ASC',
                        'exclude' => []
                    ]);
                    ?>
                    <div class="writers">
                        <?php foreach ($users as $user): ?>
                            <?php
                            $uid = $user->ID;
                        
                            // 各ユーザーメタデータを取得
                            $hobby = trim(get_the_author_meta('hobby', $uid));
                            $food = trim(get_the_author_meta('food', $uid));
                            $birthplace = trim(get_the_author_meta('birthplace', $uid));
                            $description = trim(get_the_author_meta('description', $uid));
                            ?>
                        
                            <div class="writer-profile" id="writer-profile-<?= esc_attr($uid) ?>">
                                <!-- 隠し要素に趣味、好きな食べ物、出身地を格納 -->
                                <input type="hidden" id="hiddenHobby-<?= esc_attr($uid) ?>" value="<?= esc_attr($hobby) ?>">
                                <input type="hidden" id="hiddenFood-<?= esc_attr($uid) ?>" value="<?= esc_attr($food) ?>">
                                <input type="hidden" id="hiddenBirthplace-<?= esc_attr($uid) ?>" value="<?= esc_attr($birthplace) ?>">
                                <input type="hidden" id="hiddenDescription-<?= esc_attr($uid) ?>" value="<?= esc_attr($description) ?>">
                            
                                <!-- ユーザープロフィール表示 -->
                                <figure class="eyecatch">
                                    <?= get_avatar($uid, 190) ?>
                                </figure>
                                <div class="profiletxt">
                                    <p class="name"><?= esc_html($user->display_name) ?></p>
                                    
                                    <div class="hobby">
                                        <span class="label">趣味: </span><?= !empty($hobby) ? esc_html($hobby) : '情報なし' ?>
                                    </div>
                                    <div class="food">
                                        <span class="label">好きな食べ物: </span><?= !empty($food) ? esc_html($food) : '情報なし' ?>
                                    </div>
                                    <div class="birthplace">
                                        <span class="label">出身地: </span><?= !empty($birthplace) ? esc_html($birthplace) : '情報なし' ?>
                                    </div>
                                    <div class="description">
                                        <span class="label">コメント: </span><?= !empty($description) ? esc_html($description) : '情報なし' ?>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>
                    <!-- 投稿者一覧表示終了 -->

                <?php endwhile; endif; ?>
            </div>
        </div>
    </div>
</div>

 <!-- ペーストする関数はここまで -->

<?php get_footer(); ?>

/* スタッフ紹介セクションのスタイル */
.staff-intro-section {
    text-align: center;
    margin-bottom: 40px;
}

.staff-intro-section h2 {
    font-size: 2em;
    color: #333;
    margin-bottom: 10px;
}

.staff-intro-section p {
    font-size: 1.2em;
    color: #666;
    margin-bottom: 20px;
}

/* スタッフプロフィールセクションのスタイル */
.staff-profile-section {
    background-color: #f9f9f9;
    padding: 20px 0;
}

.beigeBox {
    background-color: #f5f5dc;
    padding: 20px;
    border-radius: 8px;
}

/* 投稿者一覧のコンテナ */
.writers {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

/* 各プロフィールのスタイル */
.writer-profile {
    width: calc(33% - 20px);
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.writer-profile:hover {
    transform: translateY(-5px);
}

/* ユーザー画像 */
.eyecatch {
    display: block;
    text-align: center;
    margin-bottom: 15px;
}

.eyecatch img {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    object-fit: cover;
}

/* ユーザー情報テキスト */
.profiletxt {
    text-align: center;
}

.name {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.hobby, .food, .birthplace {
    margin-bottom: 8px;
    font-size: 0.95em;
    color: #666;
}

/* ラベルのスタイル */
.label {
    font-weight: bold;
    color: #444;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .writer-profile {
        width: calc(50% - 20px);
    }
}

@media (