iFrame link als Code anzeigen, aber wie?

Wenn ich bei Nutzung des Theme Twenty Twenty in einer Seite einen Code-Block einfüge und dort den Code eines iFrame einfüge (in diesem Fall eine Google Map), sieht das im Ergebnis so aus:

(zum Vergrößern anklicken)

Gibt es sonst noch wichtige Details, die uns zu einer Beurteilung fehlen?

Zum Beispiel wie du die Custom Fields ausgibst?

Wenn du nur das HTML ausgeben, aber nicht ausführen möchtest, kannst du die spitzen Klammern der Tags umschreiben:

(zum Vergrößern anklicken)

Soviel zu „Gibt es sonst noch wichtige Details, die uns zu einer Beurteilung fehlen?“ …

Du könntest einen eigenen Shortcode schreiben, der das Custom Field abruft, mit einer Funktion in Character Entities umwandelt und ausgibt. Du kannst doch ein bisschen PHP?

Soviel zu „Gibt es sonst noch wichtige Details, die uns zu einer Beurteilung fehlen?“ … 😆

Du brauchst dich nicht nach einem PHP-Skript umsehen, dass HTML-Tags in Character Entities umwandelt – das stellt WordPress selbst in der Funktion esc_html() zur Verfügung.

Du kannst dann folgenden Code in der functions.php eines Child-Themes anhängen oder mit dem Plugin Code Snippets folgendes Code-Snippet erstellen:

add_shortcode( 'customfieldcode', 'shortcode_customfieldcode' );
function shortcode_customfieldcode() {
	global $post;
	$field = get_post_meta( 
		$post_id = $post->ID, 
		$key     = 'mein_code', 
		$single  = true 
	);
	
	$out = '<pre><code class="meincode">';
	$out .= esc_html( $field );
	$out .= '</code></pre>';
	
	return $out;
}

Damit hast du dann einen Shortcode [customfieldcode], den du in den Text eines Beitrags oder einer Seite einfügen kannst und der den Inhalt des Custom Field mein_code als vorformatierten Code ausgibt. Die Bezeichnung des Shortcodes und Custom Field kannst du an deine Bedürfnisse anpassen.

Die Ausgabe des Codes kannst du mit der CSS-Klasse .meincode nach Belieben gestalten.

… und wer macht jetzt das Licht aus markiert den Thread jetzt als „gelöst“? 💡 🤣