Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 10, 2020 at 2:42 am #1211555
    GCSkye

    The following code, when clicked, opens an image with lightbox:

    $html .= '<a href="' . esc_url(get_the_post_thumbnail_url($v, 'full')) . '">';
$html .= '<img src="' . esc_url(get_the_post_thumbnail_url($v, 'thumbnail')) . '" alt="' . esc_html(get_the_title($v)) . '" />';
$html .= '</a>';

    The above code does not have a caption under the image. How do I add esc_html(get_the_title($v)) as the caption?

    • This topic was modified 4 years ago by GCSkye.
    May 13, 2020 at 6:36 pm #1212688
    GCSkye

    Any ideas on this?

    May 15, 2020 at 8:32 am #1213175
    Ismael

    Hi,

    Sorry for the delay. You can insert the title or caption like so:

    $html .= '<span class="wp-caption">'.esc_html(get_the_title($v)).'</span>';

    Place the code right below this line:

    $html .= '<img src="' . esc_url(get_the_post_thumbnail_url($v, 'thumbnail')) . '" alt="' . esc_html(get_the_title($v)) . '" />';

    Best regards,
    Ismael

    May 18, 2020 at 9:57 pm #1214126
    GCSkye

    Hi Ismael,

    Thank you so much for the response! This put the text below the image before clicking it. See top image link below. I’m trying to get it so after the image is clicked, the lightbox will have a caption. See second image. Red circle should display text.

    May 24, 2020 at 4:53 pm #1215808
    Yigit

    Hi,

    Sorry for the late reply!

    Please update your code and update “alt” to “title”:

    $html .= '<a href="' . esc_url(get_the_post_thumbnail_url($v, 'full')) . '">';
$html .= '<img src="' . esc_url(get_the_post_thumbnail_url($v, 'thumbnail')) . '" title="' . esc_html(get_the_title($v)) . '" />';
$html .= '</a>';

    Best regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.