タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

oEmbedとWordPressに関するmimosafaのブックマーク (3)

  • WordPress 4.4 から 他サイトの記事を引用埋め込みできるようになった「Embed」

    WordPress4.4 からは、他のブログ (oEmbed対応) の記事を埋め込み表示できるようになりました。もちろん WordPress4.4どうしでしたら 記事のURLを貼るだけで簡単に引用表示できます。 という事で WordPress4.4のoEmbed機能を調べてみました。 Embed Embedを使うのは簡単です。投稿欄にURLを入れるだけで 相手側が対応していれば 表示されます。WordPress4.4では 対応の対象は投稿ページか固定ページになります。 アイキャッチ画像 アイキャッチ画像は画像の縦横比をチェックして表示する場所を変えています。 横サイズ/縦サイズ が 1.75以上の場合(横長)は上部に、それ未満の場合は内部に表示されます。 タイトル the_title() を使って表示しています。 抜粋 the_excerpt_embed()を使って表示しています。内部を見

    WordPress 4.4 から 他サイトの記事を引用埋め込みできるようになった「Embed」
  • はてなブログの「ブログカード」をWordPressのoEmbedに対応させる方法

    先月末にはてなブログがリリースした「ブログカード」。 はてなブログの記事をきれいに記事中に挿入できるという機能ですが、これがoEmbed APIに対応しているということで、WordPressでもURLを貼り付けたら挿入できるように対応させてみました。 Image via. はてなブログ 当ブログではSSL対応を実施しましたが、はてなブログカードはhttpsに対応しておらず、読み込むことができません。そのため記事中に掲載したはてなブログカードは非表示となっております。ご注意ください。 どういうものかというと、こういうもの。 ※CSSでwidthとmarginを調整してます。 (はてなブログで)自分の記事はもちろんのこと、はてなブログのリンクを挿入すると、こうしたカード形式に整形されたボックスとして展開され、記事タイトルや概要、アイキャッチ画像がまとめて表示されるわけですね。 こういうのいいな

    はてなブログの「ブログカード」をWordPressのoEmbedに対応させる方法
  • WordPress の oEmbed をテンプレート内で使用する方法

    WordPress には oEmbed という機能が備わっており、動画や画像などの外部コンテンツを簡単に埋め込み表示することができます。例えば記事入力の際に YouTube のある動画ページの URL を貼り付けるだけで動画が表示されたり、Twitter のツイートの URL を貼り付けるだけでツイートを掲載することができたりします。 テンプレート内で oEmbed を使用する この便利な oEmbed を記事入力欄ではなくテンプレート内で使用することができます。次のようなコードで実装できます。 // $url に YouTube の URL 等を渡す $embed_code = wp_oembed_get( $url ); echo $embed_code; 埋め込まれる画像や動画のサイズはグローバル変数「$content_width」の値が使用されますが、wp_oembed_get の

    WordPress の oEmbed をテンプレート内で使用する方法
  • 1