WEBマーケティングブログ

月別アーカイブ

2012.11.15

【誰でもWEB】Facebookを表示しよう!!

Facebookのプラグインを利用して、誰でもWEBにFacebookの最新投稿を表示します。

実際に入れてみました

方法

1.Facebookプラグインのコードを取得

Facebookプラグインサイトにアクセス

②[facebook Page Url]に表示したいFacebookページのURLを入れる

③[GetCode]ボタンを押す

④ダイアログが出るので[IFRAME]を押し、コードをコピーする。(下図)

2.誰でもWEBでFacebook用のフリーパーツを作る

①誰でもWEB操作パネル[作成]-[フリーパーツ]を押す

②フリーパーツ作成ウィンドウの下にある[+]アイコンを押す

③適当にタイトルを入力

④編集エリアの[ソース]ボタンを押してからコードを貼り付け

⑤コードを次の通り修正
<iframe src="// ~
          ↓
<iframe src="http:// ~

3.作ったフリーパーツをブロックレイアウトで配置

①Facebookを表示したいページで右クリック

②[ブロックレイアウト]-[ブロックレイアウト]を押す

③好きな所に作ったフリーパーツをドラッグ&ドロップで配置

あれっ、横幅がサイトに合わない…

2-⑤の手順でソースコード中のwidth:***;となってる部分の数値を変更して下さい。100%とすると自動で横幅ピッタリになるので便利です。(下図)

":"や";"を間違って消さないようにしてくださいね。

このページの先頭へ戻る