WordPressのユーザー画像とプロフィールの登録及び表示方法
2024/02/22
WordPressでユーザー毎に画像とプロフィール部分にHTMLタグを登録したかった。また、登録したものを特定のページに表示させたかった。以下に方法をメモ。
画像の登録はプラグインを使う
画像の登録は以下プラグインを使う。インストールして有効化するだけで、ユーザー編集ページに画像登録部分が表示される。
Simple Local Avatars
https://tzm.wordpress.org/plugins/simple-local-avatars/
画像の出力とプロフィールのHTML入力
以下をテーマフォルダのfunctions.phpに追記する。
//ユーザーアバター取得 function get_user_avatar_img($userid){ $tmp_img = get_avatar($userid); $search = '/<img.*?src=(["\'])(.+?)\1.*?>/i'; if(preg_match($search, $tmp_img, $url)){ $author_img = $url[2]; $author_img = str_replace('-96x96.png', '.png', $author_img); $author_img = '<img src="'.$author_img.'">'; }else{ $author_img = get_avatar($userid); } return $author_img; } //ユーザープロフィールにHTML挿入 remove_filter('pre_user_description', 'wp_filter_kses'); add_filter('pre_user_description', 'wp_filter_post_kses');
画像の方はget_avatar関数で出力できるが、この関数を使うとwidthとか色々追記されてしまう。それでも良い場合はget_avatar関数を使えば良いが、まずい場合はget_user_avatar_img関数で画像のurlのみ取得する。
出力方法
<?php $users = get_users( array('orderby' => ID, 'order' => ASC) ); foreach($users as $user){ $uid = $user->ID; $user_data = get_userdata($uid); $author_img = get_user_avatar_img($uid); ?> 画像:<?php echo $author_img;?><br> 名前:<?php echo $user->display_name;?><br> プロフィール:<?php echo $user_data->user_description;?> <?php } ?>
上記のような形で出力できる。
関連記事
-
-
WordPressのcontact form7で500エラーの対応方法
WordPressプラグインのcontact form7で送信ボタンを押し、ロー ...
-
-
WordPressでカテゴリに優先順位を決め複数カテゴリが設定されている記事の場合に優先順位の高いカテゴリの記事のみ取得
WordPressで精度の高い関連記事を表示させたい。色々試したところテーマファ ...
-
-
WordPressでメモリを節約しつつ高速化する設定方法
メモリ1GのVPSを借りてWordpress以外にも、ちょいちょいものを置いてい ...
-
-
WordPressの5系から搭載されたブロックエディタ(Gutenberg)を元に戻す方法
WordPressを5系にアップデートしたところ記事投稿ページのエディタが大幅に ...
-
-
WordPressを4.8.2にして不具合
WordPressを4.8.2にすると記事の新規追加時にウィジウィグの挙動がおか ...