カテゴリー
WordPress

【WordPress】Jetpack Markdown と SyntaxHighlighter Evolved を使う設定

Jetpack Markdown と SyntaxHighlighter Evolved を使うように変更いたしました!

そのときのポイントや、変更した設定などの項目をノートしておきます♪

ポイント

  • マークダウン記法は、テキストエディタでのみ使用可能。 ビジュアルエディタでは使用できない。
  • テキストエディタからビジュアルエディタへ切り替えるとコードのインデント空白が削除されてしまう。 これに対応するにはビジュアルエディタを使わないようにするしか無い。
  • Jetpack プラグインの Markdown で書いたコードは、SyntaxHighlighter Evolved プラグインを通してシンタックスハイライト表示できる。
  • SyntaxHighlighter Evolved プラグインは、ショートコードだけでなく、<pre> タグにも対応している。
  • マークアップリファレンス↓
    Markdown quick reference — Support — WordPress.com
  • Jetpack のマークアップに対応したプログラミング言語↓
    Posting Source Code — Support — WordPress.com

変更点・設定内容など

新しく導入や変更した設定したこと

  • Jetpack プラグインの Markdown をオンにした。
  • SyntaxHighlighter Evolved プラグインをインストールした。
  • WordPress の、ユーザー > あなたのプロフィール、ビジュアルリッチエディターを使用しないにチェックを打ち、ビジュアルエディタの機能自体をオフにした。

SyntaxHighlighter Evolved をインストールしますと、プラグイン一覧画面で次のようにありましたの。

TIP: Don’t use the Visual editor if you don’t want your code mangled. TinyMCE will “clean up” your HTML.

ポイントにも書きましたけれども、ビジュアルエディタに切り替えますと TinyMCE の働きによってコードが編集されてしまいます。ですのでビジュアルエディタを停止いたしました。

SyntaxHighlighter Evolved プラグイン設定

  • テーマ: Eclipse
  • すべてのブラシを読み込む: チェックを打った。ショートコードではなく、<pre> タグを直接使用するため
    他の設定
カテゴリー
WordPress

【WordPress】◆最小限◆ TinyMCE Advanced の設定変えました♪◆シンプル◆【こり過ぎない】

スクリーンショット 2013-03-26 22.07.23.png

WordPress プラグイン、TinyMCE Advanced インストール後からの変更点

  • を追加
  • 引用を追加
  • 取り消し線を追加
カテゴリー
WordPress

TinyMCE Advanced を導入して設定を変更しました!あっ、WordPress プラグインのお話ですっ!

スクリーンショット 2013-03-09 16.23.55.png

※画像が消えてしまいましたので、2013年3月9日(土)に画像を撮り直しました。TinyMCE Advanced バージョン 3.5.8 です。

WordPress ブログに TinyMCE Advanced をインストールし、表、引用ボタンを追加するよう設定しました。