WordPress(ワードプレス)のサイドバーに、オシャレで分かりやすいプロフィールを作成したいけど、円形の画像を使用したり、写真の下に自分の名前を入れたりするには、どうすればいいのだろう?
またプロフィール記事へ飛ばすためのボタン、「詳しいプロフィールはこちら♪」などのリンク設定の仕方が分からない・・・
などお困りの方に、サイドバーのプロフィール表示、名前やリンク、丸アイコン、円形画像の設定方法(SWELL・JIN)をご紹介していきます。
サイドバーのプロフィール表示設定方法!
![](https://nami-picks.com/wp-content/uploads/2021/09/f9b53f0c65f059f325d95de46a68320d-1024x519.png)
まずWordPress(ワードプレス)のサイドバーに、プロフィールを表示させる方法について解説していきたいと思います。
左メニューの「外観」→「ウィジェット」をクリック。
利用できるウィジェット欄から「テキスト」を選択し、サイドバー欄へドラッグ&ドロップ。
![](https://nami-picks.com/wp-content/uploads/2021/09/27b5d664908036689653c14874a4ba85-1024x504.png)
「テキスト」横の逆三角形マークをクリック。
![](https://nami-picks.com/wp-content/uploads/2021/09/1dd77ae9b03473970ebbeca03408dd3d-1024x453.png)
タイトル欄には、「プロフィール」や「PROFILE」などを入力。
「ビジュアル」を選択して、その下の空白欄に自分のプロフィール内容を文章で入力。
![](https://nami-picks.com/wp-content/uploads/2021/09/830ed0d47367f0982efb9da1c3a76ee0-1024x453.png)
右下の青色「保存」ボタンをクリック→左の「完了」をクリック。
以上です!
では、その他の細かい設定について見ていきましょう。
サイドバーのプロフィール写真の下に名前を入れる方法は?
サイドバーに表示をさせると、ホーム画面でも記事ページでも読者の目にしっかり入るからこそ、プロフィールは分かりやすくてオシャレなものに仕上げたいですよね。
プロフィール写真の真下には名前を設定した方が、読者の印象により残りやすいですが、名前を入れる位置を真ん中に設定するには、どうすればいいのでしょうか?
![](https://nami-picks.com/wp-content/uploads/2021/09/70A39BD6-ABF9-410D-A21E-58E90F4DCB4A-1024x606.jpeg)
左メニューの「外観」→「ウィジェット」をクリック。
![](https://nami-picks.com/wp-content/uploads/2021/09/830ed0d47367f0982efb9da1c3a76ee0-1024x453.png)
プロフィールを設定しているテキスト欄を開いて「テキスト」を選択し、その下の空白欄に以下のコードを入力。
*プロフィール画像のコードの真下にコードを貼り付ける。
<p style="text-align: center;">ここに名前を入れる</p>
⇧「ここに名前を入れる」の欄に、自分の名前を入力するだけで、名前が中央に位置されるようになります。
![](https://nami-picks.com/wp-content/uploads/2021/09/044696f0b690cded1ba31a15a18b07d2-1024x406.png)
意外と簡単でしたね!
サイドバーのプロフィールリンクの設定方法は?
![](https://nami-picks.com/wp-content/uploads/2021/09/F853C72D-6556-4DB4-B8D8-CCCA63A9147C.jpeg)
サイドバーのプロフィールを作成する時に、固定ページなどで詳しいプロフィール記事を作成している場合、「詳しいプロフィール記事はこちら♪」などと記載し、その記事リンクを貼っていると便利ですよね。
その記事リンクの設定方法ですが、左メニューの「外観」→「ウィジェット」をクリック。
プロフィールを設定しているテキスト欄を開いて「テキスト」を選択し、その下の空白欄に「詳しいプロフィールはこちら♪」と入力。
その文字を選択して、リンクボタンをクリック。
![](https://nami-picks.com/wp-content/uploads/2021/09/b9fad661b697d634c48badfa19bec993-1024x397.png)
歯車マークをクリック。
![](https://nami-picks.com/wp-content/uploads/2021/09/c27cc3c9d0f40b64a54518d448a6ddf2-1024x397.png)
URL欄に、リンクを貼りたいURLを入力→「リンクを新しいタブで開く」の欄にチェック→右下の青色「リンク追加」ボタンをクリック。
![](https://nami-picks.com/wp-content/uploads/2021/09/e84dbb5003167628a5537045c408c2cd.png)
これは記事内でリンクを貼る時と、設定方法は変わりませんね。
サイドバーのプロフィール写真を丸アイコン、円形にしたい!
サイドバーのプロフィールに画像を設定する場合ですが、通常であれば四角い画像となります。
しかし円形のアイコンを設定すると、こなれ感が出てオシャレに見えますよね!
![](https://nami-picks.com/wp-content/uploads/2021/09/4BE25A73-48EF-4FBD-A628-555F47179E20.png)
画像を丸く切り取る方法ですが、アプリを使用すると、円形の画像を作成することができます。
簡単に円形画像を作成するには、以下の「ピクまる」がオススメです。
⇨ピクまる
![](https://nami-picks.com/wp-content/uploads/2021/09/83B69302-C938-4EBF-A26C-F0B1C8F2B6F1.jpeg)
有名どころのアプリでいうと、LINEカメラでも作成可能ですが、シンプルな円形のフレームというよりも、柄が入っている円形フレームが中心でしたので、シンプルな円形が好みであれば「ピクまる」の方が適しているかと思います。
「ピクまる」の使用方法ですが、アプリを取得して、左下の写真が2枚重なっているボタンを押し、丸く切り抜きたい画像を選択し、「☑️」ボタンを押すと丸画像が保存されます。
![](https://nami-picks.com/wp-content/uploads/2021/09/0617AE29-EEB2-40AE-ABBA-DE70DA0301A0-616x1024.jpeg)
操作方法もシンプルですね。
ちなみにプロフィール画像の設定方法は、「メディアを追加」をクリック→画像選択→「投稿に挿入」をクリックで完了!
これでオシャレで可愛い丸アイコンの完成です♪