Wordpress theme lightbox thumbnail

Question

Итак, у меня в основном есть этот кусок кода в моей теме Wordpress, который создает контейнер для изображения из галереи, на которой есть две иконки поверх нее. Первый значок - это значок галереи лайтбоксов, который мне интересен, а другой - как кнопка.

Что я пытаюсь сделать, это исключить кнопки для лайтбоксов и т. П., А также использовать лайтбокс для всего эскиза вместо перенаправления на страницу проекта.

Я попытался изменить href для изображения, которое ссылается на страницу проекта, чтобы загрузить лайтбокс, но не удалось.

Если у вас есть какие-либо идеи, как это сделать, сообщите мне об этом!

$html .=" " . $masonry_size; 
      $html .="'>"; 

      $html .= "<div class='image_holder'>"; 
      $html .= "<a class='portfolio_link_for_touch' href='".$portfolio_link."' target='".$target."'>"; 
      $html .= "<span class='image'>"; 
      $html .= get_the_post_thumbnail(get_the_ID(), $image_size); 
      $html .= "</span>"; //close span.image 
      $html .= "</a>"; //close a.portfolio_link_for_touch 

      $html .= "<span class='text_holder'>"; 
      $html .= "<span class='text_outer'>"; 
      $html .= "<span class='text_inner'>"; 
      $html .= '<div class="hover_feature_holder_title">'; 
      $html .= '<div class="hover_feature_holder_title_inner">'; 
      $html .= '<'.$title_tag.' '.$title_styles.' class="portfolio_title"><a href="' . $portfolio_link . '" '.$title_styles.' target="'.$target.'">' . get_the_title() . '</a></'.$title_tag.'>'; 
      $html .= $separator_html; 
      $html .= '<span '.$category_style.' class="project_category">'; 
      $k = 1; 
      foreach ($terms as $term) { 
       $html .= "$term->name"; 
       if (count($terms) != $k) { 
        $html .= ', '; 
       } 
       $k++; 
      } 
      $html .= '</span>'; //close span.project_category 
      $html .= '</div>'; //close div.hover_feature_holder_title_inner 
      $html .= '</div>'; //close div.hover_feature_holder_title 

      $html .= "<span class='feature_holder'>"; 
      $html .= '<span class="feature_holder_icons">'; 
      if ($lightbox == "yes") { 
       $html .= "<a class='lightbox hover_icon_holder' title='" . $title . "' href='" . $large_image . "' data-rel='prettyPhoto[" . $slug_list_ . "]'><span ".$features_icons_styles." class='hover_icon icon_search'></span></a>"; 
      } 
      $html .= "<a class='preview hover_icon_holder' href='" . $portfolio_link . "' target='".$target."'><span ".$features_icons_styles." class='hover_icon icon_link_alt'></span></a>"; 
      if ($portfolio_qode_like == "on") { 
       $html .= "<span ".$features_icons_styles." class='portfolio_like hover_icon_holder'>"; 

       if (function_exists('qode_like_portfolio_list')) { 
        $html .= qode_like_portfolio_list(get_the_ID()); 
       } 
       $html .= "</span>"; 
      } 
      $html .= "</span>"; //close span.feature_holder_icons 
      $html .= "</span>"; //close span.feature_holder 

      $html .= "</span>"; //close span.text_inner 
      $html .= "</span>"; //close span.text_outer 
      $html .= "</span>"; //close span.text_holder 
      $html .= "</div>"; //close div.image_holder 
      $html .= "</article>"; 

     endwhile; 
     else: 
      ?> 

Answer 1

Я не уверен, как выглядит остальная часть вашей темы, но я предлагаю попробовать. То, что я думаю, запуская осветителя и код, который решает, какой образ для просмотра в лайтбокс является:

class='lightbox hover_icon_holder' title='" . $title . "' href='" . $large_image . "' data-rel='prettyPhoto[" . $slug_list_ . "]'

Таким образом, мы будем двигаться в этой части к внешней линии вашего кода. Я также удалил две кнопки из вашего кода. Я думаю, что это будет примерно так:

$html .=" " . $masonry_size; 
     $html .="'>"; 

     $html .= "<div class='image_holder'>"; 
     $html .= "<a class='portfolio_link_for_touch lightbox' href='".$large_image."' data-rel='prettyPhoto[" . $slug_list_ . "]' target='".$target."'>"; 
     $html .= "<span class='image'>"; 
     $html .= get_the_post_thumbnail(get_the_ID(), $image_size); 
     $html .= "</span>"; //close span.image 
     $html .= "</a>"; //close a.portfolio_link_for_touch 

     $html .= "<span class='text_holder'>"; 
     $html .= "<span class='text_outer'>"; 
     $html .= "<span class='text_inner'>"; 
     $html .= '<div class="hover_feature_holder_title">'; 
     $html .= '<div class="hover_feature_holder_title_inner">'; 
     $html .= '<'.$title_tag.' '.$title_styles.' class="portfolio_title"><a href="' . $portfolio_link . '" '.$title_styles.' target="'.$target.'">' . get_the_title() . '</a></'.$title_tag.'>'; 
     $html .= $separator_html; 
     $html .= '<span '.$category_style.' class="project_category">'; 
     $k = 1; 
     foreach ($terms as $term) { 
      $html .= "$term->name"; 
      if (count($terms) != $k) { 
       $html .= ', '; 
      } 
      $k++; 
     } 
     $html .= '</span>'; //close span.project_category 
     $html .= '</div>'; //close div.hover_feature_holder_title_inner 
     $html .= '</div>'; //close div.hover_feature_holder_title 

     $html .= "</span>"; //close span.text_inner 
     $html .= "</span>"; //close span.text_outer 
     $html .= "</span>"; //close span.text_holder 
     $html .= "</div>"; //close div.image_holder 
     $html .= "</article>"; 

    endwhile; 
    else: 
     ?>