”0”から始めるブログ

WordPress「JIN」でプロフィールを設定する方法

ブログを開設したら設置したいプロフィールですが、「JIN」の場合はどのように設置するのでしょうか?

知りたい人。ヨチヨチよっち
知りたい人。ヨチヨチよっち

ぼくのブログにもプロフィール載せたいな♪

ではまず、プロフィールを設定する場所を作りましょう

ペガサス先生
ペガサス先生

「プロフィール」ウィジェットの設置

ウィジェットとは

ネットでウィジェットの意味を検索すると「グラフィカルユーザインタフェース部品の総称」とでてきます。
なんだか難しく聞こえますが、ブログ作成の場合では、「ブログを作る部品」と思ってもらえれば大丈夫です。

ペガサス先生
ペガサス先生

今回はブログページの右側のスペースにプロフィールウィジェットを設置してみます。では設置していきましょう!

ウィジェットを追加する

WordPressの「ダッシュボード」から、「外観」→「カスタマイズ」へ進みます。

「利用できるウィジェット」のエリアにある「プロフィール」をクリックします。

表示された選択肢の中から「プロフィール」を追加したい場所を選択し
「ウィジェットを追加」ボタンを押します。

今回はサイドバーに追加していきます。

「サイドバー」の一覧に「プロフィール」のウィジェットが追加されました。

このウィジェットの並び順をドラッグ&ドロップで移動して変更すればブログサイトに表示される順が同様の並び順になります。

プロフィールの設定

ウィジェットの配置が完了しましたら、次は配置したウィジェットにプロフィールを設定していきましょう。

追加したウィジェットの「プロフィール」をクリックして展開しますと

「プロフィール名」「肩書き」「説明」「画像の選択」「SNSボタン」について設定をすることができます。

「プロフィール名」 名前を入力
「肩書き」 肩書がある場合は入力
「説明」 ブログの説明などを入力
「画像の選択」 プロフィール画像を選択
「SNSボタン」 SNSボタンを表示・非表示を選択

 

これらを任意に設定していただければよいのですが、表示されている内容を見ずに管理画面で作業をするのは難しいと感じたりはしませんでしょうか?

実際のウエブページにどのように表示されているか見ながら作業したい場合は、次の方法でプレビューをしながら作業することもできます。

ライブプレビューでの管理

画面上部にある「ライブプレビューで管理」というボタンをクリックするとブログサイトに表示される状況を見ながら作業することがきます。

 表示を見ながら入力できるとイメージを確認できていいですね。    

リゲル
リゲル

「カスタマイズ」→「サイドバー」→「プロフィール」と進みますと

左側に先ほどと同じように「プロフィール」の設定の表示がされますので、そこで設定を行っていただきますと、右側のプロフィールの部分がリアルタイムに変わっていくのを確認しながら作業をしていくことができます。

左下にあるマークをクリックするとライブプレビューをパソコンの表示と携帯の表示に切り替えることが出来ますので、各々の画面での表示を確認することができます。

プロフィール画像の設定

プロフィール画像を入れる際は、「画像を選択」ボタンをクリックし

「画像を選んでください」というウィンドウが開いたら、「ファイルをアップロード」のタブから「ファイルを選択」ボタンを押し画像を選択しアップロードをしてください。

「メディアライブラリ」タブから任意の画像を選択し、右下の「この画像を選択する」ボタンをクリックします。

「サイドバー」の「プロフィール」ウィジェット内の「画像を選択」ボタンの上に、先ほど選択した画像が表示されます。
画像が決まりましたら、「この画像で確定」にチェックを入れます。

その下にある

「SNSボタン」の表示、非表示のチェックでプロフィール欄にSNSボタンの表示設定ができます。

以上の項目の設定が完了しましたら、「保存」ボタンを押して完了です。

お疲れ様でした!
無事にプロフィールの設定はできましたでしょうか?

ペガサス先生
ペガサス先生