WordPress サイトに著者ボックスを追加する方法

おそらくご存知のとおり、著者略歴ボックスはブログの信頼性を高めます。匿名で出版することには利点がありますが、信頼性の価値には匹敵しません。著者の略歴は読者との信頼を築きます。人々はあなたがブログで公開している情報を読みたいだけでなく、あなたがどんな人なのか知りたいと思っています。読んだ内容を実際の人物と関連付けることができると、人々はあなたを信頼しやすくなります。

したがって、これまでペンネームの後ろに隠れていたのであれば、著者略歴ボックスの追加を検討する時期が来ています。前回の投稿では、ブログで複数の著者を管理する方法を説明し、ブログの自己紹介の書き方について知っておくべきことも共有しました。しかし、この投稿では、サイトに著者略歴ボックスを追加して、すべての著者が当然の報いを受けることができる 6 つの方法を紹介します。これには基本的に 3 つのアプローチがあります。

すでに著者ボックスがあるテーマを選択してください
WordPress プラグインの使用
テーマのコードを直接編集する

これから説明する 6 つのメソッドは実際にはプラグインです。ただし、他の作業を行う前に、ダッシュボードの [ユーザー] > [新規追加] で作成者またはユーザーを追加する必要があります。その後、あなたまたは作成者のいずれかが経歴を追加する必要があります (短い説明）、および著者ボックスで使用されるその他のコンテンツ（Gravatar、画像、リンク、ソーシャルプロフィールなど）。

ブログに著者略歴ボックスを追加する最も簡単で最も推奨される (ただし、必ずしも最善であるとは限りません) 方法は、プラグインを使用することです。選択したプラグインをダウンロードしてインストールし、必要に応じて設定するだけです。それでおしまい。考慮すべきプラグインは次のとおりです。

1. 組み込みの著者ボックスを使用してテーマを選択します

最も簡単な答えは、必要な作成者ボックスのオプションがすでに備わっているテーマを選択することです。たとえば、独自の Total テーマには、著者の略歴、画像、リンクのサポートが含まれています。したがって、せいぜい、少しスタイルを追加するだけで十分です。まず時間をかけてテーマのライブデモを見て、ブログを見つけて投稿をチェックアウトして、著者ボックスがあるかどうかを確認してください。不明な場合は、開発者にお問い合わせください。これが自社が提供するテーマ機能であるかどうかをすぐに教えてくれるはずです。

2. Starbox: 人間のための著者ボックス

Starbox は、コードをいじらずに美しい著者略歴ボックスを追加する簡単な方法を提供します。ビジネステーマ、ドロップダウンテーマ、ファンシーテーマなど、使用できる複数のテーマが付属しています。このプラグインを使用すると、著者のソーシャルプロフィールを簡単に統合することもできます。ボタンをクリックするだけで、Google と Facebook の著者認証を設定することもできます。

Starbox はユーザーエンゲージメントを重視して構築されています。ビジュアルに重点を置いており、非常に使いやすいプラグインです。必要に応じてプラグインをさらにカスタマイズできますが、デフォルト設定でも適切に機能するには十分以上の機能が提供されます。

3. シンプルな著者ボックス

Simple Author Box はその名前が示すとおり、WordPress ブログの投稿にシンプルな Author Box を追加します。プラグインはシンプルですが、決して退屈ではありません。 Simple Author Box を使用すると、名前、説明、グラバター、Web サイト、およびソーシャルメディアのアイコンを表示できます。実際、ソーシャルメディアの達人であれば、最大 30 個のアイコンをサポートします。

テーマの色やレイアウトに合わせてカスタマイズすることもできます。さらに、オーサーボックスは完全に応答性が高いため、ラップトップや大きな画面と同様にモバイルデバイスでも鮮明に表示されます。 Simple Author Box では、必要に応じて、single.php または author.php テンプレートファイルのコードに著者略歴ボックスを手動で挿入することもできます。

4. 共著者プラス

Co-Authors Plus は、複数の著者がいるブログ向けに構築されています。 WordPress はデフォルトでは複数の著者のクレジットをサポートしていないため、共同作業する複数の著者がいる場合、このようなプラグインは非常に便利です。

Co-Authors Plus を使用すると、複数の共著者が寄稿した投稿に複数の署名欄を割り当てることができます。著者のゲストプロフィールを使用して、著者の経歴を署名欄として追加することもできます。

明らかに、このプラグインはここでこれまで説明した他のプラグインほど単純ではありません。プラグインの Template タグを使用して著者の署名欄を表示する前に、テーマファイルにいくつかの変更を加える必要があります。それでも、共同投稿を頻繁に行う場合は、チェックしてみる価値があります。

5. セクシーな著者略歴

セクシーな著者略歴プラグインを使用すると、完全にカスタマイズされた著者略歴ボックスを投稿に簡単に追加できます。単一の作成者と複数の作成者の両方をサポートし、円形と四角形の 2 セットのソーシャルメディアアイコンが付属しています。

プラグインの管理パネルから、色、アバターのサイズ、リンクの色、背景などすべてをカスタマイズできます。デフォルトの表示では、暗い背景に著者名がすべて大文字で表示され、経歴情報は白いテキストで表示されます。

６．手動テーマの統合

これまでの方法では、プラグインを使用するか、テーマの組み込み機能を利用して、投稿に投稿者の経歴ボックスを表示します。投稿に著者のプロフィール情報をシームレスに追加するために使用できるいくつかの例を紹介しましたが、必要に応じて参照できるものは他にもたくさんあります。もちろん、あなたが Web 開発者で、テーマの作成に取り組んでいる場合は、これをテーマ内に手動で追加することになります。

以下は追加できるコードの例です。この場合、見出し、グラバター、著者の説明、および著者ページへのリンクが表示されます。このコードは、Zero WordPress テーマから直接取得されたもので、このページでライブデモをご覧いただけます。

<?php
// Get Author Data
$author             = get_the_author();
$author_description = get_the_author_meta( 'description' );
$author_url         = esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) );
$author_avatar      = get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'wpex_author_bio_avatar_size', 75 ) );

