Hoe anderen toe te staan ​​uw WordPress-berichten in te sluiten

Inbedding is nu de norm geworden als het gaat om het delen van inhoud op websites. In WordPress is het insluiten van inhoud van sites zoals YouTube, Twitter en SoundCloud ronduit eenvoudig, dankzij de oEmbed API. Voeg de link toe aan de berichtinhoud en WordPress parseert de link onmiddellijk en maakt deze in een presentabel formaat.

Maar wat vindt u van het idee om een ​​WordPress-bericht in te sluiten, op een manier die lijkt op hoe we een Tweet of een YouTube-video zouden insluiten? Toestaan ​​dat lezers uw bericht insluiten zou zeker verhoog de betrokkenheid van uw site en kijkers afkomstig van andere websites.

Dit echte idee wordt momenteel besproken in de ontwikkelgroep WordPress, die in de toekomst wordt toegevoegd aan de WordPress Core-functionaliteit. Maar vanaf nu kunnen we het toepassen op onze blog met behulp van een plug-in genaamd oEmbed API.

Ermee beginnen

Allereerst deze plug-in vereist ten minste WordPress 4.3 zorg er dus voor dat uw website is bijgewerkt. Installeer de oEmbed API-plug-in. De site moet online toegankelijk zijn, anders kan de insluiting mislukken.

Zodra de plug-in is geactiveerd, kunt u een bericht kopiëren permalink URL en plak deze in de andere website-inhoud of in een bericht in je eigen blog. Hier ziet u hoe de ingesloten inhoud eruit zal zien:

De ingebedde inhoud is mooi ingedeeld. Het toont de berichttitel, het uittreksel, de sitenaam, het aantal reacties en de knop Delen die het bericht zal weergeven permalink voor het insluiten van de inhoud. En dat is in wezen alles wat u hoeft te doen.

Als u tevreden bent met de standaarduitvoer, kunt u hier stoppen. Maar als u meer aanpassingsmogelijkheden wilt, zijn hier een paar dingen die u kunt doen.

Verander het pictogram

Een van de redenen waarom deze plug-in de nieuwste WordPress-versie nodig heeft, is de Favicon. De mogelijkheid om favicon native toe te voegen via het dashboard is pas geïntroduceerd in 4.3. maar dit betekent ook dat uw ingesloten inhoud wordt weergegeven met het WordPress-pictogram in lijn met de naam van uw site.

Voor ons lijkt dit niet relevant, omdat de inhoud afkomstig is van onze site, niet van het WordPress-pictogram. In plaats daarvan willen we ons sitelogo zien in lijn met onze sitenaam. Om dit te doen, gaan we naar de Uiterlijk> Aanpassen> Site-identiteit tab.

Upload hier het afbeeldingspictogram en sla de wijzigingen op. U ziet dan het sitepictogram dat u hebt geüpload in de ingesloten inhoud. Dit is wat ons eruit ziet:

Acties en filters

Acties en filters zijn twee methoden die we gebruiken om outputs in WordPress aan te passen. In de huidige fase komt de plug-in echter niet specifieke acties of filters die kan worden gekoppeld aan de CSS of JavaScript.

Toch biedt het een rest_oembed_output actie die we kunnen gebruiken voor het toevoegen van nieuwe inhoud als onderdeel van de uiteindelijke uitvoer, inclusief een inline-stijl. Het is niet ideaal, maar het laat je op zijn minst de stijlen van de ingesloten inhoud negeren.

Het volgende is een voorbeeld van een code die u aan uw thema zou kunnen toevoegen functions.php om het lettertype in het serif-type te veranderen.

 function hkdc_oembed_output () ?>   
Een ander haak we kunnen gebruiken om de uitvoer aan te passen is de rest_oembed_output_excerpt_length filter waarmee we kunnen stel een woordlimiet in het postuittreksel in. De standaardlengte is ingesteld op 35. Dus laten we zeggen dat we het graag willen inkorten 28, voeg gewoon de volgende functie toe:
 
 functie hkdc_oembed_excerpt_length () terug 28;  add_filter ('rest_oembed_output_excerpt_length', 'hkdc_oembed_excerpt_length', 9); 
 
Verander gewoon de terugkeer nummer, indien nodig.
 
Afronden
 
Op het moment van dit schrijven, oMedewerker-API wordt nog steeds ontwikkeld, wat misschien ook de reden is dat het nog niet met voldoende hooks voor inhoudwijziging komt. Hopelijk worden er, naarmate de codes worden gladgestreken, meer haken toegevoegd
 
U kunt de voortgang van de ontwikkeling volgen in de Github-uitgiftetickets en in de WordPress Dev-thread. Al met al is dit een geweldige aanvulling voor WordPress.