0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

サイトにFacebookを埋め込む

Posted at

■ はじめに

タイトルについて記事にしました。
この記事で得る内容は以下の通りです。

・ CSSの基礎知識が増える
・ ページにFacebookの公開ページを埋め込む方法

■ 方法

1 まずページプラグインに移動します

2 Facebookの公開ページ元のURLを入力します。他オプションについては、少し下にプレビューがありますので見比べて選択します

スクリーンショット 2020-11-09 11.12.31.png

3 コードを取得をクリックします

スクリーンショット 2020-11-09 11.21.20.png

4 モーダルでコードが出てきますので、2つともコピーして(IFrameの方が楽かも?)

スクリーンショット 2020-11-09 11.24.29.png

5 自分はhaml愛用者なので、せかせか貼り付けて変換してから

スクリーンショット 2020-11-09 11.30.17.png

6 エディタに貼り付けて、ハッシュ記法を直して

スクリーンショット 2020-11-09 11.37.24.png

7 無事、サイトにFacebookを埋め込むことができました

スクリーンショット 2020-11-09 11.44.34.png

なお、細かい設定について、ページプラグインのコードを取得の下に書いてあるので
サイトのビューや用途に応じて色々変更することができます

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?