Zobrazujeme na WordPress webu barevně zvýrazněné zdrojové kódy

⚠️ Pozor: obrázky z tohoto příspěvku se ztratily při výpadku v roce 2016. Chybějící obrázky nahradí automaticky vtipným placeholderem plugin Broken Image Placeholder.

Už jsem to sice zjistil dávno že mi přestalo fungovat zobrazení zdrojových kódů ale neměl jsem do teď čas to příliš řešit. Teď jsem se na to konečně mrknul. Ve nápovědě WordPressu jsem našel způsob jak by měl WordPress údajně umět zobrazit zdrojový kód pomocí shortcode [code][/code]

Nefungovalo to na jazyk csharp, zkoušel jsem i jiné varianty jako místo code dát sourcecode a místo language jen lang. WordPress jsem si pro jistotu před tím aktualizoval na nejnovější verzi. Když jsem viděl že to nejde nijak, aktivoval jsem si znovu plugin SyntaxHighlighter Evolved .

Pak už jen stačí malá změna – místo: [code language=”csharp” title=”Titulek”][/code] napíšete kratší verzi: [csharp title=”Titulek”][/csharp] Title proto že jsem zkoušel a funguje a měli by fungovat všechny, obě 2 sdílí stejný syntax highlighter . Výhody:

  • Neescapujete HTML
  • Na jeden klik máte k dispozici všechny brushe a témata, nic nemusíte ručně uploadovat na hosting
  • Nepřepínáte z editoru Visual do Text/Html
  • Stahují se pouze Brushe které stránka potřebuje:

syntaxhighlighter-for-wp-nacita-jen-brushe-ktere-potrebuje
Nevýhody:

  • Nesmíte updatovat článek, jinak se vám z třeba > stane > atd. ani přes Text místo Visual. (Proto bych doporučoval článek si napsat v textovém editoru, tam provádět změny a ty pak jen dát na wordpress – editor Text)

A jen malá ukázka že to funguje:

XML
<html></html>

Leave a Reply

Your email address will not be published. Required fields are marked *