Gefällt Ihnen, wie Social-Media-Sites wie Facebook und Twitter Linkvorschauen anzeigen, wenn Sie einen Link in Ihren Status einfügen? Wäre es nicht schön, wenn Sie Ihrer Website ähnliche Inhaltskartenfunktionen hinzufügen könnten? In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress Links als Inhaltskarten hinzufügen.
Was ist eine Inhaltskarte?
Ähnlich wie bei Twitter Cards oder der Facebook-Link-Vorschau können Sie mit Inhaltskarten eine Zusammenfassung des Links anzeigen, den Sie auf Ihrer Site teilen.
Betrachten Sie es als das Einbetten eines Tweets oder Einbettens eines Videos in Ihren Inhalt, außer dass Sie jetzt andere Artikel einbetten.
Genau wie das Bild in der Vorschau oben. Sehen wir uns an, wie Inhaltskarten funktionieren.
Wie funktionieren Inhaltskarten?
Inhaltskarten verwenden offene Graph-Metadaten, um die Linkinformationen abzurufen. Wenn Sie sich nicht mit Open-Graph-Metadaten auskennen, müssen Sie unsere Anleitung zum Hinzufügen von Facebook-Open-Graph-Metadaten in WordPress lesen.
Facebook hat das Open-Graph-Protokoll ins Leben gerufen und wird heute von Millionen von Websites auf der ganzen Welt verwendet. Es ermöglicht Websitebesitzern, strukturierte Informationen zu einem Artikel bereitzustellen.
Diese Daten werden von Facebook, Twitter usw. verwendet, um Informationen anzuzeigen, wenn jemand den Link auf seiner Plattform teilt.
Aufgrund der Popularität und Reichweite des sozialen Netzwerks von Facebook haben die meisten Websites Open-Graph-Metadaten in ihren Artikeln.
Inhaltskarten bieten auch einen schönen Fallback für Websites, die keine Metadaten für offene Graphen haben. Wenn Sie einen solchen Link hinzufügen, wird das Standard-Platzhalterbild für das vorgestellte Bild verwendet und der Titel der verlinkten Seite angezeigt.
Videoanleitung
Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.
Wie füge ich Inhaltskarten in WordPress hinzu?
Als erstes müssen Sie die installieren und aktivieren Inhaltskarten Plugin. Nach der Aktivierung können Sie einen neuen Beitrag erstellen oder einen bestehenden bearbeiten.
Auf dem Bildschirm des Post-Editors werden Sie eine neue Schaltfläche in bemerken visueller Editor mit CC gekennzeichnet.
Wenn Sie darauf klicken, wird ein Popup-Fenster für die Inhaltskarte angezeigt.
Geben Sie einfach den Link zu der Seite an, die Sie als Inhaltskarte einbetten möchten, aktivieren Sie das Zielkästchen, wenn Sie den Link in einem neuen Fenster öffnen möchten, und klicken Sie auf die Schaltfläche OK, um den Link in Ihren Beitrag einzufügen.
Sie werden feststellen, dass sich der Link sofort in eine Inhaltsbox verwandelt. Es wird ein Bild für den Artikel, den Titel, die Beschreibung und den Namen der Website angezeigt.
Das Artikelbild wird direkt über den von Ihnen geteilten Link angezeigt und nicht auf Ihrer WordPress-Site gespeichert.
Sie können die Inhaltskarte auch mit einem Shortcode wie diesem hinzufügen:
[contentcards url="http://wpbeginner.com"]
Nachdem Sie Ihrem Beitrag Inhaltskarten hinzugefügt haben, können Sie ihn speichern und in der Vorschau anzeigen. Beachten Sie, dass die Inhaltskarten vollständig reagieren und auf allen Geräten gut aussehen.
Konvertieren Sie Links automatisch in Inhaltskarten für bestimmte Websites
Wenn Sie nur Inhaltskarten für bestimmte Websites erstellen möchten, können Sie dies in den Plugin-Einstellungen tun. Gehe zu Einstellungen » Inhaltskarten und fügen Sie die Domänennamen hinzu, die Sie auf die Whitelist setzen möchten.
Sites, die Sie hier hinzufügen, verhalten sich wie YouTube-Einbettungen in WordPress. Sie müssen lediglich einen Link hinzufügen und das Plugin wandelt ihn automatisch in eine Inhaltskarte um.
Ändern des Aussehens von Inhaltskarten
Das Plugin wird mit zwei Standard-Skins für Inhaltskarten geliefert, die auf der Einstellungsseite des Plugins geändert werden können.
Sie können das Aussehen von Inhaltskarten auch ändern, indem Sie die Standard-Skin-Dateien in Ihr Theme- oder untergeordnetes Theme-Verzeichnis kopieren.
Die Skin-Dateien befinden sich in /wp-content/plugins/content-cards/skins/default/
Mappe. Sie benötigen einen FTP-Client, um die Dateien auf Ihren Computer herunterzuladen und sie dann wieder in Ihr Theme- oder Child-Theme-Verzeichnis hochzuladen.
Danach können Sie diese Dateien mit jedem Nur-Text-Editor bearbeiten. Wenn Sie Schwierigkeiten haben, CSS zu bearbeiten und zu ändern, sollten Sie CSS Hero ausprobieren. Es ist ein einfach zu verwendendes Plugin, mit dem Sie CSS mithilfe einer einfachen GUI ändern können.
Wir hoffen, dieser Artikel hat Ihnen geholfen, schöne Inhaltskarten für externe Links in WordPress hinzuzufügen. Vielleicht möchten Sie auch unsere Anleitung zum einfachen Erstellen von responsiven Bildergalerien in WordPress mit Envira lesen.