注目キーワード
  1. CSS
  2. WordPree
  3. Amazfit Bip

Embedlyの使い方🌼外部リンクのブログカードが簡単に作成出来ます。

Embedlyは外部リンクのブログカードを簡単に作成出来るサービスです。

こんな方におすすめ

  • 外部リンクを目立たせたい
  • 外部リンクの画像を見せたい
  • テーマに依存しないブログカードにしたい
  • 重くなるプラグインは避けたい

二通りの使い方をご紹介いたします。

Embedly どんな見た目のブログカードなの?

アイキャッチ画像によって少し違うけれど、だいたいこの様な見た目です。
タイトルや記事は消したり編集したり出来ます。

スポンサーリンク

使用例

吹き出しの中に入れてみました。

Embedlyの使い方

Embedly 使い方
Windows Chromeの画面です。
+Embedの部分をブックマックバーにドラッグします。
ブックマックバーに+Embedが追加されました。
Embedly 使い方



ブログカードにしたい外部リンク先に行き、ブックマックバーの+Embedを押すと編集画面になります。

Embedly 使い方

左下のマークをクリックすると、大きい画像・小さい画像が切り替わります。
右上のcancelを押すと画像を削除できます。

Embedly 使い方
クリックで文章の編集ができます。
右上のcancelを押すと削除できます。

Embedly 使い方

クリックで文章の編集ができます。



HTMLをコピーして、記事にペーストすれば出来上がりです!
Embedly 使い方

Embedlyの使い方 その2

https://embed.ly/code に行き、ブログカードにしたい外部リンクを入力します。
Embedly 使い方

Social Buttonsはマウスオーバー時のSNSバーのオン・オフの切り替え、Dark Themeは背景の切り替え、Widthで幅を設定できます。
Embedly 使い方


Embed Codeをコピーして、記事にペーストすれば出来上がりです!

さいごに

是非使ってみてください!CSSのカスタマイズ例は、のちほど追記すると思います。

0