WordPress WP Social Bookmark Light

WordPress WP Social Bookmark Light


 

本業に活かせる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


  • このエントリーをはてなブックマークに追加
  •    
  • 0
    follow us in feedly

関連記事

STINGER3

WordPress STINGER3の修正した方がいい7つのポイント

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

記事を読む

wordpress

WordPress プラグインAll In One SEO Pack

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

記事を読む

WordPressログイン画面

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

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

記事を読む

no image

WordPressの設定 その2 SNSとの連携

WordPressの設定 その2 その2は、SNSとの連携について・・・ くまはちの覚書

記事を読む

STINGER3

WordPressのテーマ STINGER3

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

記事を読む

WordPress

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

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

記事を読む

投稿一覧

ブログ記事が増えてきたら目次が必要

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

記事を読む

アメブロ

ブログのアクセスアップ とその前に・・・

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

記事を読む

no image

WordPress設定のはじまり・・・

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

記事を読む

IEのアイコン表示

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

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

記事を読む

仕事に活かすためのブログシェア
予約投稿でソーシャルメディアに投稿する

    本業に活かせるFacebook

Facebook
SNSやブログを仕事に活かすための個別レッスン

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

アメブロ
くまはちが制作したアメブロは、アクセスが増えます!

くまはちが制作したアメブロは、アクセスが増えます! くま

ダイエットして身も心も美しく歳を重ねるために・・・
アメブロから集客できるには、理由があるんです!

アメブロで集客できます。 よく聞く言葉ですよね。

くまはち
繰り返し投稿すると・・・

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

→もっと見る

  • メルマガ登録

    E-Mail

    Name

    powered byメール配信CGI acmailer
     
  • Instagram
     

     

     
    Pinterest
     
    pixiv
     
  • 2017年3月
    « 6月    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
PAGE TOP ↑