Image in the Embed box of internal links

  • roicecz

    (@roicecz)


    1 year ago

    Hello,
    I have come across such a strangeness. I have come across such a strangeness. On one website I have pages with links to internal pages and posts that will be converted to embed code with an image, title and post exerpt. Unfortunately, the system does absolutely whatever it wants with the images. One embed link is like image the alignment preview on the left. The second one is like an image across the entire width of the embed element, but as a source the preview image is 150x80px, so the image is diced, and the third link makes the embed as a large image with the source in the large image and it shows as I would like. Is it possible to somehow unify this, with some filter, function, anything that would enable a uniform behavior of the embedded link. This is links to internal pages and posts inside the site.. The images are stored correctly. Overwriting or changing the main image does not help, only the display changes, or the original image is stubbornly loaded even if it is no longer in the system at all. I deleted chache and turned them off and cursed them so they can’t do anything, still the same behavior. Thank you very much in advance for your help, or at least pointing me in the right direction.

    Thank you very much in advance for your help, or at least pointing me in the right direction.

    The page I need help with: [log in to see the link]

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

  • Hi @roicecz. I noticed that among the images that are low-resolutions, they all appear to be inside the link for the page.

    <div class="wp-embed-featured-image rectangular">
	<a  target="_top">
		<img width="150" height="80" src="https://archizoom.cz/wp-content/uploads/2023/11/Marie-Tomanova_Shorty_2023-e1699887790841-150x80.jpg">
	</a>
</div>

    For this image (post “Vystava 5 East Broadway p?edstavuje pestrou a mnohotvárnou vizi silnych individualit“), it appears small and that’s likely because of the src URL referencing the 150×80 pixel version, included also in those width and height attributes.

    For the next one (post “míza architekti: Práce s historickymi vrstvami definuje ná? ateliér“) the image references the full-sized image.

    <div class="wp-embed-featured-image rectangular">
	<a  target="_top">
		<img width="770" height="413" src="https://archizoom.cz/wp-content/uploads/2023/11/miza_architekti_splecny_portret_1155x620-770x413.jpg">
	</a>
</div>

    I’m not sure if this is setup inside of Elementor but it looks like it could be. Can you check both that the featured images for each of these posts references the higher-resolution copies of the photos and that nothing is setup in the preview page to pick another one?

    Thread Starter roicecz

    (@roicecz)

    Hi @dmsnell,
    thanks, unfortunately that’s the problem. These are pages in the classic WordPress editor, and the embed elements are created by WordPress itself from pure url links. That is, an ordinary text page with text and a link in text form, without any other add-on, filters, or short code. Elmentor serves here only as a top template. So I have no way to influence how the embed code is generated. I was not able to find a way to influence what WordPress actually generates. I may have asked the wrong question, but I tried everything I could think of.
    Have a nice day

    • This reply was modified 1 year ago by roicecz.

    @roicecz, that’s helpful, thanks for sharing that additional context.

    Do you have access to those linked pages? It would be helpful if we could examine the content for the two pages I mentioned above, where the one displays correctly but the other doesn’t.

    I’m guessing that there’s something different in the markup for those two, or something different about the featured image (or whether there is a featured image, as many themes will auto-select the first image for use as the featured image, and this can lead to other differences).

    Is there a way you can share a snippet of the HTML stored for those two posts? All that would be necessary is the bit around those images, if they are part of the post itself.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image in the Embed box of internal links’ is closed to new replies.