プラグインを使わずにWordPressに著者ボックスを追加する方法（4つの方法） 

「WordPressでプラグインを使わずに著者ボックスを追加する方法」と検索したことがあるなら、プラグインを多用した検索結果が並んでいるのをご覧になったことでしょう。このガイドはそれとは異なります。WordPressに標準で備わっている機能を使って、著者ボックスを追加することができます。

著者情報欄は信頼感を高めます。各投稿の下にあなたの名前、簡単なプロフィール、顔写真が表示されることで、サイトは匿名的な印象ではなく、信頼できるものとして受け止められます。このチュートリアルでは、最も簡単な方法（エディタ内の標準ブロック）から、SeedProd を使ったカスタムデザインまで、4つの方法をご紹介します。

著者紹介欄が重要な理由

著者ボックスとは、ブログ記事の下に表示されるプロフィール欄のことです。通常、氏名、プロフィール写真、簡単な自己紹介、およびソーシャルメディアのプロフィールやウェブサイトへのリンクが表示されます。

ほとんどのWordPressテーマでは、デフォルトで投稿に作成者の名前が表示されますが、それ以外の情報は表示されません。作成者ボックスはこの不足を補います。

個人ブロガーにとっては、そのコンテンツが関連分野の経験を持つ実在の人物によるものであることを検索エンジンに伝えるE-E-A-Tの指標となります。複数の執筆者がいるサイトにとっては、読者が情報を把握しやすくするとともに、各寄稿者に独自の存在感を与える役割を果たします。

著者紹介欄に記載すべき内容

著者紹介欄を作成する前に、そこに何を記載すべきかを確認しておきましょう。最も効果的な内容としては、次のようなものがあります：

• 表示名– 本名、または視聴者に知られている名前。
• 簡単なプロフィール– ご自身の経歴について2～3文で。ご自身の専門分野に絞って記述してください。
• 資格・実績– コンテンツを裏付ける関連経験や専門知識。
• プロフィール写真– 顔写真。メールアドレスがGravatarアカウントと一致している場合、WordPressは自動的にGravatarからこの写真を取得します。
• ソーシャルメディア– Twitter/X、LinkedIn、あるいはあなたが最もよく利用しているプラットフォーム。

WordPressの「ユーザー」→「プロフィール」で設定してください。以下の4つの方法はすべて同じプロフィールフィールドからデータを取得するため、一度入力すればすべて対応できます。

プラグインを使わずにWordPressに著者ボックスを追加する方法（4つの方法）

先ほども触れたように、WordPressのテーマをカスタマイズして執筆者のプロフィール欄を追加するのは、必ずしも簡単ではありません。ここでは、プラグインを使わずにWordPressの著者ボックスを追加する4つの方法を、簡単なものから技術的なものへと順にご紹介します。

方法 1：WordPress の「投稿者」ブロックを使用する

WordPressのブロックエディタには、標準で「著者」ブロックが搭載されています。プラグインもコードも不要です。ユーザープロフィールから名前、自己紹介、アバターが自動的に読み込まれます。

唯一の制限点は、著者ボックスが個々の投稿にのみ追加され、サイト全体には適用されないことです。すべての投稿にサイト全体で適用したい場合は、代わりに方法2（テーマ）または方法3（SeedProd）をご利用ください。

ステップ 1. ブロックエディタで投稿を開く

「投稿」→「すべての投稿」に移動し、更新したい投稿を開きます。

ステップ2. 著者ブロックを追加する

エディタ内の「+」ボタンをクリックし、「Author」を検索してください。「Author」ブロックを選択すると、投稿者の名前、アバター、プロフィールなどの詳細情報が表示されます。通常、このブロックは投稿本文の下に配置されます。

ステップ3. ブロックの設定を行う

右側のサイドバーには、アバターの表示・非表示、アバターのサイズ設定、プロフィール文の表示、および著者名を著者ページにリンクさせるためのオプションが表示されます。

ステップ4. 投稿を更新する

「更新」をクリックして保存してください。これで、その投稿に著者ボックスが表示されます。

