Images doesn’t output

  • Resolved heavylogic

    (@heavylogic)


    10 months, 1 week ago

    This doesn’t work for images #2 and #3. It outputs only a tag on frontend without img inside. But when I specify my domain (full link) in thumbnails, then it works.

    - [![Hsl dark](/wp-content/uploads/2025/08/hsl_dark-300x221.webp){.alignnone}](/wp-content/uploads/2025/08/hsl_dark.webp)
    - [![Oklch dark](/wp-content/uploads/2025/08/oklch_dark-300x221.webp){.alignnone}](/wp-content/uploads/2025/08/oklch_dark.webp)
    - [![Hsl light](/wp-content/uploads/2025/08/hsl_light-300x222.webp){.alignnone}](/wp-content/uploads/2025/08/hsl_light.webp)
    - [![Oklch llight](/wp-content/uploads/2025/08/oklch_llight-300x221.webp){.alignnone}](/wp-content/uploads/2025/08/oklch_llight.webp)

    Also, when you insert several images from library and set “Link To” > “Media File”, it inserts like this:

    - [![Hsl dark](/wp-content/uploads/2025/08/hsl_dark-300x221.webp){.alignnone}](/wp-content/uploads/2025/08/hsl_dark-300x221.webp "myset0_2 ")
    - [![Oklch dark](/wp-content/uploads/2025/08/oklch_dark-300x221.webp){.alignnone}](/wp-content/uploads/2025/08/oklch_dark-300x221.webp "myset0_2 ")
    - [![Hsl light](/wp-content/uploads/2025/08/hsl_light-300x222.webp){.alignnone}](/wp-content/uploads/2025/08/hsl_light-300x222.webp "myset0_2 ")
    - [![Oklch llight](/wp-content/uploads/2025/08/oklch_llight-300x221.webp){.alignnone}](/wp-content/uploads/2025/08/oklch_llight-300x221.webp "myset0_2 ")

    There’s links on thumbnails, not on media files.

    • This topic was modified 10 months, 1 week ago by heavylogic.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Pierre-Henri Lavigne

    (@peter202202)

    10 months, 1 week ago

    Thank you for your report @heavylogic 👍

    Looks like you found several bugs 😱 I know the priority is high, it’s gonna take me some time. 🙏
    I’ll come back to you as soon as I can, just to make sure you are using real webp ? I mean even if you are using a plugin, the url is not a redirection but a real file path on the disk, right ?

    Keep in touch, and thank you for your understanding 🤲

    Plugin Author Pierre-Henri Lavigne

    (@peter202202)

    10 months ago

    @heavylogic You found a 🐞!

    About the second point, I’ve just released a quick bug fix 3.20.2 that should fix the link to the media file. Indeed it wasn’t linking to the original media size.

    About the first point, kind of busy at the moment, I’ll check it when I can. Thank you for your understanding. 🙏

    Plugin Author Pierre-Henri Lavigne

    (@peter202202)

    10 months ago

    Not sure about the first point @heavylogic, I actually had an issue with an animated webp earlier this week. Looks like when the format is not supported or the media’s metadata are corrupted, the filters applied to the images silently crashed.

    I added a patch with the version 3.20.5 I’ve just released to keep the tag as it is just in case something goes wrong. Please give a try when you can. As a drawback the image size attributes might be missing but at least the img tag is not removed / stripped from the HTML during the generation process.

    Thread Starter heavylogic

    (@heavylogic)

    10 months ago

    Yep. Both problems was fixed for me. Thank you. Now my code lookes like this when I pick several images from media library:

    - [![Hsl dark](/wp-content/uploads/2025/08/hsl_dark-1024x755.webp){.alignnone}](/wp-content/uploads/2025/08/hsl_dark.webp "myset0_1 ")
    - [![Oklch dark](/wp-content/uploads/2025/08/oklch_dark-1024x753.webp){.alignnone}](/wp-content/uploads/2025/08/oklch_dark.webp "myset0_1 ")
    - [![Hsl light](/wp-content/uploads/2025/08/hsl_light-1024x758.webp){.alignnone}](/wp-content/uploads/2025/08/hsl_light.webp "myset0_1 ")
    - [![Oklch llight](/wp-content/uploads/2025/08/oklch_llight-1024x753.webp){.alignnone}](/wp-content/uploads/2025/08/oklch_llight.webp "myset0_1 ")

    I have some more image-related questions:

    1. There’s “Use Lightbox” in options. It suppose to do something on a frontend? Because it doesn’t do anything for me. I don’t need this feature though, because I use my own gallery. But still you might want to check if this feature works.
    2. I don’t understand why there’s "myset0_1 " that goes in title? Why do I need this? If it’s a gallery related thing, then maybe it should go into data-gallery-id="myset0_1" or something like that, to not use title? Pretty annoying that I have to delete it on every image.
    3. If you’ll change {.alignnone} to something like {.testing .alignnone} or just {.testing} – this doesn’t work. figure still has class alignnone.
    4. There’s one weird thing happening when you insert several images. I don’t know if this is your plugin thing or WP media library thing. How to reproduce:
    1. Open media library and pick several images with Ctrl.
    2. On right sidebar change size for thumbnails.
    3. Insert images. You’ll see that size was applied only on last thumbnail that you picked.
    Plugin Author Pierre-Henri Lavigne

    (@peter202202)

    9 months, 3 weeks ago

    @heavylogic I appreciate your feedback, you are dumping too much information in one discussion seriously…. 😅 If you are a heavyuser, I take it a a compliment, maybe it’s time to use paid support for business users and ask a quote here :
    https://www.markup-markdown.com/contact/ because I don’t plan to debug your code for free, no offenses 🙇‍♂️ Or at least as I ask to a few other users to separate / split in several discussions please, not as a pile of half-complains – half-feedbacks – third of whatever …

    To quickly answer your set of questions :

    1. The lightbox feature was made for classic themes. It will enqueue the original lightbox javascript file embedded with WordPress. It should work with themes built for the block editor. I’ve just make a quick test with fresh install and the 2025 theme, it’s working 👌A few css styles looks missing for the column but that shouldn’t be problem for you right ? 😉

    2. The official documentation here https://www.markup-markdown.com/wordpress-tutorials/images/ is not completed yet. To be concise, the prefix “myset” embedded in the title will be parsed and transformed as data-lightbox=”mysetXXX” to make a set of images. It wasn’t triggered with your snippet probably because you didn’t specify the caption / title. 🤲 Or due to a custom code.

    3. I only keep / sync the alignment classname on the figure because the block editor is using it as well as default themes. Indeed it’s not possible to use your own classnames at the moment. This is indeed a bug / adjustment / request.

    4. This is the default behavior. I allow the writers to select multiple images, the information on the sidebar is for the current “focused” media not the current “selected” ones. To select and edit by group you need to use the WordPress gallery feature. From the modal on the left side click the link “Create a gallery” and a wizard will appear to create at the end a gallery shortcode. That’s probably the feature you are looking for.

    Then you might trigger other filters or even custom theme / plugin feature regards to your setup so I can’t guarantee it will work if you keep adding your own custom code on top of that, making bug report at the same time of complaining of a missing feature and asking for a new one… 😖

    I’ll dive into the classname fix when I can. Thank you for your understanding

    Plugin Author Pierre-Henri Lavigne

    (@peter202202)

    9 months, 3 weeks ago

    @heavylogic 👋

    I appreciate your patience, I’ve just released 3.20.7 that should patch an issue with the filter with webp images and the custom classnames with images. Please give a try when you can and that should works. 🙇‍♂️

    After checking my code, the gallery feature is activated when you select “gallery” as a post format from the post screen. Indeed that wasn’t written in the docs. 😅 The plugin is a work in progress, some features might break, and the documentation won’t be ready at any time. I do my best to make it work, open source has always been a slow process. 🚣‍♂️

    If you are a programmer and do deeply customization, it is easy to break core features for example by :
    – disabling / dequeuing jQuery used by a lots of plugins
    – disabling post revisions / heartbeat used for auto saving
    etc…
    Professional theme and plugin makers often ask to test without custom code to confirm the behavior. I know it’s sometimes a pain when you did lots of customization but this is a required step to help identifying the source of the issue or the conflict.

    That’s why that would be helpful in the near future for me if you can report separately each “bug” or open a new discussion for a feature request (ex: FancyBox3). I can’t promise anything but I try to answer to everyone. 🤝

    If you don’t mind, I’m gonna mark this topic as solved, feel free to start a new one. 🤲

    Kind regards

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Images doesn’t output’ is closed to new replies.