Embed / Link externe Webseiten in meinem WordPress Blog (Wie Facebook packt Bild, Titel und Beschreibung)

Ich möchte WordPress-Posts erstellen, in die ich externe Seiten einbetten kann. Wie Sie wissen, werden beim Einfügen eines Links in Facebook automatisch ein Bild, ein Titel und eine Beschreibung erfasst. Und wenn jemand darauf klickt, verweist es auf die Quellwebsite. Ich habe iframes verwendet, aber es bettet die komplette Seite ein. Ich möchte es nur so zeigen, wie es in Facebook-Aktien erscheint. Ich möchte Nachrichten aus dem Internet auf meiner Homepage zusammenfassen. Wenn ich die functionalität der Benutzerabstimmung in den Geschichten hinzufügen könnte, wäre das ein zusätzlicher Vorteil. PS: Ich bin kein Programmierer. Beispiel

Solutions Collecting From Web of "Embed / Link externe Webseiten in meinem WordPress Blog (Wie Facebook packt Bild, Titel und Beschreibung)"

Sieht so aus, als ob Sie Embeds beschreiben, die WordPress unterstützt. Unter https://codex.wordpress.org/Embeds finden Sie eine lange Liste der derzeit unterstützten Embeds, die einfach auf den in Ihrem Editor hinzugefügten URLs basieren.

Damit die Einbettung funktioniert, muss sie in einer einzelnen Zeile mit einem Abstand darüber und darunter liegen. Und im Allgemeinen werden sie während des the_content Filters erstellt.

Um zu testen, welche Embeds Sie derzeit unterstützen, können Sie eine wp_oembed_get($url) erzwingen, um sie mithilfe von wp_oembed_get($url) von einer URL zu transformieren.

Es gibt zwei Methoden, mit denen Sie Unterstützung für Einbettungen hinzufügen können, die derzeit nicht enthalten sind.

  • Für nicht-oEmbed-Sites – wp_embed_register_handler( $id, $regex, $callback, $priority )
  • Für oEmbed-fähige Sites – wp_oembed_add_provider( $format, $provider, $regex ) .

Wenn eine Website nicht enthalten ist, müssen Sie möglicherweise den regulären Ausdruck codieren, der zum Transformieren einer URL in eine Einbettung erforderlich ist. Aber danach wird es wie Magie funktionieren.

