Gillar du hur webbplatser för social media som Facebook och Twitter visar preview av länkar när du klistrar in en länk i din status?
Dina besökare kanske också uppskattar det!
Lyckligtvis erbjuder WordPress en liknande funktion som automatiskt konverterar links till content cards när de kommer från en website som stöds.
I den här artikeln visar vi dig hur du enkelt kan add to links som content cards i WordPress.
Vad är ett Content Card?
Ett content card allow you att visa en summary av den link du delar på din site. Det fungerar på samma sätt som Twitter Cards eller Facebook Link Preview.
Du kan tänka på det som att bädda in en tweet eller bädda in ett videoklipp i ditt content, förutom att nu bäddar du in artiklar. Precis som imagen i previewen under:
Låt oss nu ta en titt på hur content-kort fungerar i WordPress.
Så här embedar du en Link som Content Card i WordPress
Det finns allmänt 2 metoder för att embedda en link som ett content card i WordPress: copy and paste av URL:en och användning av embed block.
Metod 1. Kopiera och klistra in URL: en
Som standard tillåter WordPress dig att enkelt embedda links som content cards från websites som stöds. Dessa webbplatser som stöds avser alla bloggar som drivs av WordPress, inklusive din egen site.
För att embedda links som content cards, copy and paste URL:en i block editorn på din page eller i ditt post.
Därefter konverterar WordPress det automatiskt till ett content-kort.
Metod 2. Använd blocket Embed
Ett annat sätt att lägga till en länk som ett content-kort är genom att add to Embed-blocket i block editor.
För att göra detta vill du öppna sidans eller postens block editor. Sedan klickar du bara på knappen ”+” och väljer blocket Embed.
Du kan nu klistra in URL: en till blogginlägget i blockets fält. När du är klar går du vidare och klickar på knappen ”Embed”.
WordPress hämtar sedan automatiskt metadata för URL:en och konverterar den till ett content card.
Hur fungerar Content Cards?
Som standard använder WordPress oEmbed-teknik för att hämta metadatainformation från webbplatser som stöder oEmbed-format.
Alla WordPress-webbplatser stöder oEmbed-protokollet direkt från boxen. Det innebär att du kan embedda links från en vanlig WordPress website som ett content card på din site.
Förutom WordPress-webbplatser kan du också embedda content från många populära webbplatser som redan stöder oEmbeds.
You kan till exempel embedda YouTube-videor omedelbart genom att helt enkelt klistra in en URL till videoklippet.
Så här kan det gilla att se ut i din block editor:
Obs/observera: Embeds från Facebook och Instagram fungerar inte direkt på WordPress-webbplatser. Du behöver det gratis Smash Balloon Facebook plugin för att enkelt embedda content-kort från dessa plattformar.
Om du vill veta mer om ämnet kan du läsa vår guide om hur du embedar Instagram content i WordPress.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt embedar links som content-kort i WordPress. Sedan kanske du också vill se vår guide om hur man döljer affiliate-länkar eller hur man lägger till title och nofollow för att insert link popup i WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Brent Wilson
This plugin has been removed. Is there no alternative?
WPBeginner Support
We do not have a specific alternative at the moment, we will be sure to keep an eye out for one we would recommend.
Administratör
Dave
This is really bad advice.. the plugin has some MAJOR flaws and appears to be abandoned…
WPBeginner Support
Thank you for letting us know, we’ll be sure to look into updating this article from 2015 with a new plugin as we’re able
Administratör
Jeff Whitmore
Got the plugin to work, then when I published, BAM. Blank page except for the words ”The site is experiencing technical difficulties. Please check your site admin email”
WPBeginner Support
If you’re still running into that issue, you would want to take a look at our troubleshooting guide here: https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Administratör
Lazarus
Hallo,
The plugin doesn’t work with WordPress 5.0.3. Is there any patch or the new version?
WPBeginner Support
You would want to reach out to the Plugin’s support for information about updates to the plugin. If you mean it is not tested then you would want to take a look at our article: https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
Administratör
Dennis Herman
This is great. Exactly what I was looking for. I’ll give it a try.
yair
i did the content card but the imag is blank …
do ineed to install the face book open grafe plaug in first?
WPBeginner Support
If the link you added with content cards was for one of your own sites, then you need to install Facebook open graph. If it was an external site, then the site needs to be using Facebook open graph. You can also set a default fallback image in the plugin settings, this image will be used when no image is found.
Administratör
Steve Media
Now if I can only find a good solution to export firefox bookmarks, sort by url, pull all sites with ”thisdotcom” into one category and all sites with ”thatdotcom” into another category.. mass import into wordpress – auto sort by category, date url added – and pull these content cards.. very cool it would be.
Arūnas
Need some help?
Avil Beckford
I did a curated post today, so I tested it with content cards and it works fine. The preview image size is quite large though. Thanks for the post.
Avil Beckford
Abhishek
This is what i needed, Thanks.
Rikki
I am getting the same message. In the list of plugins it says explicitly that the plugin is not compatible with my WP version (which is 4.3.) A glitch?
WPBeginner Support
You can safely install the plugin. We have tested it with WordPress 4.3.
Administratör
Rikki
Thank you. I will give it a try then, :-).
fergal walsh
I would use this plugin but incompatible with latest releases of wordpress
WPBeginner Support
It is compatible with WordPress 4.3, which is the latest version. Also please checkout our article should you install plugins not tested with your WordPress version.
Administratör