WordPressにカスタム作成者プロフィールページを追加する方法

WordPressサイトにカスタムの著者プロフィールページを追加しますか?多くのWordPressテーマの著者アーカイブページには、著者プロファイル情報が制限されています。この記事では、WordPressでカスタム作成者のプロフィールページを作成する方法を紹介します.


WordPressでカスタム作成者プロファイルページを追加する

方法1. WPユーザーマネージャを使用してWordPressでカスタム作成者プロファイルページを追加する

この方法は、すべてのユーザーに推奨されます。セットアップが簡単で、より多くの機能を備えています.

最初に行う必要があるのは、WP User Managerプラグインをインストールしてアクティブにすることです。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。.

アクティベーション時に、あなたは訪問する必要があります ユーザー»WPUM設定 プラグイン設定を構成するページ.

WP User Manager設定ページ

プラグインは、カスタムログイン、カスタムユーザー登録、パスワードを忘れた、アカウント、プロファイルページとして使用するさまざまなページを自動的に作成します.

WP User Managerは強力なプラグインであり、多くのオプションが付属しています。それらを注意深く確認し、使用しない機能をオフにする必要があります.

次に、[プロファイル]タブをクリックして、ユーザープロファイル設定をセットアップする必要があります.

ユーザープロファイルページの設定

ここでは、ゲストのプロファイルページオプションを有効にできます。つまり、誰でもユーザープロファイルを表示できます。メンバーがお互いのプロファイルを表示できるようにすることもできます。このオプションをオフにすると、ユーザーは自分のプロフィールページしか表示できなくなります.

また、ユーザーがカスタムプロフィール写真をアップロードして、最近の記事やコメントをプロフィールページに表示できるようにすることもできます。.

変更を保存するボタンをクリックして設定を保存することを忘れないでください.

次に、著者のプロフィールページにSEO対応のURLまたはパーマリンクを選択する必要があります。これを行うには、 設定»パーマリンク ページに移動し、[ユーザープロフィールのパーマリンクベース]セクションまでスクロールします.

ユーザープロファイルページのURL構造を選択する

プラグインでは、URLでユーザーID、ユーザー名、またはニックネームを使用できます。ニックネームとユーザー名は、ユーザーIDよりもSEOフレンドリーなオプションです。いずれかをクリックして選択し、[変更を保存]ボタンをクリックしてパーマリンク設定を保存します.

カスタムの作成者プロファイルページはほぼ準備ができています。ユーザーがウェブサイトでプロフィールページを簡単に見つけられるようにする必要があります.

に向かう 外観»ウィジェット ページと[WPUM]ログインフォームウィジェットをサイドバーに追加.

ユーザーログインとプロファイルリンクウィジェットをサイドバーに追加する

これで、Webサイトにアクセスして、作者のプロフィールページの動作を確認できます。ログインしたユーザーとして、サイドバーウィジェットに自分のアカウント情報が表示されます。ユーザー名をクリックすると、著者プロフィールページが表示されます.

著者プロフィールページ

サイドバーウィジェットは、ログアウトしたユーザーにログインフォームを表示します。ユーザーがウェブサイトに登録することを許可する場合、フォームにはサインアップへのリンクも含まれます.

プラグインは、Webサイトの作成者リンクも変更し、デフォルトの作成者のアーカイブページではなく、作成者のプロフィールページを指すようにします。.

著者プロフィールページの外観の変更

色や境界線を変更したいだけなら、カスタムCSSを追加することでそれを行うことができます.

ただし、レイアウトや順序を変更したい場合は、プラグインのテンプレートファイルを編集する必要があります。 WP User Managerにはカスタムテンプレートサポートが付属しています。つまり、プラグインが使用する現在のテーマ内に独自のテンプレートを作成できます。.

まず、FTPクライアントを使用してWebサイトに接続し、/ wp-content / plugins / wp-user-manager / templates /フォルダーに移動する必要があります。そこにあるすべてのファイルをコンピュータにダウンロードします.

次に、現在のテーマフォルダーに移動し、その中に新しいフォルダー「wpum」を作成する必要があります。前にダウンロードしたファイルをwpumフォルダーにアップロードします.

これで、これらのファイルを編集して、必要に応じてプロファイルページの外観をカスタマイズできます.

方法2.テーマにカスタム作成者プロファイルページを手動で作成する

この方法では、WordPressテーマまたは子テーマファイルを編集する必要があります。これまでに行ったことがない場合は、WordPressでコードをコピーして貼り付ける方法に関するガイドをご覧ください。.

まず、FTPクライアントを使用してWebサイトに接続し、/ wp-content / themes / your-current-theme /フォルダーに移動する必要があります.

現在のテーマフォルダー内で、author.phpファイルを作成する必要があります。その後、archive.phpファイルの内容をコピーして、新しいauthor.phpテンプレート内に貼り付ける必要があります.

テーマに既にauthor.phpファイルがある場合は、それも編集できます.

ここでの目標は、作成者のプロフィール情報を取得して表示することです。編集を開始する場所を決定する必要があります。通常、get_header();の間であれば何でも編集できます。およびget_sidebar()行.

<?php
//現在の作成者変数$ curauthを設定します
$ curauth =(isset($ _ GET [‘author_name’]))? get_user_by( ‘slug’、$ author_name):get_userdata(intval($ author));
?>

約: <?php echo $ curauth->ニックネーム; ?>

<?php echo get_avatar($ curauth->user_email、’90 ‘); ?>

ウェブサイト: user_url; ?>"><?php echo $ curauth->user_url; ?>
バイオ: <?php echo $ curauth->user_description; ?>

投稿者 <?php echo $ curauth->ニックネーム; ?>:

<?php if(have_posts()):while(have_posts()):the_post(); ?>

" rel ="ブックマーク" タイトル="パーマネントリンク: <?php the_title(); ?>">
<?php the_title(); ?>

ポストする: <?php the_time( ‘d M Y’); ?>

<?php the_excerpt(); ?>

<?php endwhile;

//前/次のページナビゲーション.
the_posts_pagination();

そうしないと: ?>

<?php _e( ‘この投稿者による投稿はありません。’); ?>

<?php endif; ?>

このコードは、ページの上部に作成者のプロフィールカードを追加するだけで、作成者による最近の投稿を表示します.

このコードは必要に応じて自由にカスタマイズしてください。 Webサイトにユーザープロファイルフィールドを追加したり、作成者のTwitterおよびFacebookプロファイルリンクを追加したり、投稿の注目画像を表示したりできます。.

以下は、作成者のプロファイルカードに適切な外観を与えるためのサンプルCSSです。テーマにカスタムCSSとして追加し、テーマの色に合わせて変更できます.

.著者プロフィールカード{
背景:#eee;
border:1px solid #ccc;
パディング:20px;
margin-bottom:20px;
}
.著者の写真{
float:左;
text-align:左;
パディング:5px;
}

デモWebサイトでの外観は次のとおりです。

WordPressのカスタム作成者プロフィールページ

この記事が、カスタム作成者のプロフィールページをWordPressサイトに追加する方法の学習に役立つことを願っています。また、初心者向けのWordPress SEOガイドのステップバイステップの究極の手順を確認することもできます。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me