• 解決済 nekonekonekonyan

    (@mugenneko)


    いつもお世話になっております。
    現在会員登録ありの写真投稿メインのコミュニティサイト(SNS)を作成しており、UltimateMemberを利用してそれぞれのユーザーマイページ(プロフィールページ)の作成をしています。

    ユーザーページにはそのユーザーが投稿した写真の一覧が表示されています(参照:https://www.nyanfinity.com/user/ange20201205/)。
    その投稿写真の一覧をインスタグラムの検索ページ(モバイルでみたら横3カラム)のような、サムネイルの一覧表示にしたいのですが、UltimateMemberには一覧表示のカスタムなどの設定はありませんでした。

    全ユーザーの新着写真一覧のページ(参照:https://www.nyanfinity.com/newpost/)では、以下の設定方法によって

    <?php get_header(); ?>

    <div class="tag-image-gallery">
    <h1>「<?php single_tag_title(); ?>」の画像一覧</h1>

    <?php if (have_posts()) : ?>
    <div class="image-grid">
    <?php while (have_posts()) : the_post(); ?>
    <?php if (has_post_thumbnail()) : ?>
    <div class="image-item">
    <a href="<?php the_permalink(); ?>">
    <?php the_post_thumbnail('thumbnail'); ?> <!-- サムネイル表示 -->
    </a>
    </div>
    <?php endif; ?>
    <?php endwhile; ?>
    </div>
    <?php else : ?>
    <p>該当する画像がありません。</p>
    <?php endif; ?>
    </div>

    <style>
    .image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* サムネイルに合わせて調整 */
    gap: 10px;
    }
    .image-item img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    }
    </style>

    <?php get_footer(); ?>

    上記コードを、
    利用中のテーマcocoonのwp-content/themes/cocoon-child-master/tag.php内に記載することで、一覧をインスタグラムの検索ページのようなサムネイル表示にできたのですが、
    ユーザーページではUMプラグインを利用しているからか、php内に記載してみても反応はありませんでした。

    こちらを解決する方法は何かありますか?

    拙い質問文で申し訳ありませんがよろしくお願いします。

    利用サーバーconoha wing
    使用中の端末MacBook
    OS13.5.1
    WordPress アプリの利用無し

  • このトピックに返信するにはログインが必要です。