Lightbox插件不适用于自定义开发主题

Question

我正在开发自定义wordpress主题，并且已经删除了wordpress下的默认主题。

但是，我已经安装了灯箱插件，用于在灯箱中显示我的画廊图像。但这没有用。

这是我的代码。

page-gallery.php

get_header(); ?>


 <section class="content pull-left width-wide clear-both">
            <div class="wrap">
                <!-- Inside Content -->
                <div class="inside-content inside-page pull-left width-wide clear-both">

                    <!-- page header -->
                    <div class="page-header pull-left width-wide">
                        <!-- Title -->
                        <h1>Gallery</h1><!-- Title -->

                        <!-- Breadcrumb -->
                    <ul class="_bread">
                    <li><a href="http://localhost:8080/wordpress/" title="Home">Home</a></li>
                    <li><a href="#" title="Gallery" class="active">Gallery</a></li>
            </ul>
<!-- Breadcrumb -->  
                    </div><!-- // page header -->

                    <!-- Gallery -->
                    <div class="gallery pull-left width-wide">
                        <!-- Menu -->
                        <div class="cat-menu pull-right padding-right-20">
                            <!--Categories : -->

                         <!-- <a href="#showall" title="Show All" class="active">Show All</a>
                                                        <a href="#Category1" title="Category 1 " >Category 1 </a>
                                                        <a href="#Category2" title="Category 2" >Category 2</a>
                                                        <a href="#Category3" title="Category 3" >Category 3</a> -->

                        <ul class="nav nav-pills">
                                <li class="active"><a data-toggle="pill" href="#showall">Show All</a></li>
                                <li><a data-toggle="pill" href="#Category1">Category 1</a></li>
                                <li><a data-toggle="pill" href="#Category2">Category 2</a></li>
                                <li><a data-toggle="pill" href="#Category3">Category 3</a></li>
                        </ul> 
                        </div><!-- // Menu -->

                        <!-- Gallery Items -->

                <div class="gallery-items pull-left width-wide">

                <div class="tab-content">
                        <div id="showall" class="tab-pane fade in active">

                            <?php if(have_posts()): while(have_posts()): the_post(); ?>
                            <?php the_content(); ?>

                            <?php endwhile; 
                                else: 
                                    echo "Content not found";
                                 endif; 
                            wp_reset_postdata();?>  

                        </div>   

                         <div id="Category1" class="tab-pane">

                            <?php
                                $my_page_id = 766; //your page or post ID
                                $my_page = get_post($my_page_id); //retrieves the page via the ID
                                $content = $my_page->post_content; //gets the unfiltered page content
                                $content = apply_filters('the_content', $content); //cleanup content
                                $content = str_replace(']]>', ']]&gt;', $content); //cleanup content
                                $title = $my_page->post_title; //retrieves page title and sets the variable
                                ?>

                                <?php
                                echo $content; //show page content
                            ?>


                    </div>

                         <div id="Category2" class="tab-pane">

                            <?php
                                $my_page_id = 769; //your page or post ID
                                $my_page = get_post($my_page_id); //retrieves the page via the ID
                                $content = $my_page->post_content; //gets the unfiltered page content
                                $content = apply_filters('the_content', $content); //cleanup content
                                $content = str_replace(']]>', ']]&gt;', $content); //cleanup content
                                $title = $my_page->post_title; //retrieves page title and sets the variable
                                ?>

                                <?php
                                echo $content; //show page content
                            ?>

                    </div>



                         <div id="Category3" class="tab-pane">

                            <?php
                                $my_page_id = 772; //your page or post ID
                                $my_page = get_post($my_page_id); //retrieves the page via the ID
                                $content = $my_page->post_content; //gets the unfiltered page content
                                $content = apply_filters('the_content', $content); //cleanup content
                                $content = str_replace(']]>', ']]&gt;', $content); //cleanup content
                                $title = $my_page->post_title; //retrieves page title and sets the variable
                                ?>

                                <?php
                                echo $content; //show page content
                            ?>

                         </div>

                     </div>
                        </div><!-- // Gallery Items -->
                    </div><!-- // Gallery -->

                </div><!-- Inside Content -->
            </div>
        </section><!-- // Content -->
<?php get_footer(); ?>

我已经在header.php中添加了relavent引导程序和jquery分钟链接

我已经在3种动态药丸下创建了图库页面。活跃的一个是通过wordpress循环从主画廊页面检索图像，而其他3个从帖子中检索图像。 （仅限FYI）

请帮助我。

Answer 1

您是否尝试过使用Responsive Lightbox & Gallery插件？这可以帮助您根据需要在网站上实现灯箱广告。它将为图像动态添加属性。