プロフィールや写真が表示されない場合は、「ユーザー」→「プロフィール」に移動し、「プロフィール情報」の欄を入力してください。写真が表示されるように、メールアドレスがGravatarアカウントと一致していることを確認してください。

方法 2：SeedProd を使ってカスタム著者ボックスを追加する（コーディング不要）

もしあなたのWordPressテーマがオーサーボックスに対応しておらず、ウェブサイトや著者情報の見栄えをカスタマイズしたいのであれば、これが解決策となる。

この方法では、SeedProdWordPressプラグインを使用して、カスタムライター情報セクションを簡単に追加し、WordPressテーマを作成します。

SeedProdは、ドラッグアンドドロップ機能を備えた最高のWordPressウェブサイトビルダーです。コードを一行も書くことなく、カスタムWordPressテーマ、レイアウト、ランディングページを作成できます。

何百ものレスポンシブテンプレートが用意されているので、すぐに使い始めることができます。また、カスタマイズ可能なコンテンツエレメントが多数用意されているため、開発者を雇うことなくウェブサイトの隅々までカスタマイズできます。

その強力な要素のひとつが、オーサーボックスです。オーサーボックスを使えば、著者の経歴をウェブサイトのデザインに合わせてカスタマイズしたり、カスタムリンクやコンテンツを追加したりすることができます。

ステップ1.SeedProd Website Builder プラグインをインストールする。

始めるには、まずSeedProdのライセンスを取得する必要があります。

注：Theme BuilderとAuthor Boxブロックを使用するには、SeedProd ProまたはEliteライセンスが必要です。

SeedProdをコンピュータにダウンロードした後、WordPressウェブサイトにプラグイン.zipファイルをインストールして有効化する必要があります。WordPressプラグインをインストールする方法については、こちらをご覧ください。

SeedProdがあなたのウェブサイトで稼動したら、 SeedProd " 設定 ページに行き、ライセンスの詳細を入力してください。

プラグインのライセンスキーは、SeedProdウェブサイトのアカウントエリアの「ダウンロード」にあります。

ステップ2.WordPressテーマを作成する

次のステップは、 SeedProd " Theme Builder ページに行き、'Themes'ボタンをクリックします。

そうすると、WordPressのテーマが表示されます。気に入ったテーマにカーソルを合わせてチェックマークアイコンをクリックすると、あなたのウェブサイトにインポートされます。

そこから、テーマを構成する個々のテンプレートパーツのリストが表示されます。例えば、私たちが選んだOnline Authorテーマには以下のテンプレートが含まれています：

• シングルページ
• シングルポスト
• ブログ, アーカイブ, 検索
• ホームページ
• サイドバー
• フッター
• ヘッダー
• グローバルCSS

通常、WordPressのテーマファイルにアクセスして編集するには、ファイルマネージャにアクセスする必要があります。しかし、SeedProdを使用すると、サイトを離れることなく、WordPressのダッシュボードでそれらをすべて見ることができます。

さらに良いことに、コードを書くことなく、SeedPodの簡単なビジュアルエディタで各テンプレートを編集することができます。その結果、ポイント、クリック、ドラッグ、ドロップでWordPressテーマ全体をカスタマイズすることができます。簡単です！

ステップ3.シングル投稿テンプレートに著者欄を追加する

SeedProd を使用して WordPress テーマにカスタム著者ボックスを追加するには、まずプロフィールページに著者の詳細情報を追加する必要があります。その手順については、「方法 2」の手順に従ってください。

次に、SeedProd " Theme Builderに 行き、Single Postテンプレートを見つけてください。そこからテンプレートにカーソルを合わせ、「Edit Design」リンクをクリックします。

そうすると、SeedProdのドラッグ＆ドロップビルダーでSingle Postテンプレートが開きます。

SeedProdのビジュアルエディタはシンプルなレイアウトです。左側には、あなたのデザインに簡単に追加できるブロックとセクションがあります。そして右側には、変更をリアルタイムで確認できるプレビューがあります。

プレビューのどこかをクリックすると、ページレイアウトとブロックを編集できます。そして左側では、各ブロックの設定をリアルタイムでカスタマイズできます。

