So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

Mit und ohne Plugin

BerĂŒcksichtigen Sie, wie oft Sie eine Website besucht haben, aber auf Ihrer Website völlig andere Website-Inhalte gefunden haben. UnabhĂ€ngig davon, ob es sich um Videos, Bilder oder Portfolio-Seiten handelt, wirft das Anzeigen auf einer völlig anderen Website die Frage nach “gĂŒltigem Teilen von Inhalten” auf.

Wenn Sie eine WordPress-Website mit meinen Multimedia-Inhalten besitzen, mĂŒssen Sie sich irgendwann mit Speicherproblemen fĂŒr Ihre Video- / Audio- / Bildinhalte befassen. Das Hochladen von Videos, Bildern und solchen Inhalten auf ihre Server fĂŒllt den Speicherplatz. Es gibt genĂŒgend Platz fĂŒr UnterkĂŒnfte, bevor alles ausgeht.

UnabhÀngig davon, ob Inhalte oder Speicherplatz gemeinsam genutzt werden, werden diese Probleme durch das Einbetten von Inhalten von einer separaten Website oder Domain in Ihre Posts gelöst. Der einfachste Weg, dies zu tun, ist die Verwendung von IFrames.

Was ist IFrame?

IFrames werden heutzutage auf fast jeder Website und Webseite verwendet, und das aus gutem Grund. Mit IFrames können Sie ein Mittel erstellen, um Inhalte oder Webseiten auf und von einer völlig anderen Website anzuzeigen, ohne sich um Inhaltsdiebstahl oder UrheberrechtsvorwĂŒrfe sorgen zu mĂŒssen.

GrundsĂ€tzlich funktionieren IFrames so, dass Sie beim EinfĂŒgen eine andere Webseite irgendwo auf Ihrer eigenen Webseite anzeigen können. Auf Code kann nicht direkt innerhalb einer eingebetteten Webseite zugegriffen werden, wodurch ein gewisses GefĂŒhl des Inhaltsschutzes entsteht.

Warum sollten wir iFrame verwenden?

NatĂŒrlich gibt es andere Methoden zum Einbetten von Inhalten, z. B. die Verwendung von AJAX- oder HTML5-Webparts oder anderen, aber in vielen FĂ€llen ist iFrame einfach eine bessere Option. Zum einen wird die iFrame-Einbettung fĂŒr domĂ€nenĂŒbergreifende Inhalte verwendet, normalerweise fĂŒr visuelle Inhalte. Dies bedeutet, dass der Benutzer einer Website die ausgewĂ€hlten Ressourcen einer separaten Website frei anfordern und anzeigen kann, der Zugriff oder die Manipulation des Elements oder Codes selbst jedoch eingeschrĂ€nkt ist.

DarĂŒber hinaus können Sie mit IFrames ganz einfach Anzeigen auf Ihrer Website schalten und problemlos mehrere iFrames auf einer einzigen Webseite konfigurieren. Dies ist immer dann nĂŒtzlich, wenn Sie Ihre Website monetarisieren möchten.

Betten Sie visuelle Inhalte mit IFrames ein

IFrames werden auch hĂ€ufig zum Einbetten von visuellen und akustischen Inhalten verwendet. UnabhĂ€ngig davon, ob es sich um Video, Audio oder Bilder handelt, empfiehlt es sich, iFrames zur Vorschau dieses Inhalts zu verwenden, da Sie sie problemlos auf externen Quellen und Servern hosten und problemlos verknĂŒpfen können.

Dies erleichtert das Teilen Ihrer Inhalte, da andere Websitebesitzer Ihre Videos auch problemlos in ihren Posts verwenden können und die Zielgruppe und Webanalysen ebenfalls mit Ihnen geteilt werden.

Hochladen auf Websites von Drittanbietern wie Youtube, Vimeo, Dailymotion usw. spart Platz und erhÀlt die ZugÀnglichkeit.

Wie man iFrame ohne Plugin in WordPress einbettet

Das EinfĂŒgen von WordPress iFrame ist einfacher als Sie denken. Die herkömmliche Methode hierfĂŒr ist die Verwendung der HTML-Attribute. Nehmen Sie dazu einfach die URL der Seite, die Sie einbetten möchten, und verwenden Sie sie als Tag-Quelle. So wird Ihr Code:

   

Wenn Sie möchten, können Sie Ihrem Tag weitere Parameter hinzufĂŒgen. Sie können das IFrame-Fenster mithilfe der folgenden Parameter definieren:

  • Breite Höhe – Definieren Sie fĂŒr die Höhe und Breite des iFrame-Fensters Werte in Px
  • Bilderrandbereich – Um die Rahmengrenze ein- oder auszublenden, verwenden Sie die Werte “0” oder “1”.
  • Antreten – Um die Ausrichtung der Fensterseite zu definieren, verwenden Sie die Werte “left”, “right”, “right”, “up”, “down”.
  • Verschiebung – Deaktivieren oder Aktivieren des Bildlaufs innerhalb des Fensters. Verwenden Sie die Werte “Ja”, “Nein” oder

Dann fĂŒgen Sie einfach Ihren Code in das ein Texteditor von Ihrem WordPress-Beitrag, und das sollte Ihren Beitrag leicht zeigen. Zum Beispiel können wir die URL “https://themegrill.com” als Quelle verwenden. Und erstellen Sie ein Tag fĂŒr unsere eingebettete Seite. Wenn wir dann die hinzugefĂŒgten Attribute fĂŒr die Anpassung verwenden, erhalten wir:

  

WordPress-Iframe-Demo-Code-ohne-Plugin "width =" 941 "height =" 385 "srcset =" https://themegrill.com/blog/wp-content/uploads/2018/02/WordPress-Iframe-Demo -Code-Without-Plugin.png 941w, https://themegrill.com/blog/wp-content/uploads/2018/02/WordPress-Iframe-Demo-Code-Without-Plugin-300x123.png 300w, https: / /themegrill.com/blog/wp-content/uploads/2018/02/WordPress-Iframe-Demo-Code-Without-Plugin-768x314.png 768w "GrĂ¶ĂŸen =" (maximale Breite: 941px) 100vw, 941px "></p>
<div class=

Dies sollte das Ergebnis ergeben von:

Jetzt können Plugins WordPress iFrames einfach konfigurieren und weitere Anpassungen hinzufĂŒgen. Jetzt können wir die Arbeitsweise jedes einzelnen Plugins nicht erklĂ€ren, aber die Grundidee sollte universell sein, und die meisten gĂ€ngigen Einbettungs-Plugins sollten in einem Ă€hnlichen Prozess funktionieren.

In diesem Zusammenhang haben wir dieses erweiterte Michael Dempfle iFrame-Plugin ausgewÀhlt.