Foto’s en Video’s – Jetpack door WordPress.com

Gratis fotobibliotheek Pexels

Geplaatst op oktober 23, 2020 door Jen Swisher

Bepaalde fotogerelateerde Jetpack-blokken integreren met de gratis fotobibliotheek, met dank aan Pexels. Pexels bevat een bibliotheek met meer dan 40.000 prachtige auteursrechtvrije afbeeldingen om op je site te gebruiken.

Belangrijke opmerking: Alle afbeeldingen die je met de Gratis fotobibliotheek in je Mediabibliotheek importeert gaan van het opslaglimiet van je site af. Neem contact op met de klantenservice van je provider als je hier vragen of opmerkingen over hebt.

Fotogerelateerde Jetpack-blokken integreren met Pexels

Je kunt Pexels in veel verschillende blokken gebruiken. De optie is beschikbaar bij gebruik van het Afbeeldingsblok, het Galerijblok en de Instellingen voor aanbevolen afbeeldingen die beschikbaar zijn op je WordPress-site. Je kunt het ook gebruiken met je Jetpack diapresentatie-blok, Getegelde galerijblok of Afbeelding vergelijken-blok. De onderstaande schermafbeelding laat zien hoe je met name Pexels-foto’s aan het Diapresentatie-blok toevoegt, al geldt de methode ook voor andere blokken:

Pexels-afbeeldingen rechtstreeks aan de Mediabibliotheek toevoegen

Je kunt afbeeldingen van Pexels ook rechtstreeks aan je Mediabibliotheek toevoegen. Hiervoor moet je WordPress.com gebruiken. Het is niet mogelijk om dit binnen je WP Admin te doen. Dit doe je als volgt:

Zorg ervoor dat je site met Jetpack verbonden is.
Ga je naar je op WordPress.com door gebruik te maken van de link Mijn sites die linksboven in het scherm te vinden is.
Klik op Media en klik daarna op het kleine afbeeldingsicoon. Daar kies je voor Gratis foto’s van Pexels.
Vanaf daar kun je afbeeldingen van Pexels rechtstreeks aan je Mediabibliotheek toevoegen.

Credits van de fotograaf

Voor jouw gemak en de juiste vermelding voor de fotograaf, wordt de fotograaf van elke foto automatisch in het bijschrift vermeld. Het is echter niet vereist om deze vermelding op je site te houden als je dat niet wilt.

Afbeeldingsafmetingen aanpassen

Je kunt de documentatie van je thema raadplegen voor de ideale afbeeldingsafmetingen voor foto’s die op verschillende plaatsen op je site worden gebruikt. Als je deze optimale afmetingen weet, kun je een afbeelding meteen aanpassen in je Mediabibliotheek of met een andere bewerkingstool, zoals PicMonkey, Canva, Pixlr of Photopea.

Reacties uitgeschakeld

Galerij Widget

Geplaatst op december 6, 2013 door Naoko Takano

De Galerij Widget biedt je een eenvoudige manier om in de zijbalk van je blog een fotogalerij of diashow te tonen .

Instellingen

Voor deze widget moet je de Betegelde Galerijen module aanzetten.

Als je de widget toevoegt aan je zijbalk vanaf Uiterlijk> Widgets, zul je zien dat de widget instellingen er als volgt uitzien:

Titel: De titel die boven de galerij in je zijbalk weergegeven moet worden.
Afbeeldingen: De afbeeldingen die in de galerij weergegeven moeten worden. Je kunt op Kies Afbeeldingen klikken om de afbeeldingen voor je galerij te selecteren.
Link Naar:
- Carousel: Een zo groot mogelijke carousel waarmee bezoekers door de hele galerij kunnen scrollen met een afbeelding tegelijk.
- Bijlage Pagina: Een speciale pagina in je blog, die de afbeelding in jouw geselecteerde thema toont.
- Media Bestand: Een rechtstreekse link naar de zo groot mogelijk geüploade afbeelding.
- De “Link naar” optie is niet van toepassing op diashows.
Willekeurige Volgorde: Je kunt dit vakje aanvinken om je afbeeldingen in willekeurige volgorde in de galerij weer te geven.
Stijl: Selecteer hier een galerijstijl. Als je de Galerijen met Tegels module geactiveerd hebt, zijn de opties voor galerijstijl Tegels, Vierkante Tegels, Cirkels of Diashow.

