Code Display

Super Duper Code Display kann eigentlich nur etwas: Code anzeigen 😀

Aber wieso kann es nur Code anzeigen? Damit jemand Beispiele auf seiner Webseite oder seinem Blog darstellen kann. Ob das CSS, JS, PHP oder anderer Code ist. Manchmal braucht man einfach nur ein paar kleine Snippets, um den Lesern zu zeigen: So einfach gehts.

Gerade wenn man zum Beispiel MySQL Befehle sucht oder PHP Anweisungen. Auch bei CSS kann es sehr nützlich sein. Wenn ich also nur den Code in die Webseite einbaue, dann mache ich die Seite kaputt. Mit diesem Plugin kannst Du den Code einfach anzeigen lassen, ohne die Seite kaputt zu machen.

Kurz gesagt, du kannst mit diesem Plugin einen Codeblock in Deine Webseite einfügen, ohne sie zu beschädigen und der Codeblock wird auch nicht ausgeführt.

Du kannst folgenden Code anzeigen lassen:

PHP, JavaScript, TypeScript, JSX, CSS, SCSS, Less, HTML, XML, SVG, SQL, Bash/Shell, Python, JSON, YAML, Markdown, Apache Config/.htaccess, Nginx Config, INI, Git, Dockerfile, Regex.

Was der Codeblock kann

• Vier Designs – Light, Dark, GitHub und Monokai
• Zeilennummern – auf Wunsch ein- oder ausblendbar
• Kopieren-Knopf – ein Klick, und der Code liegt in der Zwischenablage
• Zeilen hervorheben – einzelne Zeilen oder Bereiche betonen, zum Beispiel highlight="3,5-7"
• Optionaler Titel – etwa der Dateiname über dem Block
• Responsiv – sieht auf jedem Gerät gut aus
• Sparsam – die Skripte und Styles laden nur auf Seiten, auf denen wirklich Code steht

Wie du ihn einfügst

• Gutenberg-Block – im Block-Einfüger nach „Code Display“ suchen oder /code-display tippen
• Klassischer Editor – Knopf in der Werkzeugleiste, der ein Eingabefenster öffnet
• Page Builder – als Widget in Elementor (Kategorie „Super Duper“), als Modul in Divi und Beaver Builder, als Element in WPBakery
• Shortcode – [sdcd language="php" theme="dark" line_numbers="true" copy_button="true"]

Technisches

• WordPress 6.4 oder neuer, PHP 8.0 oder neuer
• Vollständig auf Deutsch für die DACH-Region übersetzt

🇨🇭🇩🇪🇦🇹 Hinweis für DACH-Nutzer: Plugin und Support sind auf Deutsch (Schweiz/Deutschland/Österreich) verfügbar.