こんにちは！ひまりこです。
外注ライターさんに直接、WordPress（ワードプレス）に投稿してもらって、Instagram(インスタ)やTwitter(ツイッター) Pinterestの埋め込みもお願いしたら、うまく表示されない！そんな時の対処法をご紹介します。
解決のヒントは、「投稿者」とiframeです。プラグインを使えば簡単に解決できます☆
1. ワードプレスにインスタやツイッターを埋め込んでみたときの表示
まずは、外注ライターさんを「投稿者」としてユーザー登録し、ワードプレスにインスタやツイッターを埋め込んでもらった時の表示がこちら。
グレー背景で画像が表示されない状態です。
表示されない原因
インスタやツイッターの埋め込みがきちんと表示されない原因は、「投稿者」という権限。投稿者の投稿ではiframeというタグが無効になり、コードが正確に埋め込むことができない設定になってます。
インスタやツイッターなどの「埋め込み」という行為は、下手したらウィルスも埋め込まれてしまう危険性があります。なので、ワードプレスは安全対策として管理者以外の権限に埋め込みできないように設定されています。
function.phpのプラグインを使った対処法
ただ、やっぱり不便なので対処法を探ったところ、function.phpにiframeを無効化しないでーというコードを追加する方法がありました。
でも・・・
function.phpはかなりデリケートで、少しでもスペースや全角、などミスがあるとワードプレスが真っ白になっちゃいます、、 （経験あり）
そこで、function.phpにコードを追加できるプラグインがないか探ったところありました！
Code Snippets
Code Snippets というプラグインになります。
インストール＆有効化したら、サイドバーかプラグイン一覧より、「Snippets」をクリック。
新規でコードを追加したいので、Add New を選択し、管理しやすいように名前をつけて、以下のコードを追加します。
add_filter('content_save_pre','iframe_save_pre'); function iframe_save_pre($content){ global $allowedposttags; $allowedposttags['iframe'] = array('class' => array () , 'src'=>array() , 'width'=>array(), 'height'=>array() , 'frameborder' => array() , 'scrolling'=>array(), 'marginheight'=>array(), 'marginwidth'=>array()); return $content;}（参照：https://100webdesign.jp/services/wordpress/wp_result/wp_result-23480/）
変更を保存したら、表示を確認してみると・・・無事に表示できました☆
まとめ
外注ライターさんに記事投稿をお願いする時、これでインスタやツイッターの埋め込みも可能に♪
プラグインを使えば簡単に＆安全にfunciton.phpにコードを追加できます。ワードプレスを真っ白に・・というリスクもなくなってとても便利ですね。
月収10万円〜100万円達成まで！
主婦さんのブログ実績者多数の
サロン情報も発信中です！
※読者さん限定特典あり！
メルマガでは、4つの動画プレゼント中！
- ネットビジネスは何から始めたらいいか
- ネットビジネス未経験だったひまりこが初心者の頃どのような行動をして3ヶ月で手応えを感じ、4ヶ月目で月収10万円達成したのか
- 50人以上実際に教えて月収10万円から400万円以上稼がせてきたのか
教えてきた経験＆事例を存分に盛り込んで稼ぐために、理想のライフスタイルを実現させるために必要なことが学べる内容となっています！＾＾
そして、オンライン講座に登録いただいた感謝を込めて、すぐに学べるプレゼントをご用意いたしました！いずれも動画と文章で解説しています☆
さらには、リアルタイムメルマガでは
- サロンで実際にどんな活動をしているのか
- 勉強会の様子
- メンバーさんの成長の様子
などもお伝えしています！
登録はこちらから！
↓↓