Afbeeldingen Kiezen voor je Galerij

Klik op Afbeeldingen Kiezen in de widget instellingen om de afbeeldingen voor je galerij te selecteren.
Om afbeeldingen toe te voegen vanaf je harde schrijf, sleep en laat de bestanden vallen in het vakje dat verschijnt, of klik op Selecteer Bestanden om een foto te kiezen uit je computer om te uploaden.
Om afbeeldingen toe te voegen die al in je Media Bibliotheek zitten, klik op Aan Galerij Toevoegen aan de linkerkant. Selecteer eventuele aanvullende afbeeldingen die je in je galerij of diashow wilt invoegen door erop te klikken. Als je klaar bent, klik op de Aan Galerij Toevoegen toets rechtsonder.
Als je al je afbeeldingen geüpload en toegevoegd hebt, kun je opschriften toevoegen of de afbeeldingen slepen en laten vallen om ze opnieuw te ordenen. Als je klaar bent, klik je op de Galerij Invoegen toets rechtsonder.
Je galerij is klaar! Selecteer de widget instellingen van je galerij, klik op Opslaan, en bezoek dan je website om je nieuwe Galerij Widget te bekijken.

Reacties uitgeschakeld

Carousel

Geplaatst op november 5, 2013 door Automattic

Als Carousel actief is, zullen alle standaard WordPress gallerijen die je in je posts of pagina’s geëmbed hebt, een prachtige, volledig-scherm foto browsing ervaring opstarten met commentaren en EXIF metadata.

Carousel Opties

Je kunt je je Carousel met een zwarte achtergrond tonen:

carousel-black-screenshot

of met een witte achtergrond:

carousel-white-screenshot

Je kunt er ook voor kiezen om de foto metadata te tonen (Exif) in de Carousel, als dat beschikbaar is.

Once you activate the Carousel module, you will find the settings in your Dashboard under Settings -> Media.

Carousel Options

Vragen & Antwoorden

Kan ik video’s in een Carousel tonen?
Carousel is alleen voor het tonen van afbeeldingen van een standaard WordPress gallerij. Het kan geen video’s vertonen.
Carousel is actief, maar mijn gallerijen worden niet opgestart. Wat is er mis?
Controleer of je thema bepaalde aangepaste gallerij functionaliteiten heeft. De Carousel deactiveert zichzelf als het merkt dat het in gebruik zijnde thema de gallerij shortcode overschrijft, om conflicten met het thema te voorkomen.
Kunnen ontwikkelaars de Carousel verder uitbreiden?
Thema- en plugin auteurs hebben filters en acties waarop ze kunnen inhaken om activeren, aanpassen en uitbreiding van de Carousel te forceren als ze dat willen, zoals jp_carousel_force_enable, jp_carousel_enqueue_assets, etc.

Klik een afbeelding aan om het in actie te zien!

Reacties uitgeschakeld

Photon

Geplaatst op november 5, 2013 door Automattic

Photon is een serviceverlening voor het versnellen en bewerken van afbeeldingen voor alle op WordPress.com gehoste websites of op websites verbonden met Jetpack. Dat betekent minder lading voor je host en snelle afbeeldingen voor je lezers.

Om te beginnen met Photon:

Vanaf de Jetpack pagina in je blog dashboard klik je op de knop Activeren voor Photon.
Klaar! Je afbeeldingen worden nu dynamisch geserveerd van de global WordPress.com cloud.

Hulp nodig?

Hoe Photon Werkt
Vragen en Antwoorden
Beperkingen

Hoe Photon Werkt

Photon filtert content, maar wijzigt de info in het databestand niet.
Photon werkt momenteel alleen met afbeeldingen in posts en aanbevolen afbeeldingen (post miniaturen).
Photon is zowel van toepassing op oude als op nieuwe posts en kan gemakkelijk aan of uit gezet worden.

Vragen en Antwoorden

