ブログを仕事にするQ&Aガイドをプレゼント【無料メール講座はこちらから】

サイドバーのプロフィール。名前やリンク、丸円形画像の設定方法!

WordPress(ワードプレス)のサイドバーに、オシャレで分かりやすいプロフィールを作成したいけど、円形の画像を使用したり、写真の下に自分の名前を入れたりするには、どうすればいいのだろう?

またプロフィール記事へ飛ばすためのボタン、「詳しいプロフィールはこちら♪」などのリンク設定の仕方が分からない・・・

などお困りの方に、サイドバーのプロフィール表示、名前やリンク、丸アイコン、円形画像の設定方法(SWELL・JIN)をご紹介していきます。

目次

サイドバーのプロフィール表示設定方法!

まずWordPress(ワードプレス)のサイドバーに、プロフィールを表示させる方法について解説していきたいと思います。

左メニューの「外観」「ウィジェット」をクリック。

利用できるウィジェット欄から「テキスト」を選択し、サイドバー欄へドラッグ&ドロップ

「テキスト」横の逆三角形マークをクリック。

タイトル欄には、「プロフィール」や「PROFILE」などを入力。

「ビジュアル」を選択して、その下の空白欄に自分のプロフィール内容を文章で入力。

右下の青色「保存」ボタンをクリック→左の「完了」をクリック。

以上です!

では、その他の細かい設定について見ていきましょう。

サイドバーのプロフィール写真の下に名前を入れる方法は?

サイドバーに表示をさせると、ホーム画面でも記事ページでも読者の目にしっかり入るからこそ、プロフィールは分かりやすくてオシャレなものに仕上げたいですよね。

プロフィール写真の真下には名前を設定した方が、読者の印象により残りやすいですが、名前を入れる位置を真ん中に設定するには、どうすればいいのでしょうか?

左メニューの「外観」→「ウィジェット」をクリック。

プロフィールを設定しているテキスト欄を開いて「テキスト」を選択し、その下の空白欄に以下のコードを入力。

プロフィール画像のコードの真下にコードを貼り付ける。

<p style="text-align: center;">ここに名前を入れる</p>

⇧「ここに名前を入れる」の欄に、自分の名前を入力するだけで、名前が中央に位置されるようになります。

意外と簡単でしたね!

サイドバーのプロフィールリンクの設定方法は?

サイドバーのプロフィールを作成する時に、固定ページなどで詳しいプロフィール記事を作成している場合、「詳しいプロフィール記事はこちら♪」などと記載し、その記事リンクを貼っていると便利ですよね。

その記事リンクの設定方法ですが、左メニューの「外観」→「ウィジェット」をクリック。

プロフィールを設定しているテキスト欄を開いて「テキスト」を選択し、その下の空白欄に「詳しいプロフィールはこちら♪」と入力。

その文字を選択して、リンクボタンをクリック。

歯車マークをクリック。

URL欄に、リンクを貼りたいURLを入力→「リンクを新しいタブで開く」の欄にチェック→右下の青色「リンク追加」ボタンをクリック。

これは記事内でリンクを貼る時と、設定方法は変わりませんね。

サイドバーのプロフィール写真を丸アイコン、円形にしたい!

サイドバーのプロフィールに画像を設定する場合ですが、通常であれば四角い画像となります。

しかし円形のアイコンを設定すると、こなれ感が出てオシャレに見えますよね!

画像を丸く切り取る方法ですが、アプリを使用すると、円形の画像を作成することができます。

簡単に円形画像を作成するには、以下の「ピクまる」がオススメです。

ピクまる

有名どころのアプリでいうと、LINEカメラでも作成可能ですが、シンプルな円形のフレームというよりも、柄が入っている円形フレームが中心でしたので、シンプルな円形が好みであれば「ピクまる」の方が適しているかと思います。

「ピクまる」の使用方法ですが、アプリを取得して、左下の写真が2枚重なっているボタンを押し、丸く切り抜きたい画像を選択し、「☑️」ボタンを押すと丸画像が保存されます。

操作方法もシンプルですね。

ちなみにプロフィール画像の設定方法は、「メディアを追加」をクリック→画像選択「投稿に挿入」をクリックで完了!

これでオシャレで可愛い丸アイコンの完成です♪

よかったらシェアしてね!
目次
閉じる