Voordat we het hebben over SSL om te voorkomen dat uw afbeeldingen worden weergegeven, zullen we eerst wat achtergrondinformatie geven.

Als het gaat om de verbinding tussen de menselijke zintuigen en marketing, lijkt visie de meest invloedrijke. Volgens de Rules of the Brain van John Medina zijn de volgende resultaten het resultaat van het testen van de kracht van de terugroepactie.

Als mensen informatie krijgen om naar te luisteren, onthouden ze ongeveer 10% van wat ze drie dagen geleden hoorden. Maar als mensen informatie naast een foto ontvingen, onthouden ze ongeveer 3% van wat ze drie dagen later kregen.

Onderzoek heeft aangetoond dat de bereidheid van mensen om te lezen neemt toe met 80% wanneer tekst wordt geassocieerd met gekleurde afbeeldingen. Als uitgever of distributeur is het belangrijk voor u om niet alleen te zien dat websitebezoekers krijgen onthoud wat ze zagen, maar neem echt de tijd om het te lezen.

Dus als afbeeldingen zo belangrijk zijn voor uw strategie wereldwijde marketing, wat gaat u doen als u ontdekt dat de afbeeldingen op uw website niet langer worden weergegeven?

Als je recent hebt bijgewerkte WordPress, misschien bent u dit probleem al tegengekomen.

Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe maak je een WordPress thema te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog 

Ga dan terug naar waarom we hier zijn.

SSL verhindert de weergave van afbeeldingen

Hoewel niet alleen gedegradeerd tot de recente WordPress-update, zijn er een aantal gerapporteerde problemen met betrekking tot problemen met het weergeven van afbeeldingen:

Alle afbeeldingen op de website worden niet meer getoond  : Na het bijwerken van WordPress wordt geen afbeelding weergegeven.

De afbeeldingen in de mediabibliotheek zijn verdwenen : Na het bijwerken van WordPress lijken de mediabibliotheek en alle bijbehorende afbeeldingen te ontbreken.

Dashboard-afbeeldingen zijn onzichtbaar : Na het bijwerken van WordPress lijken de afbeeldingen op de website te werken, maar de miniaturen op de productenpagina worden niet weergegeven.

Er verschijnt een waarschuwing met gemengde inhoud Na het installeren van een SSL-certificaat verscheen een beveiligingswaarschuwing over gemengde inhoud.

Het belang van websitebeveiliging

Veel bedrijven vandaag  een e-commerce website hebben, om transacties met gevoelige klantinformatie te verwerken, moeten deze bedrijven hun klanten kunnen bewijzen dat ze een betere manier hebben om ervoor te zorgen dat de gegevens veilig blijven.  

Ga verder in beveiliging door te ontdekken Hoe veiliger WordPress met uw smartphone

SSL: To the Rescue

De meest gebruikelijke manier om dit te doen is door een certificaat aan te schaffen Secure Sockets Layer (SSL). Met dit certificaat kunnen bezoekers beslissen of het veilig is om door te gaan met een aankoop op een website. Als een website als gevaarlijk wordt beschouwd vanwege de gemengde inhoudgebruikers ontvangen een waarschuwing die hen zal ontmoedigen (having). 

En dit is hoe SSL zou moeten werken. Het fungeert als een barrière tussen uw verbinding en uw klanten, met behulp van een set sleutels (een reeks cijfers). De browsers of apparaten van klanten ontvangen meestal een openbare sleutel. Uw website ontvangt dan een privésleutel.

Degene die de twee verbindt is een sessiesleutel en het is deze sleutel die de gegevens codeert en decodeert die in beide richtingen worden verzonden.

HTTPS: de ontbrekende link

Nu het SSL-certificaat aanwezig is, komt het andere onderdeel van een beveiligde website in de vorm van een HTTPS-versie " beveiligen Van het Hypertext Transfer Protocol. HTTPS is verantwoordelijk voor het transport van gegevens tussen twee punten en doet dit met SSL.

Ontdek ook Hoe afbeeldingslinks te vervangen na het installeren van SSL op WordPress

Voor websites die geen vertrouwelijke klantinformatie nodig hebben, werkt HTTP uitstekend. Maar voor degenen die dat extra beveiligingsniveau nodig hebben, is HTTPS een "must". (En alsof dat nog niet genoeg was, beloont Google websites met betere zoekranglijsten die het HTTPS-protocol gebruiken.)

Corrigeer de bug

Je weet nu waarschijnlijk dat er iets aan de hand is met je SSL en HTTPS vanwege een update van WordPress. Toen de ontwikkelaars zich eenmaal gingen verdiepen in al deze gerapporteerde problemen, waren ze in staat om de hoofdoorzaak te identificeren als gevolg van de introductie van de gemengde inhoud.

Wat is gemengde inhoud?

De meeste websites hebben lokale inhoud en externe inhoud. Lokale inhoud kan de code van uw website zijn en lokaal opgeslagen afbeeldingen en afbeeldingen, video's, stylesheets en scripts kunnen elders worden verkregen.

Ontdek Hoe u uw WordPress-website in de onderhoudsmodus plaatst

Gemengde inhoud is een probleem dat optreedt wanneer een website inhoud biedt die is verkregen uit veilige (HTTPS) en niet-beveiligde (HTTP) bronnen.

raadpleeg Hoe maak je een aangepaste navigatie menu op WordPress toe te voegen