Ein Beispiel für eine benutzerdefinierte Einbettung auf einer nicht unterstützten oEmbed-Site (geändert von der @birgire -Antwort ):

 /** * Embed support for Forbes videos * * Usage Example: * * http://www.forbes.com/video/5049647995001/ */ add_action( 'init', function() { wp_embed_register_handler( 'forbes', '#http://www\.forbes\.com/video/([\d]+)/?#i', 'wp_embed_handler_forbes' ); } ); function wp_embed_handler_forbes( $matches, $attr, $url, $rawattr ) { // construct the video embed $embed = sprintf( '', esc_attr( $matches[1] ) ); // pull information from the page $str = wp_remote_retrieve_body(wp_remote_get($url)); preg_match_all('/(?:[^< ]+)([^< ]+)<\/title>/', $str, $matches); $title = @$matches[1][0]; preg_match_all('/<meta name="description" itemprop="description" content="([^"]+)"/', $str, $matches); $description = @$matches[1][0]; preg_match_all('/<meta property="og:image" content="([^"]+)"/', $str, $matches); $image = @$matches[1][0]; // prepend extra info $embed = sprintf('<a href="http://img.daswordpress.com/links/%s" target="_blank" rel="noopener noreferrer" /><img src="http://img.daswordpress.com/links/%s"/><h1>https://wordpress.stackexchange.com/questions/245279/embed-link-external-web-pages-into-my-wordpress-blog-like-facebook-grabs-image/%s</h1><p>https://wordpress.stackexchange.com/questions/245279/embed-link-external-web-pages-into-my-wordpress-blog-like-facebook-grabs-image/%s</p>https://wordpress.stackexchange.com/questions/245279/embed-link-external-web-pages-into-my-wordpress-blog-like-facebook-grabs-image/%s', $url, $image, $title, $description, $embed); return apply_filters( 'embed_forbes', $embed, $matches, $attr, $url, $rawattr ); }</head></code> </pre>
<p>  Beispiel mit: </p>
<pre> <code>http://www.forbes.com/video/5049647995001/ http://www.forbes.com/video/5037500512001/ http://www.forbes.com/video/4284088649001/ http://www.forbes.com/video/5046852474001/</code> </pre>
<p>  Während dieses Beispiel speziell einen <code>iframe</code> , können Sie alles aus der URL konstruieren.  Es braucht zusätzliche Zeit, aber Sie könnten theoretisch die URL ziehen und die Details für ein individuelles Bild scrappen. </p>
<p>  Für Facebook verwenden sie einen Dienst <a href="http://developers.facebook.com/tools/lint/" rel="nofollow">http://developers.facebook.com/tools/lint/</a>, um den abgeschabten Inhalt zwischenzuspeichern und dann zwischengespeicherte Daten zu liefern.  Deshalb dauert es manchmal eine Weile, bis der erste Teil einer Seite erscheint.  Wenn Sie diesen process beschleunigen möchten, haben Sie einen Mechanismus zum Zwischenspeichern des Inhalts, der bedient werden soll. </p>
</div>
</li><!-- #comment-## -->

	<div class="navigation">
		<div class="alignleft"></div>
		<div class="alignright"></div>
	</div>
 	</div>
		
        </div>
<ul>
  <li><a href="http://de.wordpressask.com/die-beste-strategie-zum-bereitstellen-von-designoptionen-mit-dem-customizer.html" rel="bookmark">
    Die beste Strategie zum Bereitstellen von Designoptionen mit dem Customizer  </a></li>
  <li><a href="http://de.wordpressask.com/mit-get_categories-versuchen-terme-einer-benutzerdefinierten-taxonomie-aufzulisten.html" rel="bookmark">
    Mit get_categories versuchen, Terme einer benutzerdefinierten Taxonomie aufzulisten  </a></li>
  <li><a href="http://de.wordpressask.com/metabox-daten-konnen-nicht-im-benutzerdefinierten-post-typ-gespeichert-werden.html" rel="bookmark">
    MetaBox-Daten können nicht im benutzerdefinierten Post-Typ gespeichert werden  </a></li>
  <li><a href="http://de.wordpressask.com/warum-kann-ein-wordpress-netzwerk-multisite-in-seinem-eigenen-ordner-keine-subdomains-verwenden.html" rel="bookmark">
    Warum kann ein WordPress-Netzwerk (Multisite) in seinem eigenen Ordner keine Subdomains verwenden?  </a></li>
  <li><a href="http://de.wordpressask.com/dynamische-standortverknupfung-fur-zukunftige-migration-in-echo-do_shortcode.html" rel="bookmark">
    Dynamische Standortverknüpfung für zukünftige Migration in echo do_shortcode ()  </a></li>
  <li><a href="http://de.wordpressask.com/ein-heldenbild-in-voller-breite-verwenden-das-von-einem-benutzer-im-dashboard-geandert-werden-kann.html" rel="bookmark">
    Ein Heldenbild in voller Breite verwenden, das von einem Benutzer im Dashboard geändert werden kann  </a></li>
  <li><a href="http://de.wordpressask.com/uberprufen-sie-ob-das-tag-fur-posts-verwendet-wird.html" rel="bookmark">
    Überprüfen Sie, ob das Tag für Posts verwendet wird  </a></li>
  <li><a href="http://de.wordpressask.com/aktualisieren-sie-medienbibliotheksdateien-nach-dem-hochladen-uber-ftp.html" rel="bookmark">
    Aktualisieren Sie Medienbibliotheksdateien nach dem Hochladen über FTP  </a></li>
  <li><a href="http://de.wordpressask.com/pdf-download-vom-benutzerdefinierten-menu-erzwingen.html" rel="bookmark">
    PDF-Download vom benutzerdefinierten Menü erzwingen?  </a></li>
  <li><a href="http://de.wordpressask.com/wordpress-kommentar-spam-problem.html" rel="bookmark">
    WordPress Kommentar Spam-Problem  </a></li>
  <li><a href="http://de.wordpressask.com/konvertieren-einer-statischen-html-vorlage-in-ein-wp-thema-wie-lege-ich-den-seiteninhalt-fest.html" rel="bookmark">
    Konvertieren einer statischen HTML-Vorlage in ein WP-Thema – Wie lege ich den Seiteninhalt fest?  </a></li>
  <li><a href="http://de.wordpressask.com/name-der-aktuellen-taxonomie-kein-begriff-bei-einer-post-id.html" rel="bookmark">
    Name der aktuellen Taxonomie (kein Begriff!) Bei einer Post-ID  </a></li>
  <li><a href="http://de.wordpressask.com/fugen-sie-dem-admin-die-spalte-uberarbeitete-seite-hinzu.html" rel="bookmark">
    Fügen Sie dem Admin die Spalte “Überarbeitete Seite” hinzu  </a></li>
  <li><a href="http://de.wordpressask.com/widgets-plugins-aus-dem-dashboard-ausblenden.html" rel="bookmark">
    Widgets / Plugins aus dem Dashboard ausblenden  </a></li>
  <li><a href="http://de.wordpressask.com/so-deaktivieren-sie-einen-wp-filter-in-einer-bestimmten-admin-steuerfeldseite.html" rel="bookmark">
    So deaktivieren Sie einen WP-Filter in einer bestimmten Admin-Steuerfeldseite  </a></li>
</ul>    
    </div>
    
</div>

   <div class="clearfix mt-5"></div>
    <hr />
<footer>
        <ul class="list-inline text-center">
        <li class="list-inline-item">© 2017 Das Wordpress</li>
        <li class="list-inline-item"><a href="/topics">Topics</a></li>
        <li class="list-inline-item"><a href="#">Terms</a></li>
        <li class="list-inline-item"><a href="#">Privacy Policy</a></li>
        </ul>
</footer>

</div>     
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
  </body>
<div id="statcounter_image" style="display:none;"><a
title="Web Analytics" href="http://statcounter.com/"
class="statcounter"><img
src="//c.statcounter.com/11617041/0/9011aa5b/1/" alt="Web
Analytics"  /></a></div>
</html>