【WordPress】WordPressのブログカード埋め込みを格好よくするEmbedly

研究
OLYMPUS PEN E-PL9 (c)Maya
この記事は約1分で読めます。

Embedly makes your content more engaging and easier to share | Embedly

The most effective platform on the web to engage your audience through rich media embeds. Get features like images, video, polls, slideshows, music, live video, forms, gifs, infographics and more automatically. Sign Up See More Embedly supports over 700+ Official Content Providers.

折角OGPを登録したのに画像や抜粋が綺麗に表示されない場合、
こんな感じの埋め込みがプラグインで格好よく作れます。

なおWordPressのJetPackの埋め込みに不満があり、ググってEmbedlyのCode Generatorやブックマークレットを使っていました。

Embed Code Generator | Embedly

Thanks for visiting our embed code generator. The generator itself has moved to the Embedly Dashboard and can be located on the main page once you sign in or create an account. We moved it behind a sign-in wall to provide your end users with the best experience possible.

Bookmarklet: instantly generate a Card for any web page. | Embedly

Get a Card for any URL, right from your browser. This is a faster workflow perfect for bloggers and power users of Cards.

いずれもソースコードをコピペしないとならないので手間だなぁ…と思っていたら、WordPressのプラグインがありました。

Embedly WordPress | Embedly

Enrich your storytelling with beautiful embedded content that’s easy to share. In addition to the default WordPress embedding, you can embed previews of any article, content from Gfycat, Twitch, Etsy, Storify, Quora, Google Maps, and many more. Check out our growing list of 700+ providers.

ブロックエディタでもURL貼るだけで埋め込みが取得できます。

但し、たまに失敗しますw
githubのembed用には別途プラグインを導入しました。

Embed Block for GitHub

This plugin adds a GitHub Repository Embed Block to the Block Editor. It is developed on GitHub. Contributions welcome! Special thanks: -@pedro-mendonca for i18n/l10n fixes and portuguese translation. -@vsc55 for Dark Mode Enhancement, full code refresh and spanish translation. Install the plugin and activate. Go to the editor and choose GitHub Repo block.

その他のURLの場合はCode Generatorで対応しています。

以上、どなたかのお役に立てば。

コメント

タイトルとURLをコピーしました