パソコン ネットで集客 WordPressはじめませんか? WordPress ドメイン取得

WordPress WP Social Bookmark Light

このエントリーを Google ブックマーク に追加
LINEで送る
Pocket

 

本業に活かせるFacebook講師ブログ開設サポート

しているくまはちです!

Facebookページ

FBMasterくまはちいいねお願いします。

Google+ページに+1お願いします。

ソーシャルメディア活用してます。(^-^)

くまはち

今日は、「WordPress WP Social Bookmark Light」です。

日々更新していくブログ

やり始めの頃と違って最近では、ソーシャルメディアとの連携が当たり前になってきました。

WordPressレンタルサーバーで運用する場合に自分で設定して表示させなければいけませんね。

そんな時に使いたいプラグインWP Social Bookmark Lightです。

WP Social Bookmark Light

上の画像で赤枠部分がWP Social Bookmark Lightの部分です。

意外と簡単に設置できるプラグインなんですが、注意点ももちろんありますよ。

くまはちの場合、ボタンを活用してもらいやすいように記事の上と下に両方配置してます。

これは、うえせい(上原誠司)さんのセミナーで聞いたことですね。

聞いていいなと思うとすぐに実行してます。

WP Social Bookmark Light

画像赤枠部分ですね。

Bothを選択すると上と下にソーシャルブックマーク表示します。

 

ここで注意点を先に解説しますね!

WP Social Bookmark Light

画像赤枠のFBのタブ開きます。

Facebookのいいねボタンに関する設定ですね。

WP Social Bookmark Light

赤枠の部分に注目してください。

初期設定は、xfbmlになってると思います。

表示確認してみます。

表示確認パソコン

PCで見る限り何の問題もないように見えます。

ただ、最近はスマホで見ていただく方も多いわけで・・・

スマホで見てみます。

 

表示確認iPhone

iPhoneで見てみました。

Androidでも表示同じです。

ブラウザから見た状態ですね。

おかしいのわかりますか?

いいねボタンがずれていますね。

このままでは、ブサイク( ・ิ,_ゝ・ิ)プッですよね。

これを修正しましょ。

 

WP Social Bookmark Light

赤枠部分をiframeに変更しました。

ここの選択肢がxfbml html5 iframeの3つあるんですが、スマホを考えた場合は、html5は、却下されますね。

初期設定のxfbmlは、ずれてカッコ悪いのでiframeというわけです。

どちらも今は、ずれることなく表示していますよ。

WP Social Bookmark Lightの一番の注意点ですね。

Facebookのいいねボタンだけは外せないでしょう。

 

Google+

次にGoogle+ボタンについて

初期設定では、数字なしですがFacebookいいねTwitterのボタンで数字が出ているのでGoogle+も表示してみる。

Annotationの所を変更します。

初期設定では、noneになってます。

真ん中のbubbleに変更します。

これで保存すると数字が出ます。

また、Google+のボタンは、できるだけ右端がいいです。

ボタンの間隔が開きすぎたりする可能性があります。

 

スタイルシート

ボタンの間隔は、スタイルシートで調整します。

赤枠の部分になります。

 

導入方法については、プラグイン→新規追加→検索で探してからインストールしてくださいね。

できない方は、こちら↓

http://kumahachi.me/page-232/page-980

 

最後にちょっと宣伝

神戸・大阪・明石でセミナーやってますよ。

セミナー情報は、こちら

ノブ横地さん・徳本 昌大さんの著書です。

くまはちがおすすめの本です。(^-^)

アメクリップ
つながる・広がる・アクセスアップ【アメクリップ】

最後まで読んでいただき有難うございます。

ではでは、くまはちでした。(^-^)

シェアする

応援ポチよろしく!

にほんブログ村 ネットブログ Facebookへにほんブログ村 IT技術ブログ ITコンサルティングへにほんブログ村 ネットブログへ
にほんブログ村

Facebook ブログランキングへ
私を登録 by BlogPeople

The following two tabs change content below.
システムエンジニア 1998年よりホームページ作成を始めHTMLで書く作成方法を得意としていたが、近年は、WordPressを使った作成方法に切り替えて作成しています。 WordPressの普及によって楽になった部分も多い中でいろんなテーマがあるんですが、手の届かない部分があるんですね。そういった部分を補正したり修正したりすることもよくやってます。

WEBのことならくまはちLABにお任せください。
阪神間を中心にお仕事させていただいております。

サービス案内   施工事例   ブログ
 
お問い合わせ

このエントリーを Google ブックマーク に追加
LINEで送る
Pocket

関連記事

WordPress プラグインAll In One SEO Pack 続編

Facebook講師とブログ開設サポート しているくまはちです! Facebookページ

記事を読む

WordPress プラグインAll In One SEO Pack

Facebook講師とブログ開設サポート しているくまはちです! Facebookページ

記事を読む

WordPress Stinger3改造編

  本業に活かせるFacebook講師とブログ開設サポート しているくまはちです!

記事を読む

WEBページのアイコン変更してみる

くまはちです! Facebookページの FBMasterくまはちにいいねお願いします。

記事を読む

WordPress 不具合出ることもあります!

  本業に活かせるFacebook講師とブログ開設サポート しているくまはちです!

記事を読む

no image

WordPress設定のはじまり・・・

WordPressの設定 まずはじめにアクセスするのは、こちらの画面ですね。 イ

記事を読む

ブログについてるFacebookのいいね

  本業に活かせるFacebook講師とブログ開設サポート しているくまはちで

記事を読む

WordPress無料版とインストール型の違い

  本業に活かせるFacebook講師とブログ開設サポート しているくまはちで

記事を読む

WordPress プラグインって何?

Facebook講師とブログ開設サポート しているくまはちです! Facebookページ

記事を読む

ブログランキング活用 検証してみました

くまはちです! SEO対策というよりは、 アクセスの集め方の方が ハマってる感じで

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

メルマガ登録

E-Mail

お名前

powered byメール配信CGI acmailer

 

お問い合わせ窓口

運営会社 くまはちLAB  

24時間メールお問合わせ

 

  

あなたに捧げる名言・格言

ウェブサイトで使える色コードの見本

本業に活かせるFacebook講師とブログ開設サポート している

Twitterマニア
アメブロのHTMLタグにちょっとした工夫

Facebook講師とブログ開設サポート しているくまはちです!

WEBページのアイコン変更してみる

くまはちです! Facebookページの FBMaster

WordPress 不具合出ることもあります!

  本業に活かせるFacebook講師とブログ開設サポート

WordPress Stinger3改造編

  本業に活かせるFacebook講師とブログ開設サポート

→もっと見る