Share

StumbleUpon Badge を配置する

WordPress の Single ページに StumbleUpon Badge を配置するために Create a StumbleUpon Badge にあるコードを記述したら、以下のエラーがでてしまいました。 Unable to post message to http://www.stumbleupon.com. Recipient has origin http://… . 直接な原因はわからないのですが、エラーを出さないために以下のコードを記述することにしました。 Badge Layout 1

Published: 2012年4月27日 | 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 の「いいね!」ボタンを、プラグインを使わずに手動で配置場合は、下記のコードを記述します。 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