2018.06.27Hacksスポンサーリンク先月末にはてなブログがリリースした「ブログカード」。APIに対応しているということで、WordPressでもURLを貼り付けたら挿入できるように対応させてみました。はてなブログ当ブログではSSL対応を実施しましたが、はてなブログカードはhttpsに対応しておらず、読み込むことができません。そのため記事中に掲載したはてなブログカードは非表示となっております。いうものかというと、こういうもの。※CSSでwidthとmarginを調整してます。(はてなブログで)自分の記事はもちろんのこと、はてなブログのリンクを挿入すると、こうしたカード形式に整形されたボックスとして展開され、記事タイトルや概要、アイキャッチ画像がまとめて表示されるわけですね。APIに対応しているというじゃありませんか。APIを公開しました。APIは、外部サイトへのメディア埋め込みを可能にするoEmbedフォーマットに準拠しており、先日公開した「ブログカード」の埋め込みコードなど、はてなブログの記事情報をAPI経由で取得することができます。これにより、oEmbedで提供されるコンテンツの埋め込みに対応したツールやサイトで、はてなブログの記事をブログカードの形式で表示するように設定、あるいは開発を行うことができます。当APIで取得できる記事は、公開範囲が「すべ...staff.hatenablog.comWordPressはoEmbedに対応していて、なおかつWordPressが標準で対応するサイト以外にも追加することができるので、ちょっくらfunctions.phpに一文追加して対応させてみました。'https://hatenablog.com/oembed');はい。これだけの記述を加えるだけで、はてなブログの「ブログカード」に対応することができます。素晴らしきかなWordPress。これだとはてなブログでも独自ドメインを使ったものについては、どうもうまく表示されないんですよね。http://*と記述して試してみたところ、独自ドメインのはてなブログでもブログカードになりました(上のクックパッドがそれ)。使い方は至って簡単で、WordPressで記事を書くときに、リンクしたいブログがはてなブログなら、記事のURLをそのままペーストするだけです。投稿後に再編集したりすると整形されてURLがpタグで囲まれて機能しなくなる恐れがあるので、そのあたりは注意してください。外部リンクと内部リンクのスタイルも合わせてみたで。ひとつおまけにちょろちょろっと作業しました。当ブログでは、記事内で外部サイトや当ブログ内の記事を紹介するときに、サムネイル付きのリンクで紹介することがあるんですが、これをブログカードのスタイルに近づけてみました。