Hoe bepaalt Photon welke dimensies te gebruiken?
Photon bekijkt de breedte en hoogte eigenschappen van de img tag en gebruikt dan een afbeelding met de nieuwe afmeting volgens deze dimensies of volgens de breedte van het bevattende element (welke hiervan het kleinste is).
Is er een manier om de “breedte” en “hoogte” tags aan te houden in de vervangen HTML?
We verwijderen de breedte en hoogte argumenten om te voorkomen dat je afbeeldingen vervormen als de afbeelding met nieuwe afmetingen niet dezelfde dimensies heeft als het origineel. Dit is met name belangrijk als je van het ene thema naar het andere overschakelt en het nieuwe thema kleiner is dan het vorige. Een van de voordelen van Photon is dat het automatisch je afbeeldingen nieuwe afmetingen geeft zodat ze de breedte die door je thema wordt ondersteund niet overschrijden.

Beperkingen

Geen cache nietigverklaringen – momenteel worden de afbeeldingen “voor altijd” in cache geplaatst. Als je een afbeelding wilt “verversen”, moet je de naam van die afbeelding wijzigen. Het toevoegen van willekeurige query argumenten, algemeen bekend als cachebusters, werkt niet.
We halen, resizen en serven alleen gif, png, and jpg afbeeldingen van servers die vermeld staan op port 80. Dat is ongeveer 99.99% van de web servers in de wereld.
Meestal zullen we een afbeelding niet “opschalen”. Als je originele afbeelding 1000 px is en je vraagt ons er 5000 px van te maken, geven we je de originele 1000 px afbeelding. Opgeschaalde afbeeldingen hebben meestal een slechte kwaliteit en dat willen we vermijden.
Als je server er meer dan 10 seconden over doet om de afbeeldingen te uploaden naar Photon, zal de upload afbreken en je afbeelding niet meer lijken te werken. Probeer een afbeelding met een andere naam te uploaden met een kleinere bestandsafmeting als dit gebeurt.

Thema’s en plugins kunnen ook gebruik maken van de Photon API om afbeeldingen te transformeren door middel van GET query argumenten. Ontwikkelaars zullen zoeken naar Photon API voorbeelden en documentatie op developer.wordpress.com.

Photon mag uitsluitend gebruikt worden door op WordPress.com gehoste websites of op websites verbonden met Jetpack. Als je naar een ander platform gaat, of de verbinding verbreekt tussen Jetpack en je website, schakel dan ook over op een andere magic image server. Misbruik van Jetpack of schendingen van de WordPress.com Service Voorwaarden kan tot schorsing leiden van services die verbonden zijn met WordPress.com.

Reacties uitgeschakeld

VideoPress

Geplaatst op november 4, 2013 door Automattic

Met de VideoPress module kun je video’s van je computer uploaden om te hosten en af te spelen in je website. Voor deze module is een WordPress. com account nodig met een actief VideoPress abonnement.

Om te beginnen met VideoPress voer je de volgende snelle stappen uit.

Verbind Jetpack met je WordPress.com account.

Activeer de Jetpack module.

Pas de configuratie-instellingen aan.

Upload en voeg video’s toe aan je post door de toets in je post editor aan te klikken.

Add Media

Jetpack en VideoPress verbinden

Om Jetpack te verbinden met je WordPress.com website die over de VideoPress premium upgrade beschikt, ga je naar Jetpack -> Jetpack en klik je op Configureren in de VideoPress module. Kies het verbonden WordPress.com blog van het keuzemenu interface, selecteer je voorkeuren uit de beschikbare instellingen en klik Opslaan.

Video’s Uploaden en Invoegen:

Upload video’s en voeg ze in je post in door op Add Media te klikken in je Post Editor.

Vervolgens klik je op VideoPress aan de linkerkant van de Media Uploader.

Je kunt een nieuwe video uploaden of een bestaande video kiezen uit je VideoPress bibliotheek.

Met deze plugin kun je een toets aanklikken om in je WordPress.com videoblog in te loggen en de shortcode van een video [ videopress xyz ] op te halen en deze in je post in te voegen. Je kunt de breedte en hoogte van de video container aangeven met w= h= shortcode attributen. Je kunt afspelen beperken tot uitsluitend Freedom-loving formaten door gebruik van een shortcode parameter van freedom=true. Je kunt een video automatisch afspelen door een shortcode parameter in te stellen van autoplay=true. Je kunt een Flash video embed forceren door een shortcode parameter in te stellen van flashonly=true. De voglende shortcodes zijn allemaal geldig:

