サイドバーにプロフィールを表示する
サイドバーに記事を書いた人としてプロフィールを表示することができます。ここではWordPressのテーマとしてJINを使用している場合にサイドバーにプロフィールを表示するように設定する手順について解説します。なお記事ページの記事下にプロフィールを表示する場合は「記事下にプロフィールを表示する」を参照されてください。
(Last modified: )
目次
プロフィールに表示したい各SNSのリンク先を設定する
プロフィールに関する設定を行う前に、先にプロフィールに表示したいSNSのリンク先を設定しておきます。WordPressにログインしたあと、画面左側の「外観」メニューの中にある「カスタマイズ」をクリックして下さい。
「カスタマイズ」画面が表示されます。
画面左側の「SNS設定(OGP)」メニューをクリックして下さい。
SNS設定(OGP)に関する設定画面が表示されます。
画面左側にある「facebookのURL」「TwitterのURL」「InstagramのURL」「YouTubeのURL」「LINEのURL」の中からプロフィールにボタンを表示させたいSNSに対してリンク先のURLを入力して下さい。
今回は「facebookのURL」と「TwitterのURL」の2つに次のように入力しました。入力が終わりましたら画面左上にある「公開」をクリックして下さい。
これでプロフィールのリンク先に関する設定は完了です。
サイドバーにウィジェット「プロフィール」を追加する
それではサイドバーにプロフィールを表示するためのウィジェット「プロフィール」を追加します。管理画面左側の「外観」メニューの中にある「カスタマイズ」をクリックして下さい。
「カスタマイズ」画面が表示されます。
画面左側の「ウィジェット」メニューをクリックして下さい。
次の画面で、画面左側の「サイドバー」メニューをクリックして下さい。
サイドバーのウィジェットに関する設定画面が表示されます。
画面左側下にある「ウィジェットを追加」をクリックし、その後で「プロフィール」をクリックして下さい。
サイドバーに「プロフィール」ウィジェットの追加が完了しました。
プロフィールウィジェットを設定する
プロフィールウィジェットの設定を行います。
「プロフィール名」「肩書」「説明」を記述して下さい。今回は次のように記述しました。
プロフィールに関する入力を行うと、画面右側のプレビュー画面でどのように表示されるのかを確認することができます。
続いてプロフィールの画像をアップロードします。「画像を選択」をクリックして下さい。
メディアライブラリに既にある画像を使用する場合は、その画像をクリックして下さい。新しい画像をアップロードする場合は、画面左上の「ファイルをアップロード」をクリックし、その後で「ファイルを選択」をクリックして画像ファイルを選択して下さい。今回は既にメディアライブラリにあった画像をクリックしました。
この画像でよければ「この画像で確定」にチェックをして下さい。
プロフィールにSNSに関するボタンを表示したい場合には、「SNSボタン」の下の「表示」を選択して下さい。
実際にボタンを表示するには、このページの最初にご紹介した手順でボタンを表示したいSNSのリンク先を設定しておく必要があります。全ての設定が終わりましたら「完了」をクリックして下さい。
プロフィールがサイドバーの中で表示される位置を設定する
プロフィールが表示される位置は現在サイドバーの一番下です。
位置を変更するには、「プロフィール」の部分をドラッグして表示したい位置でドロップして下さい。今回は上から2番目の位置に移動させてみました。
位置の設定が終わりましたら画面左上の「公開」をクリックして下さい。
これでプロフィールを表示する準備は完了です。
-- --
それではブログを表示して下さい。サイドバーにプロフィールが表示されていることが確認できます。
モバイルから閲覧した場合、サイドバーへメインコンテンツの下に表示されますので、プロフィールもメインコンテンツの下に表示されました。
JINを利用しているブログで、サイドバーにプロフィールを設定する手順について解説しました。
( Written by Tatsuo Ikura )
著者 / TATSUO IKURA
プログラミングや開発環境構築の解説サイトを運営しています。