X

iframe in WordPress ohne Plugin einbetten

Schnipsel von IsItWP

Möchten Sie einen iFrame auf Ihrer WordPress-Seite einbetten? Wahrscheinlich gibt es ein Plugin dafür, aber Sie können diesen einfachen Code-Schnipsel zu functions.php hinzufügen, um einen iFrame mit einem Shortcode einzubetten.

Anweisungen:

Sie müssen diesen Code nur zur functions.php-Datei Ihres Themes oder in ein websitespezifisches Plugin einfügen:

add_shortcode('iframe', array('iframe_shortcode', 'shortcode'));
class iframe_shortcode {
    function shortcode($atts, $content=null) {
          extract(shortcode_atts(array(
               'url'      => '',
               'scrolling'      => 'no',
               'width'      => '100%',
               'height'      => '500',
               'frameborder'      => '0',
               'marginheight'      => '0',
          ), $atts));

          if (empty($url)) return '<!-- Iframe: You did not enter a valid URL -->';

     return '<iframe src="'.$url.'" title="" width="'.$width.'" height="'.$height.'" scrolling="'.$scrolling.'" frameborder="'.$frameborder.'" marginheight="'.$marginheight.'"><a href="'.$url.'" target="_blank">'.$url.'</a></iframe>';
    }
}

Hier ist ein Beispiel, wie man den iFrame mit einem Shortcode einbettet.

[iframe url="http://wpsnipp.com" width="100" height="100" scrolling="yes" frameborder="1" marginheight="2"]

Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzuf ilde{A}gen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress kopieren / einf ilde{A}gen, damit Sie Ihre Website nicht versehentlich besch ilde{A}digen.

Wenn Ihnen dieses Code-Snippet gefallen hat, ziehen Sie bitte in Betracht, unsere anderen Artikel auf der Website zu lesen, wie z. B.: 62 beste kostenlose WordPress-Blog-Themes oder 7 beste WordPress-Kontaktformular-Plugins.

Kommentare   Hinterlasse eine Antwort

  1. Facciolini Rosetta 13. November 2015 um 14:12 Uhr

    Großartig! Danke.
    Ich wünschte nur, die Höhe wäre responsiv, oder wenn sie festgelegt ist, z.B. 'height' => '300', verschwindet bei einem kleinen Monitor ein Teil des Inhalts.

  2. Freut mich, dass es Ihnen gefällt!  Ein Dank geht an @tweetsfromchris:twitter dafür, eigentlich!

  3. Danke! Tolle und nützliche Funktion. 

    1. Cool, freut mich, dass Ihnen der Schnipsel gefällt. Ein Dank geht an Justin dafür!

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.

WordPress Launch Checkliste

Die ultimative Checkliste für den Start von WordPress

Wir haben alle wichtigen Checklistenpunkte für den Start Ihrer nächsten WordPress-Website in einem praktischen E-Book zusammengefasst.
Ja, senden Sie mir das kostenlose E-Book!