WordPress Plugin: AH Code Highlighter

Das Syntax Code Highlighting der Profis mit sieben Themes zur Darstellung deines Codes.

Download von WordPress »

AH Code Highlighter – The Best Syntax Highlighting for WordPress

AH Code Highlighter: Really simple to use and extrem lightweigt Code Syntax Highlighting with 7 different code highlighting themes. You can highlight your code with or without line numbers. It is based on Lea Verou’s Prism.js.

Prism is used on several big websites like the Smashing Magazine, A list Apart, CSS Tricks, SitePoint and Drupal, because it is fast, simple and lightweight.

AH Code Highlighter supports PHP, HTML, CSS, JavaScript, Apache, Http, Sess, Lass, Markdown, Nginx, MySql, Xml, Mathml and Clike.

DE:

Wenn Du ein leichtgewichtiges Code Highlighting Plugin suchst, um in Deinen Artikeln den Code anständig formatiert auszugeben, dann solltest Du das »AH Code Highlighter« Plugin in Betracht ziehen. Es ist extrem leichtgewichtig und sorgt für eine schicke Formatierung Deines Codes. Du kannst zwischen sieben verschiedenen Themes zur Darstellung deines Codes wählen.

Der AH Code Highlighter

Mein Plugin nutzt das bekannte Prism.js von Lea Verou, um den Code zu stylen. Viele wirklich große Websites nutzen Prism.js, um Ihre Code-Snippets anständig formatiert darzustellen.

Zum Beispiel:

Du befindest Dich also in guter Gesellschaft, wenn Du dieses Plugin ebenfalls nutzen möchtest.

Was genau macht mein Plugin?

»AH Code Highlighter« stellt dir einen Button im WordPress-Schreibeditor bereit, der einen Generator aufruft.

Der Button des AH Code Highlighter Plugins

Der Button des AH Code Highlighter Plugins

Der Button stellt dir ein Fenster bereit, in das du deinen Code eingeben kannst. Du musst nur noch die richtige Sprache einstellen, entscheiden, ob du die Zeilennummern anzeigen möchtest und fertig bist du.

Unterstützt werden folgende Programmiersprachen: PHP, HTML, CSS, JavaScript, Apache, Http, Sess, Lass, Markdown, Nginx, MySql, Xml, Mathml und Clike.

Der Generator des AH Code Highlighter Plugins

Der Generator des AH Code Highlighter Plugins

Das Endergebnis siehst du etwas weiter unten. Du kannst auf der Admin-Optionen-Seite zwischen sieben verschiedenen Themes für das Highlighting deines Codes wählen.

Die Optionen des AH Code Highlighter Plugins

Die Optionen des AH Code Highlighter Plugins

Download von WordPress

Demo des Plugins:

<?php

// Ab hier kopieren
/**
 * Shortcode zum Erstellen einer Liste mit den neuesten Beiträgen
 * Die neuesten 10 Beiträge werden angezeigt
 * 
 * @param $atts
 * @param $content
 * 
 * @return string
 */
function tb_recent_posts_shortcode($atts, $content = NULL)
{
    $atts = shortcode_atts(
        [
            'orderby' => 'date',
            'posts_per_page' => '10'
        ], $atts, 'recent-posts' );
    
    $query = new WP_Query( $atts );

    $output = '<ul class="recent-posts">';

    while($query->have_posts()) : $query->the_post();

        $output .= '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a> - <small>' . get_the_date() . '</small></li>';

    endwhile;

    wp_reset_query();

    return $output . '</ul>';
}
add_shortcode('recent-posts', 'tb_recent_posts_shortcode');

2 Kommentare zu “AH Code Highlighter – The Best Syntax Highlighting for WordPress

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

* Die Checkbox für die Zustimmung zur Speicherung ist nach DSGVO zwingend.

Ich stimme zu.