在哪裏添加代碼到自定義圖庫簡碼

Question

我使用這裏的信息http://ieg.wnet.org/2016/02/replacing-default-wordpress-gallery-shortcode/作爲自定義圖庫簡碼的基礎，並試圖創建此傳送帶滑塊https://www.jssor.com/demos/image-gallery.slider。問題是我不知道如何實現它。

圖像和直到那時的所有東西都顯示在源代碼中，但之後沒有任何東西。

<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:800px;height:356px;overflow:hidden;"> 

    <?php 

foreach ($images as $image) { 
    $thumbnail = wp_get_attachment_image_src($image->ID, 'homepage-thumb'); 
    $thumbnail = $thumbnail[0]; 
    $fullsize = wp_get_attachment_image_src($image->ID, 'service-page'); 
    $fullsize = $fullsize[0]; 
    $gallery .= "<div><img data-u='image' src='".$thumbnail."'><img data-u='thumb' src='".$fullsize."'></div>"; 
    } 
return $gallery; 
?>  
     </div> 

這可能是一些簡單的事情，這只是遠遠超過我的知識基礎，當談到這一點。

Answer 1

您正在返回值而不是將其打印到網頁上。使用echo而不是return。還要確保你在循環的每次迭代中都使用echo，所以你不只是打印一個圖像，而是全部。

<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:800px;height:356px;overflow:hidden;"> 
<?php 
    foreach ($images as $image) { 
     $thumbnail = wp_get_attachment_image_src($image->ID, 'homepage-thumb'); 
     $thumbnail = $thumbnail[0]; 
     $fullsize = wp_get_attachment_image_src($image->ID, 'service-page'); 
     $fullsize = $fullsize[0]; 
     $gallery .= "<div><img data-u='image' src='".$thumbnail."'><img data-u='thumb' src='".$fullsize."'></div>"; 
     echo $gallery; 
    } 
?>  
</div>