マイページの投稿画像一覧をサムネ表示させたい
-
いつもお世話になっております。
現在会員登録ありの写真投稿メインのコミュニティサイト(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 アプリの利用無し
- このトピックに返信するにはログインが必要です。