web-dev-qa-db-ja.com

Facebookのlike-boxをカスタマイズする

Facebookのlike-boxのデザインをカスタマイズしたいと思います。 iveはすでにネットを検索してすべての指示に従います。これはiveが試したリンクですが、古くなっているようです。

http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

webにはたくさんのチュートリアルがありますが、同じ解決策があります。

これでほぼ2時間立ち往生しています。誰かがいいねボックスをカスタマイズする方法を知っていますか？

あなたの助けは大歓迎です。

cssiframefacebookfacebook-like
17
EVG
  1. ここからXFBMLコードを取得します： http://developers.facebook.com/docs/reference/plugins/like-box/#
  2. Fb：like-boxの名前をfb：fanに変更します
  3. あなたのウェブサイトにあなたのcssファイルをアップロードしてください
  4. 次のパラメータをfbタグに追加します：profile_id = "ID OF YOUR PAGE" css = "http://example.com/css/your-cutom-style.css?1"

楽しい ：）

22
Weltkind

ウェルトキンドはそれを正しく理解しました。秘訣は、<fb:like-box>を<fb:fan>に変更するときに、profile_id属性も含める必要があるということですまたは何も表示されません！私のようにファンページのURLの名前を変更しました。元の番号は、インサイトページから取得できます。私はウェルトキンドに賛成票を投じるつもりですが、まだ十分な評判がありません。ドー。 :)

5
mdpatrick

Facebookには「ウィザード」があり、許可されているすべてのオプションとスタイルをほぼ提供します。

http://developers.facebook.com/docs/reference/plugins/like

http://developers.facebook.com/docs/reference/plugins/like-box

2
Brent Baisley

Iframeメソッドをカスタマイズすることはできません。ただし、独自のcssを介してxfbmlメソッドをカスタマイズできます。このページを参照してください： Facebookファンボックスをカスタマイズする方法

1
Marc

あなたの問題は正確には何ですか？提供されているリンクの説明はかなりうまく機能します。変更を加えてアップロードするたびに、cssファイルの「？1」パラメータを必ず更新してください。

あなたがリンクを持っているなら、私はあなたをさらに助けることができます。

1
tobiasmay

Htmlコードを使用してFacebookのようなボックスをカスタマイズできます。最も簡単な方法は、この手順に従います。

<div id="facebooklikebox-3" class="widget widget_FacebookLikeBox"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/607728429342897" width="290" show_faces="true" border_color="AAAAAA" stream="false" header="true" class=" fb_iframe_widget" fb-xfbml-state="rendered" ><span style="vertical-align: bottom; width: 290px; height: 400px;"><iframe name="f25883e0a8" width="290px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="yes" title="fb:like_box Facebook Social Plugin" style="border: none; visibility: visible; height: 400px;" class=""></iframe></span></fb:like-box></div>

このコードをHTMLコードに入れて、iframeのURLをFacebookページのURLに置き換えます。

あなたはリファレンスを得ることができます ここ

0
Miral Viroja