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活用による経営DXの専門家
北海道留辺蘂町——人口6,000人に満たない小さな町を拠点に、独自の集客ノウハウと綿密な導線設計で、東京・大阪・名古屋・福岡・沖縄、さらには海外まで広がるクライアントネットワークを築く。立地は成果の制約にならない、という信念の体現者。
大手上場企業や芸能プロダクションをはじめ、全国の企業・店舗のWebサイト制作・デザインに携わり、一貫して掲げるのは「成果につながるマーケティング設計」。見栄えだけで終わらせず、”売れる仕組み”までを設計することを信条とする。
とりわけ高い評価を得ているのが、LINE公式アカウントやエルメッセージを活用した自動化導線の構築、WordPressを基盤とした売れるホームページ制作、ユーザー心理に基づくコンバージョン設計(CV導線の最適化)。
時事通信出版局公認スクール「生成AI経営マスターアカデミー」(株式会社A&S運営)では、AI分野のゲスト講師として3度の登壇実績を持つ。
「小さな企業でも、正しい戦略と仕組み、そしてAIの力があれば、全国・世界へ発信できる」を信念に、地域密着型の支援と全国展開を両立。デザイン × マーケティング × 生成AI を融合したDX推進を通じて、北海道から全国・海外へ価値を届けている。
趣味はベースギターと一眼レフカメラ、腕時計収集、そして旅行。
