WordPress + Markdown

環境

  • CentOS7
  • PHP7.x
  • WordPress5.x

Markdown

プラグインを色々試したけど、
結果 github にあったものを使うことにした。

プラグインだと投稿内容を保存すると、
Markdown記述がHTMLタグに書き換えられるので、
個人的に使い辛かった。

ただプラグインなどで対応できない所(特に魔改造してしまった箇所)は、
基本的にデメリットが必ずついてくるので注意。

Composer でインストール

$ cd /path/to/your/project
$ bin/composer require cebe/markdown "~1.2.0"

vendor を読み込む

# wordpress/wp-config.php

## 下記コードを最終行に追加

/**
 * vendor
 */
require( ABSPATH . '../vendor/autoload.php' );

functions.php

# wordpress/wp-content/themes/子テーマ/functions.php

# 下記コード追加

/**
 * https://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/the_content
 * https://developer.wordpress.org/reference/functions/the_content/
 */
add_action( 'the_content', 'the_content_override' );
function the_content_override($more_link_text = null, $strip_teaser = false) {
	$parser = new \cebe\markdown\GithubMarkdown();
	$parser->enableNewlines = true;
	$content = get_the_content($more_link_text, $strip_teaser);
	$content = apply_filters('the_content_override', $content);
	echo $parser->parse($content);
}

投稿画面

コードエディター(テキストモード)を選択し、
下記内容をコピペして確認する。

# 見出しH1

テキストテキスト
テキストテキスト

テキストテキスト

* リスト
* リスト2

## 見出しH2

シンタックスハイライト

Markdown で HTMLコードなどを書いた時にに色を付ける。

使用したプラグイン

関連投稿