カスタム作成者プロフィール ページを WordPress サイトに追加しますか?
多くの WordPress テーマでは、著者アーカイブ ページにある著者プロフィール情報が制限されています。
この記事では、WordPress でカスタム著者プロフィール ページを作成する方法を説明します。
2 つの方法について説明します。以下のリンクを使用して、興味のあるセクションにジャンプしてください。
この方法はすべてのユーザーに推奨されます。セットアップが簡単で、より多くの機能を備えています。
最初に行う必要があるのは、WP User Manager プラグインをインストールしてアクティブ化することです。詳細については、WordPress プラグインのインストール方法に関するステップバイステップガイドを参照してください。
有効化したら、ユーザー » 設定 ページにアクセスしてプラグイン設定を行う必要があります。
プラグインは、カスタム ログイン、カスタム ユーザー登録、パスワードを忘れた場合、アカウント、プロフィール ページとして使用するさまざまなページを自動的に作成します。
WP User Manager は強力なプラグインであり、多くのオプションが付属しています。それらを注意深く確認し、使用したくない機能をオフにする必要があります。
次に、「プロファイル」タブをクリックしてユーザープロファイル設定を行う必要があります。
ここでゲストのプロフィール ページ オプションを有効にできます。つまり、誰でもユーザー プロフィールを表示できるようになります。メンバーがお互いのプロフィールを閲覧できるようにすることもできます。このオプションのチェックを外すと、ユーザーは自分のプロフィール ページのみを表示できるようになります。
また、ユーザーがカスタム プロフィール写真をアップロードし、最近の記事やコメントをプロフィール ページに表示できるようにすることもできます。
「変更を保存」ボタンをクリックして設定を保存することを忘れないでください。
次に、著者プロフィール ページの SEO に適した URL またはパーマリンクを選択する必要があります。これを行うには、設定 » パーマリンク ページにアクセスし、[ユーザー プロフィール パーマリンク ベース] セクションまで下にスクロールします。
このプラグインでは、URL でユーザー ID、ユーザー名、またはニックネームを使用することができます。ニックネームとユーザー名のどちらも、ユーザー ID よりも SEO に適したオプションです。いずれかをクリックして選択し、変更を保存ボタンをクリックしてパーマリンク設定を保存します。
カスタム著者プロフィール ページの準備がほぼ整いました。ここで必要なのは、ユーザーが WordPress Web サイトで自分のプロフィール ページを簡単に見つけられるようにすることだけです。
外観 » ウィジェット ページに移動し、ログイン フォーム ウィジェットをサイドバーに追加します。
Web サイトにアクセスして、実際の著者プロフィール ページを確認できるようになりました。
ログインしたユーザーとして、サイドバー ウィジェットに自分のアカウント情報が表示されます。ユーザー名をクリックすると、著者プロフィール ページが表示されます。
サイドバー ウィジェットは、ログアウトしたユーザーにログイン フォームを表示します。ユーザーが Web サイトに登録できるようにすると、フォームにはサインアップするためのリンクも含まれます。
このプラグインは、Web サイト上の著者リンクを変更し、デフォルトの著者のアーカイブ ページではなく著者プロフィール ページを指すようにします。
著者プロフィール ページの外観の変更
色や枠線を変更したいだけの場合は、カスタム CSS を追加することで変更できます。
ただし、レイアウトや順序を変更したい場合は、プラグインのテンプレート ファイルを編集する必要があります。 WP User Manager にはカスタム テンプレートのサポートが付属しているため、現在のテーマ内にプラグインで使用する独自のテンプレートを作成できます。
まず、FTP クライアントを使用して Web サイトに接続し、/wp-content/plugins/wp-user-manager/templates/ フォルダーに移動する必要があります。そこに表示されるすべてのファイルをコンピュータにダウンロードします。
次に、現在のテーマフォルダーに移動し、その中に「wpum」という新しいフォルダーを作成する必要があります。次に、前にダウンロードしたファイルを wpum フォルダーにアップロードします。
これらのファイルを編集して、必要に応じてプロフィール ページの外観をカスタマイズできるようになりました。
この方法では、WordPress テーマまたは子テーマ ファイルを編集する必要があります。これまでにこれを行ったことがない場合は、WordPress でコードをコピーして貼り付ける方法に関するガイドを参照してください。
まず、FTP クライアントを使用して Web サイトに接続し、/wp-content/themes/your-current-theme/ フォルダーに移動する必要があります。
現在のテーマ フォルダー内に author.php ファイルを作成する必要があります。その後、archive.php ファイルの内容をコピーし、新しい author.php テンプレート内に貼り付ける必要があります。
テーマにすでに author.php ファイルがある場合は、それを編集することもできます。
ここでの目標は、作成者のプロフィール情報を取得して表示することです。どこから編集を開始するかを決める必要があります。通常、get_header(); の間にあるものはすべて編集できます。 get_sidebar() 行。
<?php
// Set the Current Author Variable $curauth
$curauth = (isset($_GET['author_name'])) ? get_user_by('slug', $author_name) : get_userdata(intval($author));
?>
<div class="author-profile-card">
<h2>About: <?php echo $curauth->nickname; ?></h2>
<div class="author-photo">
<?php echo get_avatar( $curauth->user_email , '90 '); ?>
</div>
<p><strong>Website:</strong> <a href="<?php echo $curauth->user_url; ?>"><?php echo $curauth->user_url; ?></a><br />
<strong>Bio:</strong> <?php echo $curauth->user_description; ?></p>
</div>
<h2>Posts by <?php echo $curauth->nickname; ?>:</h2>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h3>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>">
<?php the_title(); ?></a>
</h3>
<p class="posted-on">Posted on: <?php the_time('d M Y'); ?></p>
<?php the_excerpt(); ?>
<?php endwhile;
// Previous/next page navigation.
the_posts_pagination();
else: ?>
<p><?php _e('No posts by this author.'); ?></p>
<?php endif; ?>
このコードは、ページの上部に作成者プロフィール カードを追加し、作成者による最近の投稿を表示するだけです。
必要に応じてこのコードを自由にカスタマイズしてください。 Web サイトにユーザー プロフィール フィールドを追加したり、作成者の Twitter や Facebook のプロフィール リンクを追加したり、投稿の注目の画像を表示したりすることができます。
著者プロフィール カードに適切な外観を与えるサンプル CSS を次に示します。これをテーマにカスタム CSS として追加し、テーマの色に合わせて変更できます。
.author-profile-card {
background: #eee;
border: 1px solid #ccc;
padding: 20px;
margin-bottom: 20px;
}
.author-photo {
float: left;
text-align: left;
padding: 5px;
}
デモ Web サイトでは次のように表示されます。
この記事が、カスタム作成者プロフィール ページを WordPress サイトに追加する方法を学ぶのに役立つことを願っています。初心者向けの究極の WordPress SEO ガイドや、専門家が選んだ WordPress と WooCommerce に最適なソーシャル プルーフ プラグインもご覧ください。
この記事が気に入っていただけましたら、WordPress ビデオ チュートリアルの YouTube チャンネルに登録してください。 Twitter や Facebook でもご覧いただけます。