Facebook

Facebook のサムネイル画像のキャッシュを削除

Facebook のウォールやニュースフィードに、URL を入力すると、対象の Web サイトの情報 (サムネイル画像など) が表示されます。 これらは「シェアする」ボタンを押した際に、Facebook にキャッシュされてしまうので、Web ページを更新しても、キャッシュが残っているために、新しい情報に置き換わりません。 Debugger (旧 URL Linter) を使うと、Facebook のウォールやニュースフィードに投稿した Web サイトのキャッシュを簡単に削除 (クリア, 空に) するとができます。 操作方法は簡単です。以下の URL にアクセスして、キャッシュを削除 (クリア, 空に) したい URL を入力後「デバッグ」をクリックするだけです。 Debugger http://developers.facebook.com/tools/debug

Published: 2011年9月12日 | Category & Tags: Web サイト制作, | Comment: 0

WordPress プラグインを使わずにシェアボタン配置

WordPress でプラグインを使わずにカウント入りボックス型シェアボタンを配置する。 Twitter のシェアボタンを配置 Tweet <a href=”https://twitter.com/share” class=”twitter-share-button” data-count=”vertical” data-via=”User Name”>Tweet</a><script type=”text/javascript” src=”//platform.twitter.com/widgets.js”></script> Facebook のシェアボタンを配置 <iframe src=”http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&layout=box_count&show_faces=false&width=50&action=like&colorscheme=light&height=62″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:74px; height […]

Published: 2011年8月12日 | Category & Tags: Web サイト制作, , , , , | Comment: 0

Facebook のコメント欄を配置する

WordPress に、Facebook のコメント欄を配置する場合は、以下のプラグインを使用するのが手軽です。 wp-facebook-comment.zip をダウンロード後、wp-facebook-comment.php を plugins フォルダにアップロードします。 後は、配置したい場所に下記のコードを記述すれば OK! WordPress のタグ <?php the_permalink(); ?> を使って、記事ごとの URL を自動で取得します。 <script src=”http://connect.facebook.net/ja_JP/all.js#xfbml=1″></script> <fb:comments href=”<?php the_permalink(); ?>” width=”400″></fb:comments> サイズを変更したい場合は width=”400″ の数値を変更してください。

Published: 2011年7月8日 | Category & Tags: Web サイト制作, , | Comment: 0

手動で Facebook の「いいね!」ボタンを配置する

WordPress で、記事ごとに Facebook の「いいね!」ボタンを、プラグインを使わずに手動で配置場合は、下記のコードを記述します。 WordPress のタグ <?php the_permalink(); ?> を使って、記事ごとの URL を自動で取得します。 <iframe src=”http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;layout=button_count&amp;show_faces=true&amp;width=120&amp;action=like&amp;colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:120px; height:22px;”></iframe> ボタンのレイアウトを変更したい場合は、 layout=button_count&amp; を layout=standard&amp; に変更します。

Published: 2011年6月4日 | Category & Tags: Web サイト制作, , , | Comment: 0