WordPress バージョン4.4以降から、記事のリンクURLを直接入力するだけでアイキャッチやリンクの詳細を誰でも簡単に引用が行えるよう、oEmbed規格を採用しました。
実際に記事を埋め込みしてみます。
———-埋め込みここから———-
———-埋め込みここまで———-
URLをコピペするだけで上記のように綺麗に埋め込みリンクを生成してくれます。
この機能、使いこなすと凄く便利なのです。しかし
喜んだのもつかの間・・・・実はこの便利機能には罠がありました。
それは、スマホで回覧するとレスポンシブ化されないという問題です。
おいっ！画面切れてるやんけ！！！
ソースを見てみるとどうやらテーマ自体にコード修正を加えないとレスポンシブ表示ができないようです。
実は1年ほど前にもyoutubeがoEmbed規格に対応したことでWordPress記事内でURLのみで動画を挿入できるようになっておりましたがこちらも結局レスポンシブ表示させるためにはコードの修正が必要でした。
せっかくなので弊社でoEmbedで埋め込んだコンテンツをレスポンシブ化するプラグインを作ってみました。
oembed-responsive導入方法
以下からダウンロードを行い、プラグインとしてWordPressに直接インストールしてください。それ以外の設定は一切必要ありません。
プラグインを導入することで以後対応サイトのURLを挿入するだけで以下のようにテキストや写真がレスポンシブ対応になります。
多くのwebサービスに対応しています。
その他以下のwebサービスにも対応しているはずです。（oEmbed統一規格なのでたぶん大丈夫です。全ての確認はしておりませんのでご了承ください）
- youtube
- Dailymotion
- Vimeo
- hulu
- Flickr
- SlideShare
- Imgur
株式会社ウィズ・プランニング 代表取締役
北海道北見市留辺蘂町を拠点に、ホームページ制作・システム開発・アプリ開発・デザイン制作をはじめ、AIを活用した業務改善やマーケティング支援など、インターネットビジネス全般を手掛ける。
AIを活用したホームページ運営プラットフォーム「OptiB（オプティブ）」、地域の情報発信・集客プラットフォーム「みんなのタウンマップ」の開発者・運営者。
これまで300社を超えるWebサイト・システム制作に携わり、上場企業やテレビ・CMで活躍する企業、芸能プロダクションなど、多様な業種のWebプロジェクトを担当。
近年は生成AIの専門家として、企業・自治体・各種団体向けのセミナー・研修に登壇し、AI導入、業務効率化、DX推進を支援している。
「ホームページを作るだけでは終わらせない」をコンセプトに、企画・開発・マーケティング・運用まで一貫した支援を行う。
趣味はベースギター、一眼レフカメラ、腕時計収集、海外旅行。