// Only display if author has a description
if ( $author_description ) : ?>

    <div class="author-info clr">
        <h4 class="heading"><span><?php printf( esc_html__( 'Written by %s', 'text_domain' ), esc_html( $author ) ); ?></span></h4>
        <div class="author-info-inner clr">
            <?php if ( $author_avatar ) { ?>
                <div class="author-avatar clr">
                    <a href="<?php echo esc_url( $author_url ); ?>" rel="author">
                        <?php echo $author_avatar; ?>
                    </a>
                </div><!-- .author-avatar -->
            <?php } ?>
            <div class="author-description">
                <p><?php echo wp_kses_post( $author_description ); ?></p>
                <p><a href="<?php echo esc_url( $author_url ); ?>" title="<?php esc_html_e( 'View all author posts', 'text_domain' ); ?>"><?php esc_html_e( 'View all author posts', 'text_domain' ); ?> →</a></p>
            </div><!-- .author-description -->
        </div><!-- .author-info-inner -->
    </div><!-- .author-info -->

<?php endif; ?>

注意すべき点:

著者のプロフィール情報は、WordPress のユーザー > プロフィールに追加されます。
コードでは、ユーザーに説明がある場合にのみ著者のプロフィールが表示されるように設定されていることがわかります。これは、そうでない場合、名前とアバターだけでは奇妙に見えるためです。
WordPress のアバターは Gravatar を介して設定されるため、ユーザーはアカウントを作成し、Gravatar をアップロードする必要があります。
テーマの style.css ファイルにカスタムスタイルを直接追加して、著者略歴ボックスのスタイルを設定することもできます。

信頼性を高めたい場合は、投稿に著者略歴ボックスを追加することが絶対に必要です。読者が読んだコンテンツに顔を向けることができれば、読者はあなたと強いつながりを築く可能性が高くなります。幸いなことに、最小限の手間で作成者ボックスを追加できるプラグインがたくさんあります。

さあ、あなたに。投稿に著者ボックスを追加すると、ブログの読者にどのような影響がありましたか?以下の件について、ぜひご意見をお聞かせください。