Witam serdecznie,
Mam taki kod html:
[HTML] pobierz, plaintext 
  1.     <div class="entry-content">
  2.        <p>lorem </p>
  3.        <figure class="wp-block-image size-large">
  4.           <a href="wp-content/uploads/2021/07/strona_1-scaled.jpg">
  5.           <img loading="lazy" width="1024" height="717" src="wp-content/uploads/2021/07/strona_1-1024x717.jpg" alt="testowo" class="wp-image-2703" srcset="wp-content/uploads/2021/07/strona_1-1024x717.jpg 1024w, wp-content/uploads/2021/07/strona_1-300x210.jpg 300w, wp-content/uploads/2021/07/strona_1-768x537.jpg 768w, wp-content/uploads/2021/07/strona_1-1536x1075.jpg 1536w, wp-content/uploads/2021/07/strona_1-2048x1433.jpg 2048w, wp-content/uploads/2021/07/strona_1-370x259.jpg 370w, wp-content/uploads/2021/07/strona_1-270x189.jpg 270w, wp-content/uploads/2021/07/strona_1-570x399.jpg 570w, wp-content/uploads/2021/07/strona_1-740x518.jpg 740w" sizes="(max-width: 1024px) 100vw, 1024px"/>
  6.           </a>
  7.           <figcaption>testowo</figcaption>
  8.        </figure>
  9.        <figure class="wp-block-image size-large">
  10.           <a href="wp-content/uploads/2021/07/strona_2-scaled.jpg">
  11.           <img loading="lazy" width="1024" height="718" src="wp-content/uploads/2021/07/strona_2-1024x718.jpg" alt="" class="wp-image-2704" srcset="wp-content/uploads/2021/07/strona_2-1024x718.jpg 1024w, wp-content/uploads/2021/07/strona_2-300x210.jpg 300w, wp-content/uploads/2021/07/strona_2-768x538.jpg 768w, wp-content/uploads/2021/07/strona_2-1536x1077.jpg 1536w, wp-content/uploads/2021/07/strona_2-2048x1436.jpg 2048w, wp-content/uploads/2021/07/strona_2-370x259.jpg 370w, wp-content/uploads/2021/07/strona_2-270x189.jpg 270w, wp-content/uploads/2021/07/strona_2-570x400.jpg 570w, wp-content/uploads/2021/07/strona_2-740x519.jpg 740w" sizes="(max-width: 1024px) 100vw, 1024px"/>
  12.           </a>
  13.        </figure>
  14.        <figure class="wp-block-image size-large">
  15.           <a href="wp-content/uploads/2021/07/strona_3-scaled.jpg">
  16.           <img loading="lazy" width="1024" height="717" src="wp-content/uploads/2021/07/strona_3-1024x717.jpg" alt="" class="wp-image-2705" srcset="wp-content/uploads/2021/07/strona_3-1024x717.jpg 1024w, wp-content/uploads/2021/07/strona_3-300x210.jpg 300w, wp-content/uploads/2021/07/strona_3-768x538.jpg 768w, wp-content/uploads/2021/07/strona_3-1536x1076.jpg 1536w, wp-content/uploads/2021/07/strona_3-2048x1435.jpg 2048w, wp-content/uploads/2021/07/strona_3-370x259.jpg 370w, wp-content/uploads/2021/07/strona_3-270x189.jpg 270w, wp-content/uploads/2021/07/strona_3-570x399.jpg 570w, wp-content/uploads/2021/07/strona_3-740x518.jpg 740w" sizes="(max-width: 1024px) 100vw, 1024px"/>
  17.           </a>
  18.        </figure>
  19.        <figure class="wp-block-image size-large">
  20.           <a href="wp-content/uploads/2021/07/strona_4-scaled.jpg">
  21.           <img loading="lazy" width="1024" height="718" src="wp-content/uploads/2021/07/strona_4-1024x718.jpg" alt="" class="wp-image-2706" srcset="wp-content/uploads/2021/07/strona_4-1024x718.jpg 1024w, wp-content/uploads/2021/07/strona_4-300x210.jpg 300w, wp-content/uploads/2021/07/strona_4-768x538.jpg 768w, wp-content/uploads/2021/07/strona_4-1536x1077.jpg 1536w, wp-content/uploads/2021/07/strona_4-2048x1436.jpg 2048w, wp-content/uploads/2021/07/strona_4-370x259.jpg 370w, wp-content/uploads/2021/07/strona_4-270x189.jpg 270w, wp-content/uploads/2021/07/strona_4-570x400.jpg 570w, wp-content/uploads/2021/07/strona_4-740x519.jpg 740w" sizes="(max-width: 1024px) 100vw, 1024px"/>
  22.           </a>
  23.        </figure>
  24.        <figure class="wp-block-image size-large">
  25.           <a href="wp-content/uploads/2021/07/strona_5-scaled.jpg">
  26.           <img loading="lazy" width="1024" height="729" src="wp-content/uploads/2021/07/strona_5-1024x729.jpg" alt="" class="wp-image-2707" srcset="wp-content/uploads/2021/07/strona_5-1024x729.jpg 1024w, wp-content/uploads/2021/07/strona_5-300x214.jpg 300w, wp-content/uploads/2021/07/strona_5-768x547.jpg 768w, wp-content/uploads/2021/07/strona_5-1536x1094.jpg 1536w, wp-content/uploads/2021/07/strona_5-2048x1459.jpg 2048w, wp-content/uploads/2021/07/strona_5-370x264.jpg 370w, wp-content/uploads/2021/07/strona_5-270x192.jpg 270w, wp-content/uploads/2021/07/strona_5-570x406.jpg 570w, wp-content/uploads/2021/07/strona_5-740x527.jpg 740w" sizes="(max-width: 1024px) 100vw, 1024px"/>
  27.           </a>
  28.        </figure>
  29.        <figure class="wp-block-image size-large">
  30.           <a href="wp-content/uploads/2021/07/strona_7-scaled.jpg">
  31.           <img loading="lazy" width="1024" height="756" src="wp-content/uploads/2021/07/strona_7-1024x756.jpg" alt="" class="wp-image-2709" srcset="wp-content/uploads/2021/07/strona_7-1024x756.jpg 1024w, wp-content/uploads/2021/07/strona_7-300x222.jpg 300w, wp-content/uploads/2021/07/strona_7-768x567.jpg 768w, wp-content/uploads/2021/07/strona_7-1536x1134.jpg 1536w, wp-content/uploads/2021/07/strona_7-2048x1512.jpg 2048w, wp-content/uploads/2021/07/strona_7-370x273.jpg 370w, wp-content/uploads/2021/07/strona_7-270x199.jpg 270w, wp-content/uploads/2021/07/strona_7-570x421.jpg 570w, wp-content/uploads/2021/07/strona_7-740x547.jpg 740w, wp-content/uploads/2021/07/strona_7-80x60.jpg 80w" sizes="(max-width: 1024px) 100vw, 1024px"/>
  32.           </a>
  33.        </figure>
  34.        <figure class="wp-block-image size-large">
  35.           <a href="wp-content/uploads/2021/07/strona_6-scaled.jpg">
  36.           <img loading="lazy" width="1024" height="722" src="wp-content/uploads/2021/07/strona_6-1024x722.jpg" alt="" class="wp-image-2708" srcset="wp-content/uploads/2021/07/strona_6-1024x722.jpg 1024w, wp-content/uploads/2021/07/strona_6-300x212.jpg 300w, wp-content/uploads/2021/07/strona_6-768x542.jpg 768w, wp-content/uploads/2021/07/strona_6-1536x1083.jpg 1536w, wp-content/uploads/2021/07/strona_6-2048x1445.jpg 2048w, wp-content/uploads/2021/07/strona_6-370x261.jpg 370w, wp-content/uploads/2021/07/strona_6-270x190.jpg 270w, wp-content/uploads/2021/07/strona_6-570x402.jpg 570w, wp-content/uploads/2021/07/strona_6-740x522.jpg 740w" sizes="(max-width: 1024px) 100vw, 1024px"/>
  37.           </a>
  38.        </figure>
  39.     </div>