[ videopress xyz ] gebruikt je standaard thema breedte indien aanwezig, anders gebruikt het 400 px als breedte.
[ videopress xyz w=640 ] geeft de breedte van de videocontainer aan op 640 px terwijl de aspect ratio gehandhaafd blijft.
[ videopress xyz w=640 h=360 ] geeft zowel breedte als hoogte van de video container aan.
[ videopress xyz h=300 ] geeft de hoogte van de video container aan op 300 px, terwijl de aspect ratio gehandhaafd blijft.
[ videopress xyz freedom=true ] toont video’s uitsluitend in Freedom-loving formaat (momenteel Ogg met Theora video en Vorbis audio).

Video voorbeeld elementen en HTML5 video worden rechtstreeks ingevoegd in je WordPress post of pagina, stijlen aanpassen is mogelijk via CSS of invoeging in de statistieken van je website.

Problemen Oplossen

Heb ik een WordPress.com account nodig om deze plugin te gebruiken?
Ja. Deze plugin is afhankelijk van een WordPress.com website met VideoPress premium upgrade om geüploade video’s, getranscodeerde videobestanden en bijhorende gegevens te hosten. Aangezien je al een WordPress.com account nodig hebt om met Jetpack te verbinden, hoef je alleen nog een website toe te voegen om je videobestanden te hosten.

Kan ik deze plugin gebruiken om video’s op mijn eigen server te hosten?

Nee. Deze plugin vereist een WordPress.com website met VideoPress upgrade en heeft geen ondersteuning voor het hosten van video’s op je eigen server.

Ik gebruik de VideoPress plugin al!
We raden je sterk aan om de standalone VideoPress plugin uit te schakelen en de VideoPress via Jetpack in te schakelen, omdat alle toekomstige upgrades van VideoPress uitsluitend in Jetpack beschikbaar zullen zijn.

De bezoekers van mijn website melden problemen met het afspelen als ik de Freedom playback voorkeur instel.
Freedom heeft een prijs.

Hoe kan ik Flash runtime parameters wijzigen?
Ga naar de video_flash_params filter om de Flash parameters zoals gedefinieerd in je pagina markering te wijzigen. Let op: het wijzigen van allownetworking of allowscriptaccess kan het afspelen van de video verslechteren. Het wijzigen van venster modus kan negatieve gevolgen hebben voor het afspelen bij je kijkers.

Het geëmbedde Flash bestand zweeft over alle andere pagina elementen, ongeacht z-index
Moderne versies van de Adobe Flash speler scheiden content in lagen die door specifieke onderdelen van een computer, tablet of smartphone behandeld worden. Deze optimalisatie zorgt dat je kijkers probleemloos video’s kunnen afspelen met behulp van minder systeembronnen (en batterij) dan de expliciete laagcontroles. Zie Adobe’s Flash embed wmode support door browser voor meer informatie.

Mijn bezoekers kunnen sommige video’s niet zien als Flash niet geïnstalleerd is (zoals iPhone)
Sommige video uitgevers beperken video embedding en het delen van functies. HTML5 video bevat een volledige URI naar een videobestand in de pagina markering, een functie die enige zorgen oplevert bij uitgevers die playback locaties en het distribueren van video’s proberen te beperken. Beperkte embeds zijn ingevoegd op de pagina door middel van Flash markup.

Reacties uitgeschakeld

Getegelde Galerijen

Geplaatst op november 4, 2013 door Automattic

Met Getegelde Galerijen kun je drie nieuwe stijlen voor je fotocollecties gebruiken: mozaïeken met rechthoekige of vierkante tegels en een rooster met cirkelvormige tegels. De rechthoekige en vierkante indelingen kunnen bijschriften of andere teksten weergeven wanneer je met de cursor over een afbeelding zweeft, waardoor je ruimte bespaart. Enkele voorbeelden:

Rechthoekige tegels

Vierkante tegels

Cirkels

Extra voorbeelden van de drie indelingsopties vind je ook in dit artikel en in dit artikel.

Om Getegelde Galerijen te gebruiken, moet je eerst de module activeren in je Jetback dashboard. Selecteer vervolgens de “Tegels”-optie en maak een nieuwe galerij aan.

