2018年7月9日

wordpressの記事にSNSシェアボタンを設置する

よし

yoshihara

こんにちは、web担当のよしです。

今回はwordpressサイトにsnsシェアボタンを設置する方法をメモしておきます。
数多くのプラグインがありますが、当ブログでは『AddToAny Share Buttons (シェアボタン)』というプラグインを導入しました。
導入はとても簡単で、あっという間にSNSシェアボタンを設置することができます。

プラグインの設定方法

wordpressの管理画面のプラグインから「AddToAny Share Buttons」で検索してインストールします。
インストールして有効化すると、設定メニューに「AddToAny」の項目が追加されていますので、こちらから設定を行います。

主な設定項目は以下のとおりです。

  • icon style:pixcelでアイコンのサイズをbackground、foregroundでアイコンの地色と中の色を設定します。
    地色を赤、中を白だとようになります。
  • Share Bottons:表示するサービスのアイコンを選びます。選べるサービスは大変多く100種類ほどから選べます。
  • ユニバーサルボタン:ブログ上からサービスを選べるボタンを設置します。
  • シェアヘッダー:アイコンの上部に表示する文言を入力します。
  • ブックマークの場所:アイコンを設置する場所を選びます。
  • そのほか、javascriptやCSSのコードを入力してカスタマイズも出来るようですね。

    スクロールに追尾するアイコンはFlortingのタグから設定できます。

    設置がとても簡単でいろいろなカスタマイズも可能ということで、使い勝手のよいプラグインですね。

記事一覧へ