AnchorCMSにSyntax Highlighterを導入した

onodai145 カテゴリに収録： AnchorCMS

2016-04-10 2018-05-20 約 300 字約 1 分で読めます

コードとか綺麗に見せたいよね

Syntax Highlighter is 何

コードに色を付けて綺麗に表示してくれるアレです(どれ)
今回はPrismを使いました

導入方法

DLページから適当にDLする
prism.jsをthemes/{your-theme-name}/jsに、prism.cssをthemes/{your-theme-name}/cssに置く
header.phpに以下を追記

&lt;link rel="stylesheet" type="text/css" href="&lt;?php echo theme_url('css/prism.css'); ?&gt;"&gt;
&lt;script type="text/javascript" src="&lt;?php echo theme_url('js/prism.js'); ?&gt;"&gt;&lt;/script&gt;

使い方

<pre><code class="language-hogehoge>で囲んであげる

&lt;pre&gt;&lt;code class="language-php&gt;  
&lt;link rel="stylesheet" type="text/css" href="&lt;?php echo theme_url('css/prism.css'); ?&gt;"&gt;  
&lt;script type="text/javascript" src="&lt;?php echo theme_url('js/prism.js'); ?&gt;"&gt;&lt;/script&gt;  
&lt;/code&gt;&lt;/pre&gt;

phpとかhtmlとかうまくSyntax Highlightされない時があるんですけど助けてください