WordPressプラグインを「SyntaxHighlighter Evolved」を使ってみる。

WEB開発

WordPressに「SyntaxHighlighter Evolved」をインストールする方法

1.「ダッシュボード」→「プラグイン」→「新規追加」を選択します。

2.キーワードに”SyntaxHighlighter Evolved”と入力します。

”SyntaxHighlighter Evolved”が表示されますので、”今すぐインストール”を選択します。

3.インストールが終了すると、次に”有効化”を選択します。

「SyntaxHighlighter Evolved」の設定

1.「ダッシュボード」→「設定」→「SyntaxHighlighte」を選択します。

記事にソースコードを表示する

1.「ダッシュボード」→「投稿」→「新規追加」を選択します

2.ブロックを挿入する。

①投稿画面左上の”⊕”を選択する。
②”フォーマット”を選択する。
③”SyntaxHighlighter Code”を選択する。

3・ソースコードを入力する。

・”Tip: To the right,choose a code language from the block settings”欄に
ソースコードを入力する。

4.言語を指定する。

今回のサンプルコードはC#のため、コード言語を”C#” を選択する。

・デフォルト

・Django

・EClipse

・Emacs

・Fade to Grey

・Midnight

・RDrak

参考サイト

WordPressの新エディタGutenbergでのSyntaxHighlighterの利用

コメント

タイトルとURLをコピーしました