WordPress上でHTML/CSS/JSのデモを表示するために「Codepen」を導入した

Tweet

WordPress上でコードを「表示する」だけであれば「Syntax Highlighter Evolved」を用いれば良いが、さらにコードを「動かすデモ」を見せたければ「CodePen」を使用する。

See the Pen test by nakanishi (@nakanishi) on CodePen.

Embed→HTML→ソースをC&Pする

まずは保存していることを確認して、Embedからソースを表示し、C&Pする。