SWELL プロフィールのウィジェット機能【プロフィール完全解説！】SNSアイコンリストはカスタマイザーで！

SWELLの「利用できるウィジェット」項目にある『[SWELL] プロフィール』のウィジェット機能を初心者さん向けに解説します。「サイドバーにプロフィールを設定するための全手順をわかりやすくご紹介します！」

それではご覧ください。

ウィジェット：[SWELL] プロフィールについて

ウィジェット：[SWELL] プロフィールは、SWELL専用のウィジェット拡張機能で プロフィールに表示するほとんどの設定が可能ですが、SNSアイコンリスト：SNS情報（アカウント）の設定は、カスタマイザーで行います。

サイト内のウィジェットが表示可能なエリアであればどこにでも設置できますが、通常はサイドバーの上部に配置するのが一般的です。

以下のようなプロフィールが設定できます。

ウィジェット：[SWELL] プロフィールの設置手順

この章では、ウィジェット：[SWELL] プロフィールの設置手順をご紹介します。

Menu『WordPress管理＞ダッシュボード＞外観＞ウィジェット』をクリックします。

以下のようなウィジェット画面が表示されます。

利用できるウィジェットの中から『[SWELL] プロフィール』を選択してウィジェットエリア（表示する領域）を指示します。

この記事ではプロフィールを表示させる一般的なウィジェットエリアである『共通サイドバー』に設置します。

手順は2通りです。どちらも同じなのでやりやすい方を選択してください。

手順1

以下の画面で…『[SWELL] プロフィール』をウィジェットエリア（表示する領域）『共通サイドバー』へドラッグ＆ドロップします。

手順2

1. 『[SWELL] プロフィール』をクリックしてドロップダウンメニューを開きます。
2. ウィジェットエリア（表示する領域）を選択します。（サンプルでは『共通サイドバー』）
3. 『ウィジェットを追加』をクリックします。

手順1・2どちらかでウィジェットエリア（表示する領域）に『[SWELL] プロフィール』が設置できたら…次に詳細設定をしていきます。

ウィジェット：[SWELL] プロフィールの詳細設定

この章では、ウィジェット：[SWELL] プロフィールの詳細設定をご紹介します。

ウィジェットエリア（表示する領域）に以下のような『[SWELL] プロフィール』の画面が表示されます。

『▼』をクリックします。

以下の左画面が表示されます。

表示させたい項目『❶〜❻』を設定します。

ボタンの表示と形状について

SWELL設定のエディター設定での設定が形状に反映されます。→ ウイジェットで変更不可
（ボタンの色はデフォルトでメインカラーが反映されます。→ ウイジェットで変更可）

ボタンの形状を変更する手順

Menu『WordPress管理＞ダッシュボード＞SWELL設定＞エディター設定』をクリックします。

以下の画面が表示されます。

『ボタン』タブを選択して『ボタンの丸み』をお好みで変更します。最後に『変更を保存』をクリックして完了です。

「ボタンブロックの使い方や設定」の詳細はこちらの記事で詳しく御紹介しています。あわせてご覧ください。

SNSアイコンリスト：SNS情報（アカウント）の設定方法

SNSアイコンリストを表示するためには、カスタマイザーでSNS情報（アカウント）の設定が必要です。

カスタマイザーからSNS情報を開きます。

Menu『WordPress管理＞ダッシュボード＞外観＞カスタマイズ』をクリックします。

カスタマイザーが起動すると、エディター画面の左側に以下の画面が表示されます。

「SNS情報」タブの詳細項目に表示したいSNSのURLを入力します。（赤破線部）

• SNSアイコンリストには、URLが入力されている項目のみが表示されます。

まとめ！SWELL プロフィールのウィジェット機能【プロフィール完全解説！】SNSアイコンリストはカスタマイザーで！

SWELLの「利用できるウィジェット」項目にある『[SWELL] プロフィール』のウィジェット機能を初心者さん向けに解説しました。

「ウイジェット機能・SWELLのエディター設定・カスタマイザー」の3箇所の設定が必要なので初心者さんには少し大変だった？かもですが…

プロフィールは、サイトや著者の情報を訪問者に効果的にアピールでき、魅力を伝える重要なセクションです。ぜひ、チャレンジしてくださいね。この記事がお役に立てば嬉しいです。^^

「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。＼^^／