記事下に「この記事を書いた人」を表示♪THE THORの設定方法も

私はプロフィールを4カ所表示させています(〃▽〃)
「プロフィールページ」と「フッターエリア(?)のプロフィール」、「サイドエリア」と記事下の「この記事を書いた人」というプロフィールです。

そら
本当はプロフィールを書いて表示させる事じたいが照れるのですが( ̄▽ ̄;)

プロフィール「この記事を書いた人」

この投稿記事の下にも表示されているであろうプロフィール(画像やプロフィールに表示させている文章が違うかもしれませんが(;^ω^))
このちっちゃなプロフィールを表示させるために設定する手順を紹介していきます。
設定する箇所はたったの2カ所です♪


< PR >

プロフィール情報「あなたについて」記入場所

画面左サイドにある「ユーザー」→「プロフィール」をクリックしてください。

「この記事を書いた人」の写真下の名前を設定


「この記事を書いた人」で表示させたい名前を「ニックネーム(必須)」で記入してください。
「ニックネーム(必須)」で記入した名前が「ブログ上の表示名」の選択項目として表示されますので、ニックネームで記入した名前を選択してください。

そら
「ブログ上の表示名」デフォルトのままだと「ユーザーID」が記入されています( ̄▽ ̄;)

ここは必ず記入してください!
ユーザーIDについては下の記事で紹介しています。
>>wordpressのユーザーIDを隠すことは出来るのか?セキュリティの話♪

「あなたについて」の「役職 / 所属」も表示される

下にスクロールしていくとある「役職 / 所属」
記入した覚えがないのに記入されてしまっているかも(笑)
名前の下に表示させたいのならいいのですが、「いらない」と思った方は削除してください。


< PR >

「この記事を書いた人」のプロフィール文を設定

「プロフィール情報」に記入した文がプロフィール文になります。

「この記事を書いた人」のプロフィール写真を設定

自分で用意したプロフィール画像を表示させるのに、ここでは「WP User Avatars」というプラグインを使用する方法を紹介します。


「プラグイン」→「新規追加」で「WP User Avatars」を検索して「インストール」した後に「有効化」してください。

そら
アバターの所に「ファイルを選択」というボタンが表示されますので、表示に使いたい自己画像を選択してください。

「この記事を書いた人」のSNSボタンの表示設定

「連絡先情報」の項目にSNSのアドレスを記入するとボタンが表示されます。
私は「Twitter URL 」だけ記入してあるので、Twitterのアイコンだけが表示されています(^^♪

「Cocoon」での「この記事書いた人」の表示設定


私がしている「Cocoon」での「この記事書いた人」を表示させる設定の紹介になります(^^♪

「外観」→「ウィジェット」の順にクリックしてください。
[c]プロフィール というのが「この記事書いた人」の項目になります。

プロフィールのウィジェットに「この記事書いた人」と記入して、投稿本文下に表示させます。

プロフィール画像を丸くしたい場合は、「画像を円形にする」にチェクを入れます。

上の画像の様に表示させたい場合は、肩書ラベルに下の文をコピペしてください。

THE THOR(ザ・トール)プロフィール設定で表示設定

ここからはTHE THORで「この記事書いた人」を表示させるための設定の紹介になります(^^♪

THE THOR(ザ・トール)外観をカスタマイズ

画面左側サイドのコンセントマーク「外観」 → 「カスタマイズ」をクリックしてください。

THE THOR(ザ・トール) 投稿ページ[THE]

投稿ページ[THE]をクリックした後、プロフィール設定をクリックしてください。

THE THOR(ザ・トール)プロフィール設定

プロフィール設定画面が表示されます。

■プロフィールを表示するか選択

デフォルトでは表示しないが選択されています。

プロフィールを表示するか選択を「表示する」に変更してください。

■セクションタイトルを入力

画像の上に表示される「タイトル」を記入します。

そら
私はセクションタイトルを入力欄には「この記事を書いた人」と記入してあります。
■投稿一覧へボタンを表示するか選択

こちらもデフォルトでは表示しないが選択してあります。

「投稿一覧へボタンを表示するか選択」は投稿一覧ページへのボタンを表示させたい時に「表示する」に変更してください。

☆注意☆ この記事一覧ページのアドレスに使われるのはユーザー名(ユーザーID)になります。

■ボタン上のテキストを入力

「投稿一覧へボタン」に表示させる文を入力します。

そら
私は「投稿一覧へ」と記入してあります。
■表示順の指定

記事下に表示させる順番を指定します。

下の画像の設定紹介

記事下の2番目に「プロフィール」を表示させているので、「2」を記入しています。

記事下の1番目には「Prev Next記事」を表示させるようにしてあります。

こんな感じになります↓

THE THOR(ザ・トール)プロフィール非表示設定

画面左側サイドのコンセントマーク「外観」 → 「カスタマイズ」→ 「投稿ページ[THE] 」→「プロフィール設定」の順にクリックしてください。
表示設定で詳しく紹介しているので、ここでは簡略化させていただいています( ̄▽ ̄;)

「プロフィールを表示するか設定」で「表示しない」を選択して「公開」をクリックしてください。

記事下に「この記事を書いた人」を表示♪THE THORの設定方法も まとめ

記事下に「この記事を書いた人」が表示してあるのって、なんとなく私は「かっこいいな」と思い表示させるようにしました(笑)
TOPページには「この記事書いた人」は表示されないので、私はフッター(CTA)エリアに同じような小さなプロフィールを表示させています(;^_^A

ランキングに参加しているのでバナーをクリックしていただけると嬉しいです♪
人気ブログランキング

広告
広告
最新情報をチェックしよう!