WP Social Bookmarking Lightの使い方ーWordPressプラグイン【初心者向け】

WordPressのプラグイン【WP Social Bookmarking Light】の使い方について初心者向けに解説した記事です。FacebookやTwitterなどのソーシャルメディアのシェアボタンをまとめて設置できます。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

WordPressのプラグインの使い方を初心者向けに紹介する記事です。

今回は、ソーシャルメディアのシェアボタンをまとめて設置できるプラグイン、WP Social Bookmarking Lightの使い方を紹介します。

 

なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。

 

大石ゆかり

田島メンター!!

田島悠介

ん?どうしたの?

大石ゆかり

WordPressにFacebookとかTwitterとかのソーシャルボタンをつけたいんですけど、これって一つ一つソースコードに追加していかないといけないんですか〜?

田島悠介

それでもできるけど、プラグインでやるととっても楽だよ♪

大石ゆかり

え、本当ですか!?教えてください!

 

WP Social Bookmarking Lightとは

TwitterやFacebookなどのソーシャルボタンを追加できるプラグインです。

全部追加しようとすると、全てのボタンのソースコードを埋め込む必要があるので面倒ですが、この手間をプラグインだけで解決してくれます。

ソーシャルボタンを設置することで、ソーシャルメディアからの流入が増えることもありますので、設置しておきましょう。

 

 

プラグインをインストールする

このプラグインは、管理画面から「プラグインを検索」してインストールもできますし、プラグイン公式サイトからダウンロードすることも可能です。

インストール方法がわからない場合はWordPressのプラグインをインストールする方法をご覧ください。

 

有効化すると、ダッシュボード>設定>WP Social Bookmarking Light というリンクが追加されます。

WP_Social_Bookmarking_Light1

 

この時点で投稿した記事などを表示してみてください。

デフォルトの設定で、はてなブックマーク・Twitter・Facebookのソーシャルボタンが表示されています。

WP_Social_Bookmarking_Light2

 

 

[PR] WordPressで挫折しない学習方法を動画で公開中

表示ボタンを設定する

デフォルトのままでも良いですが、表示するボタンを編集することも可能です。

まずは、ダッシュボード>設定>WP Social Bookmarking Light をクリックし、プラグインの管理画面を開きましょう。

 

一般設定画面で、表示するボタンを選びます。左側がサイトで表示されるボタンのリストです。

追加するには、右側の機能一覧から、追加したいボタンをドラッグするだけです。また、削除したいときは×を押してください。

WP_Social_Bookmarking_Light3

 

ソーシャルボタンの表示位置も設定可能です。記事上部・記事下部・両方から選びましょう。

WP_Social_Bookmarking_Light4

 

追加したボタンは上部にタブが追加され、表示ボタンの形式を変更したり、アカウントと連携させたりできます。

WP_Social_Bookmarking_Light5

 

Styleのタブでは、ソーシャルボタンエリアのCSSをカスタマイズできます。CSSがわかる場合は、こちらから設定してください。

WP_Social_Bookmarking_Light6

 

設定が完了したら、「変更を保存」ボタンを押すと反映されます。

WP_Social_Bookmarking_Light7

今回の記事は以上です。

プラグインではなく、自分でソーシャルボタンを追加する場合は、WordPressでソーシャルボタンを追加する方法も合わせてご覧ください。

ぜひ、WordPressの使い方を覚えましょう!

 

大石ゆかり

いろんな種類のソーシャルボタンが追加できるんですね〜♪

田島悠介

うん、しかも表示する位置なんかも指定できるからいいよね♪

大石ゆかり

はい!!!

 

[お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

独学に限界を感じたら…テックアカデミーに相談しよう

プログラミングを独学していて、このように感じた経験はないでしょうか?

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 独学に不安を抱えている方へ、現役エンジニア講師とマンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう 厳しい試験を通過した講師 があなたの相談に真摯に向き合います。

「ただ気になることを相談したい」
「漠然としているがプロの話を聞いてみたい」

こんな気持ちでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)

今なら参加者限定の割引特典付き! 無料で予約する