[HTML] pobierz, plaintext


Potrzebuję dodać do zdjęć ten komponent (potrzebuję podpisy pod zdjęciami): https://arunmichaeldsouza.github.io/picla/.
Nie mogę modyfikować php - mogę dodać tylko JS/CSS.


Zrobiłem coś takiego:
[HTML] pobierz, plaintext 
  1.     jQuery(window).on('load', function() {
  2.         jQuery(".wp-block-image img").each(function(){
  3.             //console.log(this);
  4.             jQuery(this).addClass("picla");
  5.             jQuery(this).attr('data-label-class', 'label-class');
  6.             //jQuery(this).attr('alt', 'teeeest' + Math.random());
  7.         })
  8.  
  9.         jQuery(".wp-block-image a").each(function(){
  10.             console.log(this);
  11.             if (jQuery(this).find('img').length) {
  12.                 var href = this;
  13.                 var alt = '';
  14.  
  15.                 var img = jQuery(this).find("img"),
  16.                     len = img.length;
  17.                 if( len > 0 ){
  18.                     alt = img.first().attr("alt");
  19.                     jQuery(href).prop('title', alt);
  20.                 }
  21.                 jQuery(href).addClass("playerVideoF2 fancybox fancyboxX");
  22.             }
  23.         })
  24.  
  25.         console.log('ok');
  26.  
  27.  
  28.         jQuery(".playerVideoF").colorbox({iframe:true, width: "100%", height: "100%", maxWidth:'95%', maxHeight:'95%'});
  29.         jQuery(".playerVideoF2").colorbox({rel:'playerVideoF2', maxWidth:'95%', maxHeight:'95%'});
  30.  
  31.     });
  32.  
  33.  
[HTML] pobierz, plaintext


Działa to po części poprawnie. Działa colorbox - picia nie pokazuje podpisów.
Mam taki wynik(z firebug):

[HTML] pobierz, plaintext 
  1.     <figure class="wp-block-image size-large"><a href="wp-content/uploads/2021/07/strona_1-scaled.jpg" title="testowo" class="playerVideoF2 fancybox fancyboxX cboxElement"><img loading="lazy" width="1024" height="717" src="wp-content/uploads/2021/07/strona_1-1024x717.jpg" alt="testowo" class="wp-image-2703 picla" srcset="wp-content/uploads/2021/07/strona_1-1024x717.jpg 1024w, wp-content/uploads/2021/07/strona_1-300x210.jpg 300w, wp-content/uploads/2021/07/strona_1-768x537.jpg 768w, wp-content/uploads/2021/07/strona_1-1536x1075.jpg 1536w, wp-content/uploads/2021/07/strona_1-2048x1433.jpg 2048w, wp-content/uploads/2021/07/strona_1-370x259.jpg 370w, wp-content/uploads/2021/07/strona_1-270x189.jpg 270w, wp-content/uploads/2021/07/strona_1-570x399.jpg 570w, wp-content/uploads/2021/07/strona_1-740x518.jpg 740w" sizes="(max-width: 1024px) 100vw, 1024px" data-label-class="label-class"></a><figcaption>testowo</figcaption></figure>
  2.  
  3.  
[HTML] pobierz, plaintext

W jaki sposób mogę to poprawić?