Wie theme Code Blöcke formatiert von der Prettify.js mit WP-Markdown eingebettet?

Ich habe einige Themen für prettify.js gefunden und möchte sie in meinem Blog verwenden. Wie die Theme Gallery sagt, kann ich einfach eines der Themen herunterladen, die CSS-Datei in ‘prettify.css’ umbenennen und das Original überschreiben, um ein neues Thema anzuwenden.

Da ich jedoch WP-Markdown verwende, werden die Codeblöcke durch die eingebettete Datei prettify.js formatiert, und diese Datei prettify.js wird vom Plug-in-Code geladen, und das Plug-in-Verzeichnis enthält keine Datei namens prettify.css .

Die Verwendung von prettify.js im Plugin scheint nicht dieselbe zu sein wie die von google-code-prettify's .

Also, wie sollte ich ein Thema auf diese prettify.js anwenden?

Solutions Collecting From Web of "Wie theme Code Blöcke formatiert von der Prettify.js mit WP-Markdown eingebettet?"

Das vom Plug-in verwendete demo.css heißt eigentlich demo.css – siehe Datei . (Ich weiß, es hat damit angefangen, dass ich nie dazu gekommen bin, es etwas angemessener zu nennen). Das Plug-in benötigt mehr CSS, die einfach nur verschönern: zum Beispiel, um die Vorschau-Box, die Toolbar etc. zu gestalten. Das Ersetzen des Inhalts von demo.css mit deinem Vorschau-Thema wird also nicht funktionieren.

Aber innerhalb der demo.css gibt es zwei Zeilen , die das komprimierte Prettify-Thema enthalten. Sie sollten das durch ein beliebiges Thema ersetzen können …

Sie sollten jedoch Plug-In-Dateien niemals direkt bearbeiten. Obwohl dies in diesem Fall unwahrscheinlich ist, kann dies unbeabsichtigte Folgen haben. Vor allem aber gehen Ihre Änderungen beim Update verloren.

Also hier ist eine bessere Möglichkeit, die CSS-Datei eines Plug-Ins zu ersetzen.

  1. Kopiere die CSS-Datei in dein Theme ( wp-markdown.css umbenennen, sagen wir – weil das Sinn macht).
  2. Nehmen Sie Änderungen an der Kopie in Ihrem Design vor.

  3. Registrieren Sie das Standard-CSS und registrieren Sie Ihre eigene Kopie erneut

Der Code:

  add_action( 'wp_enqueue_scripts', 'wpse82441_wpmarkdown_replacement_style', 20 ); function wpse82441_wpmarkdown_replacement_style(){ wp_deregister_style( 'md_style' ); //Deregister the style wp_enqueue_script( 'md_style', //Re-register the style get_template_directory_uri() . '/wp-markdown.css', //Point to the copy in your theme ); }