WordPressにMindmeisterのマインドマップを埋め込みたい人
こんにちは、ちゃる(@charl_222)です
思考の整理にはかかせないマインドマップ。
今回は、その中でも特にユーザー数の多いMindmeisterのマップを
WordPressに埋め込む方法を画像たっぷりで、分かりやすくご紹介します。
手順① 埋め込みコードの入手
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_1024,h_643/https://tora-bible.com/wp-content/uploads/2020/09/①-1024x643.png)
Mindmeisterの操作画面の左下にある[共有]ボタンから、[シェア設定]をクリック
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_1024,h_635/https://tora-bible.com/wp-content/uploads/2020/09/ ②-1024x635.png)
次に、[マップを埋め込み…]のリンクをクリック。
[新しいリンク]の方をクリックすると共有リンクのURLが更新されるだけなので、注意!
もう少し分かりやすい配置にしてほしいですね笑
僕は、一度埋め込みコード入手後に、もう一度入手したいと思った時に、
何度も[新しいリンク]の方を押してしまって、かなり嵌りました笑
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_1024,h_639/https://tora-bible.com/wp-content/uploads/2020/09/③-1024x639.png)
埋め込みコードをコピーすれば、OKです!
手順② 埋め込みコードをWordpressに貼り付け
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_1024,h_598/https://tora-bible.com/wp-content/uploads/2020/09/④-1024x598.png)
WordPress投稿画面のブロックエディタ(上図⑤参照)をクリックし、
[カスタムHTML]をクリック。
カスタムHTMLが出てこない場合は、「すべてを表示」をクリックすると出てきます。
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_1024,h_581/https://tora-bible.com/wp-content/uploads/2020/09/⑤-1024x581.png)
後は、カスタムHTMLの部分にコードを貼り付ければ、完成です!
うまく行けば、下のようにMindmeisterのマップが埋め込まれてます。
おまけ:Mindmeisterのメリットちょっとだけ
Mindmeisterで埋め込んだマップは、ライブアップデート機能を有効にすると、
もとのマインドマップを更新すると自動で更新されます!
いちいちコードを貼り付ける必要がないので、けっこう便利だと思います。
マインドマップは、一度使ってみて、相性が良い人はかなり有意義なツールになると思います。
気になる方は、無料で使えるので、下記リンクからMindmeister使ってみてください。
それでは、また!
コメント