Vaak een website met SSL-bescherming en een URL HTTPS laadt een deel van de inhoud (afbeeldingen, stijlbladen of scripts) van een plek die niet door SSL wordt beschermd.

Hoe te verwijderen Mixed Content

SSL verhindert dat afbeeldingen op uw website worden weergegeven, maar u weet niet zeker wat u eraan moet doen, aangezien het probleem zich voordeed met uw update. Teruggaan naar een oude WordPress-versie is niet de oplossing. Er zijn een aantal oplossingen die u kunt verkennen.

Oplossing # 1: Installeer echt eenvoudige SSL WordPress-plug-in

Als je het nog niet hebt, deze plugin is de beste plek om te beginnen. Really Simple SSL detecteert automatisch uw instellingen en configureert uw website voor HTTPS.

Om het licht te houden zijn de opties tot een minimum beperkt. De hele website schakelt over naar SSL.

Oplossing # 2: onderzoek de URL's op het dashboard

De volgende plaats om te gaan is uw WordPress-dashboard. Klik op  Instellingen> Algemeen.

Controleer of al uw URL's geen "HTTP" gebruiken.

Oplossing # 3: onderzoek de code

Open uw website. Open de broncode van de pagina met een afwezige afbeelding. Doe het dan Ctrl + F om de code te zoeken. Plak de tekst src = http In het zoekgebied.

Het zou moeten zijn dat de afbeeldingslinks die op deze pagina ontbreken, HTTP hebben in plaats van HTTPS. Ga naar WordPress en repareer de specifieke instanties die een update vereisen.

Oplossing # 4: onderzoek het WordPress-thema

Als u een WordPress-thema van derden op uw website gebruikt, kan dit absolute URL's gebruiken in plaats van relatieve URL's. Controleer de PHP-bestanden voor uw thema om de automatische afstemming te controleren.

Als u te maken hebt met absolute URL's, moet u hier een oplossing voor vinden door codering of aangepaste plug-ins te gebruiken. Dit geldt ook voor plug-ins.

Oplossing # 5: onderzoek verbroken koppelingen

Er zijn verschillende tools waarmee u snel en eenvoudig de links op uw website kunt controleren: Google Webmaster Tools ou Screaming Frog SEO Spider.

Met sommige kunt u een snelle overgang maken van HTTP naar HTTPS, terwijl u met andere relatieve paden kunt bijwerken zodat u geen problemen meer ondervindt.

Ontdek ook enkele premium WordPress-plug-ins  

U kunt andere gebruiken WordPress plugins om een ​​moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.

We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.

1. WooCommerce Extra productopties

WooCommerce Extra productopties is een WordPress-plug-in waarmee u extra opties op producten kunt creëren, dankzij de ondersteuning van voorwaardelijke logica. Je hebt ook de mogelijkheid om formulieren te maken, vervolgkeuzemenu's voor attributen om te zetten in keuzerondjes en meer.

Onder zijn functies vinden we onder andere: de pondersteuning voor meerdere soorten velden, de cprijzen volgens de geselecteerde velden, de visuele constructor van de formuliervelden, de ondersteuning van shortcodes, de mogelijkheid omactiveer de opties voor specifieke rollen, dekeuze tussen verhoging op vaste prijzen of in percentage, de steun van deconditionele logica op velden en secties in de formulierconstructor, deompatibiliteit met verschillende plug-ins en e-commerce-extensies, een dGedetailleerde documentatie, import / export van functies naar andere vormen, de mogelijkheid om prijzen te verbergen of weer te geven, en meer ...

Downloaden | demonstratie | web hosting

2. Klik voor WhatsApp Chat

Le WordPress Plugin Click to WhatsApp Chat maakt het gemakkelijk voor WordPress-klanten om verbinding te maken met de website-eigenaar of de klantenondersteuning via hun WhatsApp-account. 

Deze plug-in vereist het WhatsApp-nummer en de tijd en dag, die de website-eigenaar of het ondersteuningsteam zal gebruiken om te bespreken. Chat-knop kan worden toegevoegd op de productdetailpagina WooCommerce, die direct gerelateerd is aan dit product.

Klik gewoon op het WhatsApp-account en het wordt direct naar het mobiele WhatsApp-account geleid met een standaardbericht. En als de client op desktop of laptop is, wordt hij doorgestuurd naar WhatsApp Web.

Downloaden | demonstratie | web hosting

3. Bpchat

Bpchat is een WordPress-plug-in van BuddyPress die een chatsysteem opzet op je WordPress blog of website.

Zodra deze plug-in is geïnstalleerd op een blog, forum, community, directory, e-commercewebsite of sociale website BuddyPress, alle verbonden gebruikers kunnen automatisch direct chatten.

Ce WordPress Plugin implementeert ook een gemakkelijke manier om online te chatten, wat een beetje lijkt op wat Facebook biedt.

Downloaden | demonstratie | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

• Een externe link maken met de titel van een WordPress-artikel
• Hoe de CSS van uw WordPress-website aan te passen
• Een artikel of pagina dupliceren op WordPress
• Hoe te weten welke plug-ins een WordPress-website gebruikt

Conclusie

Alstublieft ! Dat is alles voor deze zelfstudie, ik hoop dat u hiermee het probleem kunt oplossen van het weergeven van afbeeldingen met het HTTPS-protocol. Aarzel niet om deel met je vrienden op je favoriete sociale netwerken. 

U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie.

Als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires.

...