Title: ソーシャルアイコンブロック
Author: Akira Tachibana
Published: 2021年5月28日
Last modified: 2024年10月9日

---

## カテゴリー

 * [はじめに](https://ja.wordpress.org/support/category/getting-started/)
 * [インストール](https://ja.wordpress.org/support/category/installation/)
 * [基本的な使い方](https://ja.wordpress.org/support/category/basic-usage/)
 * [基本的な管理](https://ja.wordpress.org/support/category/basic-administration/)
 * [カスタマイズ](https://ja.wordpress.org/support/category/customizing/)
 * [メンテナンス](https://ja.wordpress.org/support/category/maintenance/)
 * [セキュリティ](https://ja.wordpress.org/support/category/security/)
 * [高度なトピック](https://ja.wordpress.org/support/category/advanced-topics/)
 * [トラブルシューティング](https://ja.wordpress.org/support/category/troubleshooting/)

## 翻訳・改善にご協力ください

 ドキュメンテーションを現在[英語版](https://wordpress.org/support/)から翻訳中です。
どなたでも[ご協力いただけます](https://ja.wordpress.org/team/2019/08/06/359/)。

 誤字や間違った情報にお気づきの方は、各記事の下にあるフィードバックセクションから
お知らせください。

# ソーシャルアイコンブロック

[**ブロック**一覧へ戻る](https://ja.wordpress.org/support/article/blocks/)

「ソーシャルアイコン」ブロックは、さまざまなソーシャルメディアのアイコンを投稿や
固定ページに追加し、プロフィールへのリンクを貼ることができるシンプルなブロックです。
そうすることで、ソーシャルメディアのプロフィールの視認性を高め、トラフィックを誘導
することができます。

![A screenshot of the social icons block filled with social icons ](https://wordpress.
org/support/files/2020/11/social_icons.png)

## ブロックの追加方法

 1. 編集画面で新しい行を追加する。
 2. エディターに `/social` または `/ソーシャル` と入力する。スラッシュは半角。

[[

 3. フライアウトメニューから「ソーシャルアイコン」を選択する。プレースホルダーが含ま
    れるブロックが表示されます。プレースホルダーは、ブロックにアイコンを追加するまで
    表示されます。

[[

_ブロック追加の詳しい方法は[こちら](https://ja.wordpress.org/support/article/adding-a-new-block/)
をご覧ください。_

## ソーシャルアイコンとプロフィールへのリンク追加方法 

 1. ソーシャルアイコンブロックをクリックして選択する。
 2. プラス記号アイコンをクリックする。利用できるソーシャルメディアプラットフォームの
    一部のリストが表示される。

[[

 3. 探しているものがメニューに表示されていない場合は、検索ボックスにプラットフォーム
    名を入力する。

[[

 4. ブロックに追加したいプラットフォームのアイコンをメニューから選択する。
 5. ブロック内のアイコンをクリックすると、アドレス (URL) 入力欄が表示される。

[[

 6. 入力欄にソーシャルメディアプロフィールへのリンク URL を貼り付けて、Enter キーを
    押すか、↩ アイコンをクリックする。

ソーシャルアイコンにプロフィールリンクを追加し、さらに別のアイコンを追加する

この手順を、追加したいソーシャルメディアのプロフィールごとに繰り返す必要があります。

## ブロックツールバー

このブロックには**2つのツールバー**があります。ひとつは、ブロック全体を選択したとき
に表示される親ツールバー。もうひとつのツールバーは、個別のアイコンをクリックすると
表示されます。

### 親ツールバーで利用できるボタン

ソーシャルアイコンの親ツールバーには、5つのボタンがあります。 

![A screenshot of the block placeholder with the toolbar buttons](https://wordpress.
org/support/files/2020/11/placeholder_block-1024x203.png)

## スタイル

「ソーシャルアイコン」ブロックを「グループ」や「カラム」に変形させることができます。
また、「トランスフォーマー」ボタンをクリックすると、ソーシャルアイコンのスタイル
を変更することができます。

スタイルは3種類あります。「デフォルト」「ロゴのみ」「カプセル形」「ダークグレー」
です。

[[

## 追加オプション

### 各アイコンの独立ツールバー

各アイコンを押すと表示されるツールバーには、4つのボタンがあります。

[[

### 追加オプション

[[

[[

## ブロック設定

ブロックのどこをクリックしたかによって、表示される設定が2種類あります。ブロックを
選択すると、ブロック全体の設定が表示されます。個々のアイコンをクリックすると、各
アイコンの設定が表示されます。

### 親ブロックのブロック設定 (全アイコン)

「ソーシャルアイコン」ブロックを選択すると、サイドバーに以下の設定が表示されます。

 * スタイル
 * リンク設定
 * 高度な設定

### **各アイコンのブロック追加設定**

[[

これらの設定は、各ソーシャルアイコンをクリックすると、サイドバーに表示されます。

#### リンクラベル

「ソーシャルアイコン」サイドバーの設定では、「リンク」ラベルを追加することができ
ます。ラベルは、スクリーンリーダーのユーザーがリンクの文脈を理解するのに役立ちます。

#### 高度な設定

「高度な設定」タブでは、ブロックに CSS クラスを追加することができ、カスタム CSS 
を記述して、ブロックを自由にスタイリングすることができます。

#### **Changelog **

 * Created 2020-11-13

[原文](https://wordpress.org/documentation/article/social-icons/)

## この記事は役に立ちましたか ? どうすればさらに改善できますか ?

フィードバックを送信するには[ログイン](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fja.wordpress.org%2Fsupport%2Farticle%2Fsocial-icons%2F&locale=ja)
する必要があります。