Images in posts were displaying normally in while I was developing in local. Once I migrated website via all in one WP migration plugin, images won't show on posts (they are uploaded but not showing). However, those same images are normally loaded on some devices and browsers, but on some they are not showing (when I inspect element, file path is fine and image link is loaded perfectly but image itself isn't showing). For example, website is normally uploaded on my laptop on Mozilla (which is not my default web browser), but on the same laptop images from posts are not uploaded on Chrome.
This is my clients website https://mihabodytec-batajnica.rs/
Here are photos of what I am facing:
The problem is, your page is loaded via HTTPS. But the image URLs in your page is loaded via HTTP.
You can easily figure out this issue viewing the Console in Developer Tools of your browser.
Here's the screenshot:
What you have to do is, update the image URLs to force HTTPS. Or else, you simply change the site url to "http" (which is not recommended).
Related
The WordPress website is not showing images in the safari web browser below version 13.0. I'm trying everything but nothing works. Tried SSL Content fix plugins, deleting the cache, deleted the cloudflare cache, changed http to HTTPS mix, reduced the plug-in version and the wordpress version but still nothing. However, it is perfectly working on other OS like VENTURA, MONTEREY, BIGSUR etc. Firstly, I made this website using a web image format, but after clients requested I change the image format webp to jpeg & png, I ran into issues. Here are the all website links:
webp Image webiste : cons.webhubs.in jpeg image webiste : sikhsaguru.com png Image webiste : dev2.webhubs.in
Upload the image file directly to your website's Media file gallery and see if that would work.
Many people face the same problem with the Safari web browser. According to me, it happened because the origin server was serving mixed content to Cloudflare. So, you should check the SSL certificate on the origin server (the server that hosts your WordPress install, not Cloudflare).
If you don’t fix the mixed content in your WordPress install, the problem will return every few days/weeks.
Also check your site on Why No Padlock, it will help you to get to know the problem on the Webpage of the website regarding SSL.
It is having problems displaying images. I think it could be a CSS, JS or caching issue? Project thumbnails and even normal images are not displaying. They appear in the media library folder fine, just not on the front end. The site is: https://www.thesaltypen.ie/ - Can supply WordPress login and FTP details if needed.
It seems as your site works correctly again?
If not you could check these things:
Check for errors in the console (there seems to be a problem with your theme (Failed to load resource), update it if necessary)
Use the inspector and check where you would expect images
Check the database entries, maybe there is a mistake with your connection
Check your hosting provider. Sometimes they restrict the upload and bandwidth
I have recently installed a flexible ssl on a Wordpress website using CloudFlare. I have read around the issues others have had. I have installed various plugins to remedy the problem. I have tested the url on an ssl checker which says it is OK. When the page first loads I have the green lock - it subsequently goes Amber with an exclamation (on Firefox) or just the 'i' on Chrome.
Chrome console says:
Mixed Content: The page at https://example.com/ was loaded over HTTPS, but requested an insecure image http://example.com/wp-content/uploads/logo1.png. This content should also be served over HTTPS.
In Chrome console it shows that there are some images which load are loading with http - but if you look at the actual image in the WP library it has https in front, including the one above. If I look at images on the front page with say Firefox developer all image paths are preceded https://. If I check the logo image guid in the WP DB which is throwing the error on the front page then it is https://. I have purged the Couldflare cache. I have cleared all browser cache.
So what's the problem?
I recently implemented Instant Articles for WP Plugin on my Website. Everything works fine except for the download of the uploaded images.
Here is how the error looks like:
General Errors: Could Not Download Image: Your image from URL http://www.theincentral.com/wp-content/uploads/2016/08/CnJ4p4WVYAAfC4O-575x337.jpg could not be downloaded with an error code 403. Please check to make sure image at http://www.theincentral.com/wp-content/uploads/2016/08/CnJ4p4WVYAAfC4O-575x337.jpg is active and loads correctly at that URL.
The image in the URL is accessible just not by the Instant Article. The result is that when the Article is published, the images are not loaded (They work fine on the website).
I installed a copy of another wordpress installation of a client in a subdomain. All seems to work fine but images don't. I'm using videos as background and they are working perfect. If I take a look inside the media menu the images are not visible (you can only see an X for every image), but if you manually take the link of every image all the links works fine and images are accesible.
I suspect that issue is related with any of the functions that process images. Maybe some kind of error related with the subdomain which obviously have a dot in the domain name.
¿Any idea?
Thanks in advance!
I assume that you uploaded the images of the client's WordPress installation via FTP.
As far as I know WordPress Media Library cannot “see” images that are not uploaded through the Media Library uploader. The Media Library uploader (aside from uploading your media) creates necessary references within WordPress which you don't have when uploading media via ftp.
This is a common WordPress flaw. There are plugins which might solve your problem by creating the necessary references after such a ftp upload, e.g. Add From Server.