Wie man anderen erlaubt, Ihre WordPress Beiträge einzubetten

Embedding ist mittlerweile zur Norm geworden, wenn es darum geht, Inhalte auf Websites zu teilen. In WordPress ist das Einbetten von Inhalten von Websites wie Youtube, Twitter und SoundCloud dank der oEmbed-API ganz einfach. Fügen Sie einfach den Link in den Post-Inhalt ein und WordPress analysiert den Link sofort und rendert ihn in ein präsentables Format.

Aber was hältst du von der Idee, einen WordPress-Post einzubetten, ähnlich wie wir einen Tweet oder ein Youtube-Video einbetten würden? Den Lesern die Möglichkeit zu geben, Ihren Beitrag einzubetten, würde Ihre Website-Präsenz und Zuschauerzahlen von anderen Websites sicherlich erhöhen .

Diese originelle Idee wird in der WordPress-Entwicklergruppe diskutiert, um in Zukunft in die WordPress Core-Funktionalität aufgenommen zu werden. Aber ab sofort können wir es mit Hilfe eines Plugins namens oEmbed API in unserem Blog anwenden.

Anfangen

Zunächst einmal benötigt dieses Plugin mindestens WordPress 4.3, also stellen Sie sicher, dass Ihre Website aktualisiert wurde. Installiere das oEmbed API Plugin. Die Website muss online verfügbar sein, andernfalls könnte die Einbettung fehlschlagen.

Sobald das Plugin aktiviert ist, können Sie eine URL für den Postpermalink kopieren und in den anderen Website-Inhalt oder in einen Beitrag in Ihrem eigenen Blog einfügen. So sieht der eingebettete Inhalt aus:

Der eingebettete Inhalt ist gut angelegt. Es zeigt den Post-Titel, den Auszug, den Site-Namen, die Anzahl der Kommentare und die Share-Schaltfläche, die den Post- Permalink zum Einbetten des Inhalts anzeigt. Und das ist im Wesentlichen alles, was Sie tun müssen.

Wenn Sie mit der Standardausgabe zufrieden sind, können Sie hier aufhören. Wenn Sie jedoch weitere Anpassungsoptionen wünschen, können Sie hier ein paar Dinge tun.

Ändern Sie das Symbol

Einer der Gründe, warum dieses Plugin die neueste WordPress-Version benötigt, ist das Favicon. Die Möglichkeit, Favicons nativ über das Dashboard hinzuzufügen, wurde erst in 4.3 eingeführt. Dies bedeutet aber auch, dass Ihr eingebetteter Inhalt mit dem WordPress-Icon in Verbindung mit Ihrem Site-Namen angezeigt wird.

Für uns scheint das irrelevant, da der Inhalt von unserer Seite kommt, nicht von WordPress. Wir möchten stattdessen unser Website-Logo mit unserem Site-Namen verlinken. Gehen Sie dazu auf die Registerkarte Darstellung> Anpassen> Website-Identität .

Laden Sie das Bildsymbol hier hoch und speichern Sie die Änderungen. Sie sehen dann das Website-Symbol, das Sie in den eingebetteten Inhalt hochgeladen haben. So sehen unsere aus:

Aktionen und Filter

Aktionen und Filter sind zwei Methoden, mit denen wir Ausgaben in WordPress anpassen können. In der aktuellen Phase kommt das Plugin jedoch nicht mit bestimmten Aktionen oder Filtern, die in das CSS oder JavaScript eingebunden werden können.

Es bietet jedoch eine rest_oembed_output Aktion, die wir zum Hinzufügen neuer Inhalte als Teil der endgültigen Ausgabe verwenden können, einschließlich eines Inline-Stils. Es ist nicht ideal, aber zumindest können Sie die Stile des eingebetteten Inhalts überschreiben.

Im Folgenden finden Sie ein Beispiel für einen Code, den Sie in Ihr Thema functions.php einfügen functions.php, um die Schriftart in den Serifen-Typ zu konvertieren.

 Funktion hkdc_oembed_output () {?> 
Ein weiterer Hook, mit dem wir die Ausgabe anpassen können, ist der Filter rest_oembed_output_excerpt_length, mit dem wir im Post-Auszug eine Wortgrenze rest_oembed_output_excerpt_length können. Die Standardlänge ist auf 35 . Also, sagen wir, wir möchten es auf 28 verkürzen, fügen Sie einfach die folgende Funktion hinzu:
 Funktion hkdc_oembed_excerpt_length () {return 28; } add_filter ('rest_oembed_output_excerpt_length', 'hkdc_oembed_excerpt_length', 9); 
Ändern Sie einfach die return nach Bedarf.
Einpacken 
Derzeit befindet sich die oEmbed-API noch in der Entwicklungsphase, was ein Grund dafür sein könnte, dass sie noch nicht über genügend Hooks für die Änderung von Inhalten verfügt. Hoffentlich werden, wenn die Codes ausgebügelt werden, weitere Hooks hinzugefügt
Sie können den Entwicklungsfortschritt in den Github-Tickets sowie im WordPress-Entwickler-Thread verfolgen. Alles in allem wird dies eine großartige Ergänzung für WordPress sein.







        

          
          

		  
Mischen Sie Ihre eigenen CSS-Verläufe mit dieser kostenlosen Web App
            
Jeder Webdesigner sollte über CSS3-Gradienten Bescheid wissen. Sie gibt es schon seit Jahren und sie werden von allen gängigen Browsern unterstützt.Und jetzt können Sie mit kostenlosen Web-Apps wie Blend CSS3-Verläufe direkt mit visuellen Editoren im Browser erstellen. Sie können zwischen linearen und radialen Farbverläufen wählen, während Sie mit Farben mischen.Die erst
			
(Tech- und Design-Tipps)
          
        
      

        

          
          

		  
The Dead Simple Guide zum grundlegenden Logo Design
            
Wenn Sie an Logo denken, was Ihnen in den Sinn kommt? Ein golden gewölbter M, ein Haufen Linien und Kreise oder vielleicht nur eine süße kleine Form? Warum muss "Logo Design" dann eine Aufgabe sein, die nur auf einen hochprofessionellen Computerfreak beschränkt ist, der über alle möglichen Programme verfügt? Um eh
			
(Tech- und Design-Tipps)