• SIMPLEとは

  • デモ

  • マニュアル

  • アップデート

  • ブログ

  • ダウンロード

【WordPress】プロフィールウィジェットを設置する方法

テーマ「SIMPLE」では、プロフィールを簡単に作成できるプロフィールウィジェットを使うことができます。

本記事では、プロフィールウィジェットの設置方法と設定方法を解説します。

具体的な手順は、以下の通りです。

  1. プロフィールウィジェットを設置する
  2. プロフィールウィジェットの設定をする

詳しく解説していきます。

プロフィールウィジェットを設置する

WordPressの管理画面にログインして、「外観 → ウィジェット」に移動します。

表示したいウィジェットエリアを選択してプロフィールウィジェットを設置します。

ウィジェットの設置方法とウィジェットエリアの一覧は、以下の記事をご覧ください。

【WordPress】ウィジェットの設置方法 WordPressでは、ウィジェットという機能があり、様々なコンテンツをサイト上に簡単に表示することができます。 この記事では、WordPres…
WordPressテーマ「SIMPLE」のウィジェットエリア一覧 当テーマ「SIMPLE」のウィジェットエリア一覧です。 ウィジェットを設置できる場所と、実際に表示される場所を解説します。 Contents テ…

プロフィールウィジェットの設定をする

設置したら、プロフィールウィジェットの各項目を設定していきます。

設定項目は以下の5つです。

  1. プロフィール名
  2. 説明
  3. プロフィール画像
  4. 下部リンクのアイコン
  5. アイコンクリック時のリンク先URL

プロフィール名

プロフィール名(ハンドルネームなど)を入力します。

説明

ここでは、プロフィール名の下に表示したいテキスト(例えば自己紹介など)を入力できます。

プロフィール画像

プロフィール画像を設定できます。

「プロフィール画像を選択」を押すと画像選択画面が出てくるので、画像を選択してください。

そのあと、「この画像で確定」にチェックを入れて、「保存」をクリックします。

もしクリックしても選択画面が出てこない時は、一度画面をリロードしてみてください。

下部リンクのアイコン

テーマ「SIMPLE」のプロフィールウィジェットは、以下の画像のようにリンクつきアイコンを最大4つまで設定できます。

FontAwesomeから好きなアイコンを選んでコードを貼り付けると、上記の画像のように表示されます。

FontAwesomeのコードを貼り付ける際は、class内のコードのみを貼り付けるようにしてください。
例えば、<i class=”fas fa-ad”></i>というコードなら、
fas fa-ad
この部分のみを貼り付けてください。

FontAwesomeからアイコンのコードを取得する方法については、以下の記事をご覧ください。

【WordPress】Font Awesomeのアイコンを記事内に挿入する方法 Font Awesomeでアイコンを挿入する方法です。 具体的な手順は、以下の通りです。 1. Font Awesomeのサイトで、挿入したいア…

アイコンクリック時のリンク先URL

アイコンをクリックした時のリンク先URLを設定できます。

ここには、リンク先として設定したいURLを貼りつけてください。

WordPressテーマ「SIMPLE」

simple

「SIMPLE」は、シンプルなデザインと多彩な機能を兼ね備えたオリジナルWordPressテーマです。

RELATED POSTS

COMMENT FORM

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です