設置簡単!常にソーシャルシェアボタンが表示されるようにしてみたの巻 WordPress ShareBar
公開日:
:
最終更新日:2012/11/24
WEB
ソーシャルシェアのボタン設置は簡単でした
ネットで調べてみると、フローティングして常に表示するソーシャルボタンがあることが判りました
これは、なかなか便利じゃないかと!
早速、やってみましょう
今回、ソーシャルボタンで表示するのは3種類
FaceBook、Twitter、はてなブックマークです
【準備するもの】
・WORDPRESS ShareBar
で、やることは、2つ
はてなブックマークボタンの取得とShareBarの設定です
PlugInの画面でShareBarを選択すると表示するボタンが現れます
ここではFaceBookとTwitterを選択して有効化
で、有効にすると出現
でも、はてなブックマークが表示されないのと、FaceBookの枠が途切れているので追加と修正します
まず、はてぶの設定から
はてぶのページからボタンの設定を作成・コピーします
はてなブックマークの設定については、こちらから
はてなブックマークボタンの作成・設置について
大小それぞれのアイコンで作成して、ShareBarの追加ボタンから追加設定画面を呼び出し、コピペ
あと、FaceBookの設定も呼び出し、値を修正します
幅が足りないので拡大します
こちらはBigButton
<iframe src="http://www.facebook.com/plugins/like.php?href=[url]&layout=box_count&show_faces=false&width=65&action=like&colorscheme=light&height=45" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:65px;" allowTransparency="true"></iframe>
こちらはSmallButton
<iframe src="http://www.facebook.com/plugins/like.php?href=[url]&layout=button_count&show_faces=false&width=120&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe>
Widthの値を変えただけなんですけどね
で、ちゃんと途切れることなく、はてぶも表示されるようになりました
このフローティングするソーシャルボタンは良いのですが、トップページ(INDEXページ)で表示されないので、いずれ修正しないといけませんね
【参考にしたページ】
常にソーシャルネットワークでの共有をアピール: WordPressのSharebarプラグイン | ブログヘラルド
PC
関連記事
-
WordPressの写真に白枠をつける巻
WORDPRESSの写真に白枠をつけてみました WORDPRESSのバージョンアップを繰り返し
-
「あっという間に月25万PVをかせぐ人気ブログのつくり方―これだけやれば成功する50の方法」を3つに分析!
「あっという間に月25万PVをかせぐ人気ブログのつくり方―これだけやれば成功する50の方法」を3つに
-
人気記事が更新されないと思ったら、WordPress Popular Postsのデータクリアが必要だった
先日、気記事が更新されないと思い、WordPress Popular Postsのリセットを
-
WordPressのスマホ画面にGoogleAdsenseを表示するには
WPtouchというプラグインを使うとWordPressで簡単にスマホ画面にレイアウト崩れな
-
WordPress popular postsの表示を変更する巻
Wordpress popular postsの表示を変更しました Wordpress pop
-
文字化け対策のWP Multibyte Patchをインストールするの巻
国内のWPホストだと、自動的にインストールされるWP Multibyte Patchをインス
-
LinkWithInのYou might also likeを変える巻
LinkWithInのYou might also likeを変える方法 WordPressの
-
もう簡単、記入するだけ! WPtouchでGoogle adsense広告を打ってみたの巻
あっという間にモバイル向けアドセンスが簡単にできました このブログのモバイル向け表示に
-
リンクの色を変える巻
CSSを使ってリンクしている文字の色を変更します ちょっとサイトに手を入れだしたら止まりません
-
WordPressのテーブル作表はこのプラグイン! Editor Extender
WordPressでテーブルの表作りが簡単になります ちょっとした表を作りたくて、テー