Om al je fotogalerijen automatisch een getegelde indeling te geven, ga je naar Instellingen – Media in je dashboard en selecteer je het vakje naast “Al je galerij-afbeeldingen in een coole mozaïek weergeven.” Deze optie maakt van de nieuwe instelling de standaard voor al je nieuwe fotogalerijen en past ze ook toe op oude galerijen die je eerder op je blog hebt geplaatst.

Om te leren hoe je galerijen toevoegt en de nieuwe instellingsopties gebruikt, ga je naar de ondersteuningspagina voor galerieën.

Het is het vermelden waard dat de afbeeldingen in Getegelde Galerijen speciale verwerking vereisen. Ze zullen daarom aangeboden worden via WordPress.com CDN (Content Delivery Network), zelfs wanneer de Photon module uitgeschakeld is.

Een specifieke breedte definiëren voor je galerijen

Getegelde Galerijen gebruiken standaard de content breedte van je thema. Je kan echter een specifieke waarde voor je $content_width (content breedte) definiëren door de volgende code toe te voegen aan het functions.php bestand van je thema:

if ( ! isset( $content_width ) )
    $content_width = 800;

Als je liever geen themabestanden aanpast, kun je deze plugin gebruiken: Custom Content Width.

Is er geen content breedte gedefinieerd in je thema, dan zullen je Getegelde Galerieën de standaardbreedte van 500 pixels aannemen. Lees hier meer over de content breedte in WordPress thema’s.

Reacties uitgeschakeld

Tegelgalerij-blok

Geplaatst op november 4, 2013 door Ryan C.

Met Galerijen in tegels kan je je afbeeldingsgalerijen in vier stijlen weergeven: als mozaïek in tegels, rond raster, vierkante tegels en getegelde kolommen. Een diapresentatie is ook mogelijk.

Hier vind je een aantal voorbeelden:

Galerijafbeeldingen worden automatisch weergegeven via Jetpack’s Afbeelding-CDN.

Galerijen in tegels in de Klassieke editor

Raadpleeg deze handleiding om Galerijen in tegels in de Klassieke editor-plugin of in het Klassieke blok te gebruiken.

Een galerij aanmaken

Om een galerij aan te maken, voeg je een nieuw Tegelgalerij-blok toe via de blokselectie in het bericht of met behulp van de blokselectie in de bericht-werkbalk.

Blokoptie voor galerijen in tegels in het blokselectiemenu

Nadat je het blok hebt toegevoegd, kun je op dezelfde manier afbeeldingen aan je galerij toevoegen als wanneer je afbeeldingen aan een normaal afbeeldingenblok toevoegt. Je kunt ze uploaden vanaf je computer, ze selecteren in je mediabibliotheek of ze selecteren uit een externe bron zoals Google Foto’s of Gratis Foto’s van Pexels. Zodra je afbeeldingen hebt toegevoegd, kun je de blok-werkbalk en de zijbalk gebruiken om je persoonlijke stijl toe te voegen.

Met de werkbalk kun je de knop voor het wijzigen van het bloktype gebruiken om het type galerij dat je wilt aanmaken te selecteren. Je kunt het blok hier ook wijzigen naar een van de andere bloktypen voor afbeeldingen.

Met de andere knoppen op de werkbalk kun je de uitlijning voor de galerij instellen door de juiste optie te kiezen. Je kunt Bewerken gebruiken om afbeeldingen toe te voegen en verwijderen.

Deze afbeelding heeft een leeg alt-attribuut; de bestandsnaam is screen-shot-on-2019-01-07-at-15-40-09.png

Je kunt alle afbeeldingen deselecteren die je niet aan de galerij wilt toevoegen door op de X te klikken. Versleep de afbeeldingen om de volgorde te wijzigen.

Klik op Aan galerij toevoegen om nieuwe afbeeldingen toe te voegen. Zodra je klaar bent met het aanbrengen van wijzigingen aan afbeeldingen in de galerij, klik je op Galerij bijwerken.

Om afbeeldingen in je galerij de juiste plek te geven, klik je op een afbeelding in het blok en gebruik je de pijlknoppen om ze te verplaatsen:

Deze afbeelding heeft een leeg alt-attribuut; de bestandsnaam is tiled_gallery_move_image.png

Zijbalk van blokken

