SNSのシェアボタン、フォローボタンを簡単に設置「AddToAny Share Buttons」

カテゴリー:WordPressプラグインガイド

AddToAny Share Buttons

多くの種類のSNSの共有ボタンに対応したプラグイン

現在実に多くのSNSがあります。これらのSNSと共有するにはそれぞれのSNSの提供する共有ボタンのコードなどを記述する必要があります。WordPressでこのコードを記述しようと思うとテーマファイルに記述する必要があり、初心者にはかなり高いハードルとなります。そこで活用したいのがプラグインです。

SNSとの共有ボタンを設置できるプラグインは数多くありますが、その中から今回は「AddToAny Share Buttons」を紹介します。

「AddToAny Share Buttons」のインストール

「AddToAny Share Buttons」のインストール
  1. WordPress管理画面(ダッシュボード)左側のメニュー「プラグイン」→「新規追加」をクリック。
  2. 「AddToAny Share Buttons」を検索。
  3. 「今すぐインストール」をクリック。
  4. インストール完了後「有効化」をクリック。

「AddToAny Share Buttons」の使い方

「AddToAny Share Buttons」の設定画面

「AddToAny Share Buttons」の設定画面は、ダッシュボード左のメニューの「設定」→「AddToAny」をクリックします。

AddToAny共有設定

①標準タブ

標準タブをクリックします。

②Icon Style(アイコンスタイル)

アイコンのサイズをピクセルで設定できます。

「background」はアイコンの背景色を設定できます。「Original」はそれぞれのアイコンのデフォルトの色になります。「Transparent」は背景商は透過されます。「Custom」は好みの色で統一することが出来ます。

「foreground」はアイコンの前景色、つまりそれぞれのアイコンの色を設定できます。設定内容は背景色と同様です。

Share Buttons(シェアボタン)

③Share Buttons(シェアボタン)

シェアするSNSを設定できます。「サービスの追加/削除」をクリックすると…

このようにたくさんのサービスが表示されます。この中から表示したいサービスを選択してください。再度クリックすると非選択にできます。上のアイコンをドラッグ&ドロップして表示の順序を変更できます。

0

この記事に関連する投稿記事

リビジョンがどんどん保存されるのを制御しよう「WP Revisions Control」

リビジョンってなあに?WordPressには「リビジョン(Revision)」という機能があります。「Revision」を翻訳すると「改訂、改版、訂正、改正、加筆…」というような意味です。WordP... もっと見る

ページナビゲーションを簡単に設置「WP-PageNavi」

「WP-PageNavi」はWordPressのカテゴリーやアーカイブページでのページナビゲーションを簡単に設置できるプラグインです。ページナビゲーションとは?このサイトで言えばオレンジの線で囲... もっと見る

XMLサイトマップ作成&通知「Google XML Sitemaps」

SEO(検索エンジン最適化)の第一歩Webサイトを運営していてアクセスを獲得するには検索エンジンでの上位表示は必須です。SEO(検索エンジン最適化)の方法はいくつもありますが何といってもまずは検索エ... もっと見る

ブロックエディターで部分的に文字色を変更したい時「Advanced Rich Text Tools for Gutenberg」

WordPress5から登場した新しいエディターのブロックエディターですが、それ以前のエディターのクラシックエディターを使っていた人だと「どうすりゃいいんだよ!」って思うのが、部分的に文字色を変更した... もっと見る

日本語のWebサイト作成に必須「WP Multibyte Patch」

WPMultibytePatchはWordPressで日本語のWebサイトを作成する際には必須のプラグインです。WordPressをインストールした際に最初からインストールされている場合も多いです... もっと見る

こんな記事が良く読まれています

WordPressのインストール後のデザインは?

WordPress(ワードプレス)

最近のレンタルサーバーはWordPressのインストールが簡単にできますのでWordPressのインストールまでは誰でも戸惑うことなくできるようになりました。インストール後の基本設定も最低限必要なプラ... もっと見る

WordPressを簡単にインストールできるレンタルサーバー【1】

レンタルサーバーガイド

WordPressでWebサイトを制作する方が増えてきましたね。以前はWordPressをインストるする場合、サーバーにデータベースを作成し、インストールに必要な情報を入力したうえでWordPress... もっと見る

ブロガー専用テーマ「ストーク19」

WordPressテーマブロックエディター対応テーマ

WordPressテーマ「ストーク(STORK)19」はレスポンシブデザインで特にスマホでの閲覧のしやすさを第一に考慮して設計されています。現在多くのウェブサイトではスマホでの閲覧がどんどん伸びていま... もっと見る

お名前.comでドメインを取得しよう

ドメイン取得と各種設定

ドメインの取得はレンタルサーバー会社でも取得できますが、一般的に割高であったり、将来サーバーを移転することがあったりした場合手続きが煩雑になる場合もあります。ドメインとサーバーは別々に契約しておくと管... もっと見る

WordPressで作成作業中のWebサイトを見られたくない時にする設定

WordPress(ワードプレス)

WordPressをインストールしたらまずは最初にやっておきたい設定がいくつかあります。まずは、WordPressで作成作業中のWebサイトを見られたくないと思ったときにしておく設定です。「制作中&... もっと見る

WordPressを簡単にインストールできるレンタルサーバー【2】

レンタルサーバーガイド

WordPressでWebサイトを制作する方が増えてきましたね。以前はWordPressをインストるする場合、サーバーにデータベースを作成し、インストールに必要な情報を入力したうえでWordPress... もっと見る

画像の拡大表示をカッコよく「Fancybox for WordPress」

WordPressプラグインガイド

「FancyboxforWordPress」はWordpressに貼り付けた画像、写真を拡大させるときにカッコよく表示させるためのプラグインです。どんな風に画像を拡大するのか?例えば以下のよう... もっと見る

wp_list_categories( パラメータ )

WordPressテンプレートタグ

WordPressテンプレートタグ

カテゴリーのリストをリンク付で表示させます。リンクをクリックするとそのカテゴリーに属する投稿を表示させることが出来ます。サイドバーで使うことが多いです。その他トップページや固定ページのテンプレートでも... もっと見る

ブロックエディターでコピペで勝手に半角スペースが入って困るとき

WordPress投稿&固定ページ作成マニュアル

WordPressの新しいエディターブロックエディターを使っていると「おや?」と思うのが…「テキストをコピペするとその前後に半角スペースが勝手に入る」っていうこと。ブロックエディターでコ... もっと見る

こういう人はホームページ公開、運営で失敗しやすい

ホームページ作成前に...

これまでホームページを公開したことない、運営したことないという方にとって果たしてこれから作成するホームページが効果あるものとなるのかどうかはとても不安に思われることだと思います。実際、ホームページを公... もっと見る