I want to create a field using a figure with the possibility to tap in some parts of it and obtain a value. For example, the figure of a human body and that when tapping the face get a value, the arm a value, etc. Is it possible with cff?
Thanks in advance.
]]>Thoughts?
First of all, I love the idea of your plugin! Most other lightbox plugins are totally overloaded – i like the simplicity of yours.
I would like to use the lightbox for images in other plugins or HTML blocks. (I work a lot with Loops & Logic or Beaver Builder). I tested different markups but the lightbox never opened.
<div>
<a href="link/to/image.jpg">
<img class="test" src="link/to/image.jpg">
</a>
</div>
I added a custom class “test” to the json configuration file and tried with adding this class to the wrapper div, the a link element or the img tag itself. But i guess i missed something. I tried it on a normal page post type.
Do you know what else i could try or what i did wrong?
Kind regards and have a nice day
]]>Код на сайте:
<video autoplay=”autoplay” loop=”loop” muted=”” width=”600″ height=”400″><source src=”https://www.ulovanet.ru/wp-content/uploads/2022/11/flisoviy-kostum-dlya-rybalki-04.mp4″ type=”video/mp4″ /></video>
RSS лента этого кода:
<p><video autoplay=”autoplay” loop=”loop” muted=”” width=”600″ height=”400″><source src=”https://www.ulovanet.ru/wp-content/uploads/2022/11/flisoviy-kostum-dlya-rybalki-04.mp4″ type=”video/mp4″ /></video></p>
Какой должен быть вид из инструкций Яндекса:
<figure>
<video width="192" height="108">
<source
src="https://clck.ru/Kiunj"
type="video/mp4"
data-duration=15
data-title="Закат"/>
</video>
<img src="https://clck.ru/Kiun7"/>
<figcaption>Таймлапс заката</figcaption>
</figure>
]]>Here are five extracts from the html of a “latest posts” webpage. Each one is from a post that has an image followed by some text.
<figure class="wp-block-image"><a href="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_2798.jpg"><img class="alignnone size-large wp-image-78" src="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_2798-1024x768.jpg" alt="burnt-out car light bulbs" width="1024" height="auto" srcset="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_2798-1024x768.jpg 1024w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_2798-75x56.jpg 75w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_2798-300x225.jpg 300w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_2798-768x576.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>
<p><a href="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_2780.jpg"><img src="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_2780-1024x962.jpg" alt="ants" width="1024" height="auto" class="alignnone size-large wp-image-53" srcset="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_2780-1024x962.jpg 1024w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_2780-150x141.jpg 150w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_2780-300x282.jpg 300w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_2780-768x722.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p><a href="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_E2778.jpg"><img class="wp-image-15" src="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_E2778-970x1024.jpg" sizes="(max-width: 970px) 100vw, 970px" srcset="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_E2778-970x1024.jpg 970w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_E2778-284x300.jpg 284w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_E2778-768x811.jpg 768w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/IMG_E2778-425x449.jpg 425w" alt="" /></a></p>
<figure class="wp-block-image"><a href="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/catfight-1.jpg"><img src="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/catfight-1.jpg" alt="cat fight" class="wp-image-70" srcset="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/catfight-1.jpg 704w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/catfight-1-75x56.jpg 75w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/catfight-1-300x225.jpg 300w" sizes="(max-width: 704px) 100vw, 704px" /></a></figure>
<figure class="wp-block-image"><a href="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/imgp0307a-1.jpg"><img src="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/imgp0307a-1-1024x768.jpg" alt="Hidden Lights photograph" class="wp-image-73" srcset="https://www.artprop.org/wordpress/wp-content/uploads/2022/09/imgp0307a-1.jpg 1024w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/imgp0307a-1-75x56.jpg 75w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/imgp0307a-1-300x225.jpg 300w, https://www.artprop.org/wordpress/wp-content/uploads/2022/09/imgp0307a-1-768x576.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>
The only difference I can remember is that some were uploaded when I inserted the image, while others had already been uploaded to the media library and were chosen from there.
They all have appropriate sizes and srcset attributes. Some are inside a figure tag
<figure class="wp-block-image">
Some have width and height attributes
width="1024" height="auto"
Some have class alignnone.
One has no alt data although when viewed in the Media Library it has some.
I am not aware of choosing any of these differences.
It is of practical importance because the first image originally had an explicit (and correct) height value which however was rendered incorrectly on iPhone and iPad – the aspect ratio was not correct. I hacked this by changing the height value to “auto” but I would prefer not to have to be on the lookout for this feature in future posts.
]]>in my wordpress GALLERIES, I am looking for a solution to move figcaptions at the bottom of the figure like other simple images, and not inside the image (because sometimes I have a very long caption all over a small image).
I tried a few solution like this one but it is only possible with a defined height so that it revokes gutenberg default gallery’s adaptability (responsive, possibility to have a thumbnail/large gallery, auto-images-resizer…).
There might be a solution with flexbox, but I think the best way would be to simply edit the php structure moving <figcaption> outside of <figure> ?? Is there any hook or other possibility to achieve that ?
I think I am not the only one looking for this answer, thanks in advance !
<figure>
<a href="https://jouy-en-josas-histoire.fr/wp-content/uploads/2022/01/GRH_image-5.png" data-rel="lightbox-gallery-ScCf5ZOe" data-rl_title="" data-rl_caption="" title="">
<img loading="lazy" width="412" height="308" src="https://jouy-en-josas-histoire.fr/wp-content/uploads/2022/01/GRH_image-5.png" alt="" data-id="473" data-full-url="https://jouy-en-josas-histoire.fr/wp-content/uploads/2022/01/GRH_image-5.png" data-link="https://jouy-en-josas-histoire.fr/les-lieux-de-la-memoire/lieux-de-culte/leglise-saint-martin/attachment/grh_image-5/" class="wp-image-473" srcset="https://jouy-en-josas-histoire.fr/wp-content/uploads/2022/01/GRH_image-5.png 412w, https://jouy-en-josas-histoire.fr/wp-content/uploads/2022/01/GRH_image-5-300x224.png 300w" sizes="(max-width: 412px) 100vw, 412px">
</a>
<figcaption class="blocks-gallery-item__caption">
<em>sur le plan terrier de 1765 les cimetières, petit et grand, sont identifiés par deux croix</em>
</figcaption>
</figure>
]]>My one rat study to look at is: https://www.gradschools.com/doctorate/mathematics-statistics/statistics-data-analytics
I left it in Gutenberg, can toggle to use the classic editor block as I will show you below. IF you want to make certain you are by-passing Cloudflare cache, just add ?cache=false
Sent a direct email to [email protected] with screenshots and Temp Login w/o a password details.
Did regenerate Thumbnails and can verify that the webp works perfectly if content is in classic vs Gutenberg.
]]>I have noticed this error in my WordPress local dev environment. It runs on PHP 8, and I have noticed I get this message only if I check the “advanced settings” checkbox.
WP_Scripts::localize was called incorrectly. The $l10n parameter must be an array. To pass arbitrary data to scripts, use the wp_add_inline_script() function instead. Please see Debugging in WordPress for more information. (This message was added in version 5.7.0.) in [local URL]\wp-includes\functions.php on line 5313
Any idea if that’s something you can fix? Thanks!
]]>