現在使用しているテーマには、投稿内容の下に著者欄がありません。SeedProdのテンプレートタグを使って追加する必要があります。

テンプレートタグは、WordPressの動的なコンテンツをデザイン上の任意の場所に表示するための個々のブロックです。例えば、私たちのテーマには

• 投稿タイトル
• 特集画像
• 投稿情報
• コメントを投稿する

この情報はWordPressのデータベースから自動的に取得されるので、テーマのどこにでも追加することができる。

あなたのテーマに著者経歴を追加するには、「テンプレートタグ」の見出しの下にある著者ボックスブロックを見つけ、投稿の下にドラッグします。

次に、ブロックをクリックして、次のような設定を編集することができる：

• プロフィール写真の表示・非表示
• 表示名の表示／非表示
• HTMLタグの種類
• ウェブサイトまたはアーカイブ記事のリンクを含む
• 著者略歴の表示／非表示

詳細設定」タブをクリックすると、さらに多くのカスタマイズ・オプションがあります。例えば、「スタイル」セクションでは、フォント、フォントカラー、シャドウを変更することができます。

Background（背景）セクションでは、背景色、背景グラデーションを変更したり、カスタム背景画像を追加することができます。

また、スペーシングやボーダーをカスタマイズしたり、オーサーボックスにカスタムCSSクラスを与えることもできます。

あとはシングル投稿レイアウトのカスタマイズを続けるだけだ。

もし少し手助けが必要であれば、SeedProdでカスタムSingle Postテンプレートを作成する方法のステップバイステップガイドをご覧ください。必要なすべてのブロックと設定、そしてそれぞれの編集方法について説明しています。

テンプレートの見た目に満足したら、右上の緑色の保存ボタンをクリックします。

ステップ4.テーマの残りの部分をカスタマイズする

残された選択肢は2つ：

1. 現在のWordPressテーマデザインを公開する
2. テーマ・テンプレートの残りの部分をカスタマイズする

ホームページ、ブログページ、ヘッダー、フッターなど、残りのテーマテンプレートを見て、あなたのブランディングに合うように微調整することをお勧めします。

SeedProd " Theme Builderに 戻り、テンプレートの「Edit Design」リンクをクリックするだけです。そこから'Single Post'レイアウトで行ったようにテンプレートをカスタマイズすることができます。

ステップ5.WordPressテーマを公開する

WordPressテーマとAuthor BoxをSeedProdでライブにするのは簡単です。Theme Builderページに行き、Enable SeedProd Themeトグルを「Yes」に変更してください。

これで、ワードプレスサイトのどの記事に行っても、新しいカスタムオーサーボックスを見ることができる。

方法 3：WordPress テーマの「著者ボックス」機能を利用する

多くの優れたWordPressテーマは、組み込みのユーザープロフィールを使って、各ブログ記事の下に著者ボックスを表示しています。通常、このボックスには著者のプロフィール写真と略歴が表示されます。

しかし、その前に、あなたのテーマにオーサーボックスのサポートが含まれているかどうかを確認する必要があります。

ワードプレスの管理パネルからユーザー " すべてのユーザーにアクセスして確認できます。次に、該当するプロフィールにカーソルを合わせ、「編集」リンクをクリックします。

次の画面では、特定のユーザーに関する編集可能な情報が表示されます。あなたのWordPressテーマがオーサーボックスをサポートしている場合、ページのさらに下に「Biographical Info」というセクションがあるはずです。

そのエリアでは、簡単な著者略歴を追加したり、ソーシャルネットワークや著者のウェブサイトへのリンクをHTMLで含めることができる。

あなたのテーマは、作者がアカウントを持っている場合、Gravatarサービスから作者のプロフィール画像を自動的に取得します。そうでない場合は、グレーのプレースホルダ画像が表示されます。

著者情報を追加したら、「プロフィールを更新」ボタンをクリックしてください。

これで、あなたのウェブサイトでそのライターの記事をクリックすると、そのライターのオーサーボックスをライブで見ることができる。