In de zijbalk van Blokken kun je het gedeelte Stijlen uitklappen om het type galerij te wijzigen en het gedrag van links in het gedeelte Tegelgalerij-instellingen toe te wijzen:

Deze afbeelding heeft een leeg alt-attribuut; de bestandsnaam is tiled-gallery-block-settings.png

Probleemoplossing

Opties voor tegelgalerijen worden niet weergegeven of niet correct weergegeven

Ga naar Jetpack → Instellingen → Prestaties en zorg ervoor dat de optie voorSiteversnelleris ingeschakeld.
Probeer over te schakelen naar een ander thema om te controleren of jouw thema een conflict veroorzaakt met de galerijen in tegels van Jetpack.
Schakel alle andere plugins voor diapresentaties of galerijen uit om een conflict uit te sluiten.
Ten slotte, als je gebruikmaakt van de Cleaner Gallery-plugin of een thema dat gebruikmaakt van deze functie, dan kun je geen Tegelgalerij-functies gebruiken op je site. Om dit probleem te verhelpen, kun je deze kleine plugin installeren om Cleaner Gallery te deactiveren.

Eén afbeelding in galerijweergave weergeven

Om één afbeelding in een bericht of op een pagina weer te geven in een galerijweergave bewerk je de afbeelding en stel je de weergave-instelling Koppelen aan in op ‘bijlagepagina’. Wanneer iemand nu op je afbeelding klikt, wordt deze weergegeven in de overlay-weergave van de galerij.

Optie voor ontbrekende diapresentatie

Als de optie voor een diapresentatie ontbreekt, ga je naar Jetpack → Instellingen → Schrijven en zorg je ervoor dat de optieOpstellen met shortcode om media te embedden vanaf populaire sites is ingeschakeld.

Een specifieke breedte voor je galerijen definiëren

Tegelgalerijen zijn speciaal ontwikkeld om de contentbreedte van je thema te vullen. Je kunt een specifieke $content_width-waarde opgeven door de volgende code aan het bestand functions.php van je thema toe te voegen:

if ( ! isset( $content_width ) ) {	
$content_width = 800;	
}

Als je de themabestanden liever niet bijwerkt, kun je ook deze plugin gebruiken: Aangepaste contentbreedte.
Als je thema geen contentbreedte definieert, staan tegelgalerijen standaard ingesteld op een breedte van 500 pixels. Hier vind je meer informatie over de functie Contentbreedte voor thema’s.
Als je thema al een $content_width-waarde definieert, maar je een andere waarde wilt gebruiken die alleen voor Galerijen in tegels geldt, kun je het filter tiled_gallery_content_width gebruiken.

Bijschriften verschijnen niet

Het Tegelgalerij-blok ondersteunt bijschriften nog niet (niet voor een enkele afbeelding en niet voor het hele blok. Een ander alternatief is om het Klassieke blok te gebruiken om een Getegelde galerij toe te voegen waarmee je bijschriften kunt toevoegen. Hier staat meer over hoe je dat doet.

Privacygegevens

Bij gebruik van het Tegelgalerij-blok is deze functie standaard gedeactiveerd, omdat dit nodig is voor onze Afbeelding-CDN. Het kan op elk moment worden geactiveerd door de instelling Afbeeldingen aanbieden vanaf onze servers in het menu Prestaties en snelheid via Jetpack — Instellingen — Prestaties op je dashboard.

Als je de functie wilt gebruiken met een Klassieke blok- of Klassieke editor-plugin, onafhankelijk van het Afbeelding-CDN, kun je de gids hier volgen om ervoor te zorgen dat het Afbeelding-CDN is gedeactiveerd en Galerijen in tegels zijn geactiveerd.

Meer informatie over het gegevensgebruik op je site

Gebruikte gegevens
Site-eigenaren/gebruikers Geen.	Sitebezoekers Geen.
Bijgehouden activiteit
Site-eigenaren/gebruikers Als de verbinding met Google Foto’s wordt verbroken, houden we bij dat de verbinding met Google Foto’s wordt verbroken.	Sitebezoekers Geen.
Gegevens gesynchroniseerd (Meer lezen)
Site-eigenaren/gebruikers We synchroniseren opties die aangeven of de functie wel of niet is geactiveerd en hoe de beschikbare instellingen worden geconfigureerd.	Sitebezoekers Geen.