WordPress で draw.io をつかう方法(執筆中)

ブログ記事を書くときに図示が必要な場面があるかと思います。イラレやPowerPointやCanvaなどを使っても良いのですが、簡単な図であれば draw.io が便利です。

ということで WordPress で draw.io を使う方法を紹介します。

draw.io とは

以下が公式サイト

以下の記事がわかり易い

WordPressプラグインはない

最初は、WordPressプラグインをインストールすれば使えるだろうと考えていたのですが、検索してみたところどうも適切なプラグインは無いようです。

DrawIt というプラグインは見つかりましたが、最終更新が6年前なのでさすがに無理そうです。

検索でひっかかったのは2件だけ

HTMLとして埋め込むだけでOK

draw.io で図を作成したら、「ファイル>埋め込み>HTML」を選びます。

draw.io でHTMLを出力する

オプションを指定して「作成する」を選びます。

最後に、作成されたHTMLをコピーします。

WordPress 側では、「カスタムHTML」ブロックを追加して、そこに先ほどコピーしたHTMLを貼り付けるだけです。

/html と打って、ブロックを追加する

まとめ

紹介しました。