rakuishi.com

[WordPress] SlideShare がプレビューで表示されない時の対処法

先日、「なでしこ」講座の記事で、 Pawerpoint や keynote などのスライドを共有できる SlideShare を初めて利用してみました。

しかし、SlideShare で取得したタグを WordPress のエディタにぺたりと貼り付けても、プレビューで表示することができず、あるはずの領域に広がる一面の銀世界。

改めてタグを見てみると、iframe タグが使われてるのが怪しかったので、調べてみるとどうやら、WordPress は標準で iframe タグを消してしまう親切というか有難迷惑な設計らしいのです(iframe ウイルスというのがあるらしいので、たぶん親切です)。

二通りの表示方法があるみたいなので、紹介します。

1. プラグインで表示する

簡単な方法は、プラグインを導入することです。探せばなんでもあるのが、WordPress の素晴らしい点ですよね。

Download » WordPress › TSL iframe unfilter « WordPress Plugins

2. テーマのための関数をいじる

お使いのテーマの関数 function.php の <?php 〜 ?> 内に、以下のコードを貼り付けます。

function extended_enable_elements($init) {
  $init['extended_valid_elements']="iframe[src|width|height|name|align|style|scrolling|marginwidth|marginheight|frameborder]";
  return $init;
}

参考:wordpress で iframe タグが使えない - 解決方法 | トミリュウ・コム

これで、SlideShare がうまく表示されるはずです。