プロフィールを入力しても著者ボックスが表示されない場合は、お使いのテーマに著者ボックスの機能が組み込まれていない可能性があります。その場合は、手っ取り早く解決するには「方法1（著者ブロック）」を、独自のデザインにしたい場合は「方法3（SeedProd）」をご利用ください。

方法 4：コードを使用して WordPress に著者ボックスを手動で追加する

プラグインを使わずにWordPressのオーサーボックスを作成するには、WordPressテーマに新しい機能を追加する必要があります。この方法はテーマファイルの編集を伴うため、上級ユーザーのみにお勧めします。

注：カスタムテーマを変更するには、子テーマを作成するのがよいでしょう。そうすれば、テーマのアップデートによって変更が失われるリスクを避けることができる。また、WPCodeを使ってWordPressサイト上の任意の場所にコードスニペットを追加することもできる。

プラグインを使わずにWordPressのオーサーボックスを追加するには、以下のコード・スニペットをコピーしてfunctions.phpファイルに貼り付けます：

function wpb_author_info_box( $content ) {
 
global $post;
 
// Detect if it is a single post with a post author
if ( is_single() && isset( $post->post_author ) ) {
 
// Get author's display name
$display_name = get_the_author_meta( 'display_name', $post->post_author );
 
// If display name is not available then use nickname as display name
if ( empty( $display_name ) )
$display_name = get_the_author_meta( 'nickname', $post->post_author );
 
// Get author's biographical information or description
$user_description = get_the_author_meta( 'user_description', $post->post_author );
 
// Get author's website URL
$user_website = get_the_author_meta('url', $post->post_author);
 
// Get link to the author archive page
$user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));
 
if ( ! empty( $display_name ) )
 
$author_details = '<p class="author_name">About ' . $display_name . '</p>';
 
if ( ! empty( $user_description ) )
// Author avatar and bio
 
$author_details .= '<p class="author_details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</p>';
 
$author_details .= '<p class="author_links"><a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>'; 
 
// Check if author has a website in their profile
if ( ! empty( $user_website ) ) {
 
// Display author website link
$author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>';
 
} else {
// if there is no author website then just close the paragraph
$author_details .= '</p>';
}
 
// Pass all this info to post content
$content = $content . '<footer class="author_bio_section" >' . $author_details . '</footer>';
}
return $content;
}
 
// Add our function to the post content filter
add_action( 'the_content', 'wpb_author_info_box' );
 
// Allow HTML in author bio section
remove_filter('pre_user_description', 'wp_filter_kses');

この機能は、作者の情報を取得し、あなたのサイトのWordPress投稿の下に表示します。

次に、テーマやブランドイメージに合わせて著者ボックスをスタイリングする必要があります。以下に、設定を始める際に使えるCSSコードの例をいくつか紹介します：

.author_bio_section{
background-color: #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}
 
.author_name{
font-size:16px;
font-weight: bold;
}
 
.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

このコードをテーマに追加するには、WordPressの管理パネルから外観 " カスタマイズをクリックします。そうすることで、WordPressテーマカスタマイザーが開き、テーマの特定の部分を視覚的にカスタマイズすることができます。

Additional CSSの見出しが表示されるまで下にスクロールし、タブを展開します。カスタムCSSコードを貼り付け、公開ボタンをクリックします。

これで、どのブログ記事にもアクセスし、あなたのオーサーボックスの動きを見ることができる。

よくある質問

プラグインを使わずにWordPressのオーサーボックスを作成する方法がわかりました。さらに、強力なプラグインを使ってWordPressにオーサーボックスを追加するために必要なすべての手順がわかります。

SeedProdは単なるオーサーボックスプラグインではありません。初心者から上級者まで、完全にカスタムされたWordPressサイトを作成するために必要なすべてのツールを備えた完全なWordPressウェブサイトビルダーです。

ぜひ試してみてはいかがだろうか。

WordPressの魅力的なログインページの例を提供するこの他の記事も気に入っていただけるかもしれません。

お読みいただきありがとうございました！あなたのご意見をぜひお聞かせください。YouTube、X、Facebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。