shockadelica

One workaround you can use, which did work in all cases for me, without having to use the Facebook debugger, is to?define your og:image directly within the Rank Math meta boxes?below each page/post.

Hi thanks, the above suggestion only works with an old (non-converted to WebP) image. So for new articles, that is not an option I can use.

Yes Twitter works fine, but most of my traffic comes from Facebook.
I will need to use the “Generate JPEG files in addition to WebP” option, unfortunately. Hopefuly a better solution is possible in the future.

I disabled the plugin at the moment. Being able to share an article on social media with a working meta image is essential for me. Otherwise no traffic at all.

Another solution on your end, could be to have the user the option when you manually upload an image if you want both jpeg and/or webp. Or add just a check box (create additional jpeg) in the WP media viewer? There has to be a user and server friendly workaround.

Thank you, keep me updated if you can please.

Hi, thanks for your reply. Right after posting I see more people struggling with the same problem. I am using Rankmath as a social plugin. The offered solution to create both jpeg and webp creation in the settings is unwanted. There should be a more user (and server) friendly solution?

I am trying now to use this line in functions. Can anyone confirm this works?

/* No webp for featured */
remove_filter( ‘post_thumbnail_html’, ‘webp_uploads_update_featured_image’, 10 );

Hi, I think I have it solved. With the code below, I managed to get the rgb values in my log. And set to a div I want. But due to a scrollreveal script I’m using, the values/properties of that div reset when it comes in view (that’s why I saw it just briefly).

So the code below works perfectly. Thanks a lot for your help. Now i have to make use of it. Could be very useful for theming pages with a dominant visual and its colors ?? Cheers Paul.

var color = $('.not-transparent').css('background-color');//getting color after document loaded
console.log(color)
$('figure').css('background-color', color);

Hi, yes that works on the image itself. It won’t work on the parent (figure) div or anywhere else, unfortunately.

Hi, thanks! I can’t get your code to work. So I tried something different.

See code below. Set the parent’ div background-color from the dominant color of the image. That works, but… I see it working only for a brief moment (couple of milliseconds) when loading the page, and then it is gone again. Not sure why that is happening. Thoughts?

jQuery(document).ready(function($){ 
var color = $('.not-transparent').css('background-color');
   $('.wp-block-image').css('background-color', color);  
});

• This reply was modified 2 years, 3 months ago by shockadelica.

If you could point to a js or jquery where I can grab that color (data-dominant-color=”3f3036″) to reuse it elsewhere on the page that would be very welcome!

Hi Paul, thanks for the reply. Let me try to explain.

This is the current result after installing:

img[data-dominant-color]:not(.has-transparency) {
background-color: var(–dominant-color);
background-clip: content-box, padding-box;
}

<img data-dominant-color="3f3036" data-has-transparency="false" style="--dominant-color: #3f3036;" ....

I want the color (#3f3036), as is declared in var(–dominant-color) to be used elsewhere. For example as a div background-color elsewhere on that same page. But it won’t work when I set the bgcolor from that div as: background-color: var(–dominant-color);. It doesn’t where to look because the color itself is parsed inline probably.

Hope this make sense to you, thanks!

Hi, I managed to activate the plugin. Although I had to use recovery mode to get it done properly. Still getting this error:

“An error of type E_COMPILE_ERROR was caused in line 64 of the file /wp-content/plugins/cloudimage/cloudimage.php. Error message: require(): Failed opening required ‘/wp-content/plugins/cloudimage/includes/class-cloudimg.php’ (include_path=’.:/opt/alt/php72/usr/share/pear’)”

With the new plugin version, I have the problem that the size of the image where parsed the wrong way. I noticed there’s a height set in the url (that wasn’t there previously). So, unfortunately, I had to roll back to an old version again. Unless you can help me out on the height issue. Thanks!

Hi, I just tried the new version 2.0.5.
Still having the same issue ??

“An error of type E_COMPILE_ERROR was caused in line 64 of the file /wp-content/plugins/cloudimage/cloudimage.php. Error message: require(): Failed opening required ‘/wp-content/plugins/cloudimage/includes/class-cloudimg.php’ (include_path=’.:/opt/alt/php72/usr/share/pear’)”

Any solutions yet?

• This reply was modified 5 years, 1 month ago by shockadelica.

WordPress 5.2.4 (latest version)

Nothing there to be related to the problem. Thanks for replying though.
Too bad though, ill have to look for an alternative. Maybe manually do this:

https://www.labnol.org/internet/light-youtube-embeds/27941/

Sure, but it just won’t display any html in the contentarea. It is just empty (with 24 YT videos)

• This reply was modified 5 years, 5 months ago by shockadelica.

Hi Arno, I am using the Cloudimage plugin. Pretty handy, hence its 25gb traffic free per month.-> https://www.ads-software.com/plugins/cloudimage/

Ahh but I would have sworn that in your previous lightbox versions it served the CDN image. But now I am not so sure anymore.

That sounds great, if I could add the CDN url. Eventhough most of the image content is served by cloudimage, I would really appreciate it, when it works with CDN when viewing the full image, hence there is where most of the mb traffic can be saved ??

Thanks,
Aaron

Thanks! I just did. The difference is the url of the image, so it seems an external image host is preventing the lightbox?

Not working:
<a href="https://arpzlshoen.cloudimg.io/cdn/n/q90/www.housequake.com/wp-content/uploads/2014/02/prince-in-2014.jpg">

Working
<a href="https://www.housequake.com/wp-content/uploads/2014/02/prince-in-2014.jpg">

• This reply was modified 5 years, 7 months ago by shockadelica.