1. TOP
  2. Social Media TabsでSNSを有効活用!導入方法は?

Social Media TabsでSNSを有効活用!導入方法は?

ワードプレス この記事は約 4 分で読めます。

ネットビジネスにおけるSNSの重要性は、
現在誰もが認めるところじゃないでしょうか。

今回はSNSをスマートに表示できるプラグイン、
Social Media Tabsについてご紹介します。

Social Media Tabsのインストール方法

まずはダッシュボードの「プラグイン」→「新規追加」をクリック。

2014-05-04_222525

検索バーに「Social Media Tabs」と入力し、「プラグインの検索」をクリック。

2014-06-29_215058

そして「いますぐインストール」をクリックしてください。

2014-06-29_215115

その後「プラグインの有効化」をクリックすれば、インストールは完了です。

2014-05-02_230418

 

Social Media Tabsの導入方法

Social Media Tabsはプラグインを有効化するだけでは使えず、
「ウィジェット」を設置する必要があります。

設定のためにはダッシュボードの「外観」→「ウィジェット」をクリック。

2014-06-29_215220

そして「Social Media Tabs」と書かれたウィジェットを、
通常のウィジェットと同じように設置したい場所へドラッグ&ドロップしてください。

2014-06-29_215713

設定の画面はこんな感じです。



設定できるSNSはこんな感じ。

2014-06-29_215521

これはテキトーに取捨選択して、
必要なものだけを設定すれば良いんじゃないでしょうか。

ちなみに表示の方法は2パターンあります。

2014-06-29_215533

「Slide Out」はこんな感じ。

2014-06-29_215601

「Static」はこんな感じです。

2014-06-29_215655

 

表示方法はお好みで良いと思いますが、
個人的には「Slide Out」の方がオススメです。

少し小さい気はしますが、スクロールしてもついてきてくれます。
目立ちすぎないのもそれはそれで良いんじゃないでしょうか。

「Static」は他のウィジェットに影響を与えてしまうし、
スクロールしてもついてきてはくれません。

 

Social Media Tabsの設定方法

ここまでの作業はそこまで難しくないんですが、この後が結構大変です。

私はフェイスブックとツイッターだけ使おうとしたんですが、
残念ながら現時点でフェイスブックはやり方がわかってません。。。

 

これはわかったら記事を更新したいと思います。
一応フェイスブックのIDを設定すれば良いと書かれてはいるんですが、
色々調べていくと、何だかIDがたくさんあるんですよね。

全て設定してみましたが、うまくいきません。

 

ツイッターも一筋縄ではいかないんですが、
これはちゃんと設定することができたのでやり方を書いておきます。

まずは対象となるツイッターアカウントにログインし、
右上の歯車のようなアイコンをクリックした後、「設定」をクリック。

2014-06-29_221206

次に「ウィジェット」をクリック。

2014-06-29_221226

そして「新規作成」をクリックします。

2014-06-29_221236

設定は特にいじらなくても良いと思いますので、
そのまま「ウィジェットを作成」をクリック。



ツイッターは「Widget URL」と「Widget ID」が必要なんですが、
ウィジェット作成後に表示される長いソースコードの中に書かれてます。

「Widget URL」
2014-06-29_221606

「Widget ID」
2014-06-29_221553

これをコピペすればOKです。

2014-07-01_223646

表示はこんな感じですね。

2014-07-01_224146

\ SNSでシェアしよう! /

LSCの注目記事を受け取ろう

この記事が気に入ったら
いいね!しよう

LSCの人気記事をお届けします。

  • 気に入ったらブックマーク! このエントリーをはてなブックマークに追加
  • フォローしよう!

関連記事

  • ワードプレスのウィジェットの配置のやり方について画像付き解説

  • mqTranslateでワードプレスを多言語化!使い方やメニューは?

  • No Self Pingsでセルフピンバックを阻止!画像付で解説

  • WordPress Popular Postsでカスタマイズ!

  • スティンガー5のファビコンの作成や設定方法を解説!

  • BackWPupの導入・設定方法を解説!バックアップは重要!