0

Advanced Custom Fields Plugin for WP を使用して、テーマのカスタム ギャラリー オプションを作成しました。これにより、ユーザーは画像をクリックしてライトボックスを開いてフルサイズの画像を表示するカスタム ページに画像をアップロードできます。私が今やりたいことは、1 つのサムネイルだけを使用して画像のギャラリーを開くことです。ページに表示される唯一のサムネイルは、ユーザーに内容のアイデアを提供するものです。

4

2 に答える 2

0

私はこれが少し時代遅れであることを知っていますが、私は同じものを探して髪を引き裂いていて、ついにそれを理解しました. 共有したいと思いました。

ACFと WordPress 用のEasy FancyBoxプラグインを使用して、次のクエリを作成しました (目的のためにカスタム投稿タイプを使用していますが、明らかにこれはどの種類の投稿でも機能します)。

<?php
     $my_query = new WP_Query( array( 
         'post_type'        => 'YOUR-CUSTOM-POST-TYPE', 
         'posts_per_page'   => 15, ) ); 
                while ( $my_query->have_posts() ) { 
                    $my_query->the_post();
                    $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($my_query->ID), 'full' );
                    $url = $thumb['0']; 
                    $images = get_field('gallery', $my_query->ID);
?>
                    <a href="<?php echo $url; ?>" rel="gallery-<?php echo $post->ID; ?>"><?php the_post_thumbnail('thumbnail'); ?></a>
                    <div class="fancybox-hidden">
                        <?php if( $images ) {
                                foreach( $images as $image ) { ?>
                                    <a href="<?php echo $image['url']; ?>" rel="gallery-<?php echo $post->ID; ?>"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" title="<?php echo $image['title']; ?>"/></a>   
                        <?php } } ?>
                    </div>
                
<?php } ?>

rel= を考慮に入れるには、Easy FancyBox 設定 ([管理] > [メディア]) で自動ギャラリー機能を無効にする必要があります。もちろん、親指のサイズなどはお客様のニーズに合わせて変更できます。

これが他の誰かに役立つことを願っています!

乾杯、

-ジェニーブ

于 2014-06-26T13:11:00.373 に答える
0

従来の方法 (フルサイズの画像にリンクされたサムネイルのリストを作成し、Fancybox などを使用して表示する) と、1 つを除くすべてのサムネイルを非表示にすることができます ( Fancybox FAQを参照)。一握り以上の画像があります。または、サムネイルを使用してモーダル ウィンドウを起動し、そこからギャラリーを取得することもできます。したがって、サムネイルは、次のようなモーダル ウィンドウでテンプレート ファイルを開きます。

<a href="lightbox.php?galleryID=1" rel="fancybox" />

次に、URL からlightbox.phpを取得してgalleryID、適切と思われるスタイルでギャラリーを作成できます。

于 2013-09-02T11:38:20.663 に答える