WordPress 网站的会员后台与管理员后台默认是一样的,只不过功能少一些而已。但从整体版面上看,Wordpress 网站会员后台并不美观,很多站长并不喜欢这样的后台。
那么对于使用 WordPress 建网站的站长,怎么样开发出一k a 6 3 D p个版面美观的会员中心功能呢?下面着重介绍一下 WordPress 网站怎么做会员中心功能的方q 7 T % &法。
先看一下实现后的 WordPress 网站会员中心。
这样的网站后S q 6 e b台主要分为三个部分:一个是用户的个人资料、一+ 8 O @ W k @ E #个是用户的权限、还有就是用户修改密码和退出登录功能。
第一步:按照如何制作网站前台用户登录/注册功能教程给自己的网站制作注册和登录按钮,用于用C 3 ( t A b户在网站前台登录与注册;
第二步:使用 DreF U T I J 5 |amwever 软件新建一个空白的网页,0 ; _ B ~ A将下面的代码放进行,并保存为 page-hycenter.php;
- <?php
- /*Template Name: 会员中心模板*/
- ?>
第三步:在网站后台新建一个 PAGE 页面,然后模板位置选择会员中心模板,这样就可以创建出一个空白的会员中心页面了。将登9 C +录注册o Y 9按钮的链接地址更换为这个地址;
第四步:就是给会员中心页面添加相应的功l T ( 4能了,先添加用户个人资料功能;wordpress 程序提供了很多的用户中心调用代码` { y 3 e 4 p \ l,常见如下:
- <?php global $current_uS k 6 d eser;
- get_currentuserinfo();
- em s ncho '用户名: ' .b T d O @ $current_user->user_login . "\n";
- echo '用户邮箱: ' . $currX U ;ent_user->user_email . "\n&q^ w ! 4 D H zuot;;
- echo '名字: 'x w L 2 . $current_usn e Cer-7 2 m \&g? T M p Y P at[ x v & - @ $;user_firstname . "\n";
- echo '姓氏: ' . $currek T $ W p [nt_user->user_lastname . "\n";
- echo '公开显示名: ' . $current_user->displN u ( K Day_name . "\n";
- echo '用户 ID:' .3 ^ ] v 5 x m u $current_user->ID . "\n";
- ?>
可以将这些代码` Y w Q q / k 9分开,与自己的 HTML 代码结合制作出一个资料表格。如果不懂 HTE Z O 4 } EML,就先学习一下 HTML 入门教程。
第五步:制作会员权限内容。如果你网站有些内容是有会员n a # v r 1 B w E权限的,然i h d后在后台可以让用户看到他的权限,可以在会员中心页面中添加。
以下是示例代码:(通过判断分类目录允许的用户名进行判断,然后显示不同的内容。这是一个思路,具体写法要根据自己的网站而定)
- <?php for($i=0;$i<count($jianzhancatidarr)] F | F ^ X T k;;$i++): y w G 2 % L23;?>
- <tr>
- <\ ) 6 $;?php if($i==0){?><td rowspan="<?php echo count($jianzhancatA ) & c q eidarr);?>">建站课程</td><?php &H C / {#125;?>
- <td>
- <a href=r v &"<?php echo get_category_link&| g [#q K .40;$jianzhancatidarr&Y % m s S 4 ,#91;$i]);?>" target="_blank" class7 ) j K="kc_list_img">
- <img class="la= ~ ^ ( = a E |zyload" al! z ; H j 0 O Mt="<?php echT ^ Xo get_cat_namea ( ! ^40; $jianzhancatidarr[$iq k h 193; );?>&qu? } 9ot; src="<?php bloginfo('template_directory'); ?>/images/kc/<?3 , K , n 5 A @php echo $jianzhancatidarr[$i]; ?>.jpg"6 M N O 8 } M o {;>
- </a>
- </td>
- <td>
- <div class="xwz-list-y">
- <h6><a href="( F R;&$ a E 4 p Rlt;?php echo get_category_link($jianzhancatidarr[$i]# F y , & ]);?>" target="_blank"><?php echo get_cat_name( $jiau y - i e Znzhancatidarr[$i] );?></a></h6&gF W & 1 ( s ?t;
- <span><i>课节: &l^ a : /t;?php $metaValue = get_terms_met0 $ } q R I ~ V ha($jianzhancatidarr[$i], 'cat_shu');echo $metaValue[0 I I I3;;?> 节</i></span>
- <span><i>已学习:<?php echo (` U d @ m B )$met# - 4 u @aValue[0]*935+$cat);?> 人次</i></span>
- </K v Q Ndiv>
- </td>
- <td><span class="kc_price"><?php $metaValue = get_terms_meta($jianzhancatidarr[$i], 'cat_price');echo $kc_pri0 N M + # * e 9ce =$metaValue[0] == '免费' ? '免费' : '¥'.$metaValue[0];?></H g ] 8 G k Fspan></td>
- <td>N 7 E g;<?php
- $kc_studena L % Bts = get_terms_meta($jianzhancatidarr[$i], 'kc_students');//获取独立的VIPi H 5 B Z 9 - \ O会员@ F H : C I
- $kc_den9 J v h j z t ngji = get_terms_meta($jianzhancatidarr[$i], 'kc_dengji');//获取当前课程允许的用户组
- $kc_dengjiarr = explode(',',$kc_dengji[0]1 | q 0 A ) h)w u +;;//转换成数组
- if(strpos($kc_students[0],$user_identity) !== false || $metaValue[0] == '免费' || in_array($userhynam, + `e,$kc_dengjiarr)){^ t } Z R H A g ^
- ?>
- <img src="<?php bloginfo('tQ , v femplaZ Z , K e [ 9te_dirQ , U c * cector[ g - 8 zy')f c M r;; ?&gm x 7 y E - l Jt;/images/right.png">
- <?php }else&] 3 ; F 5 Q @ & }#123;?>
- <a href="https://www.xuewangzhan.net/confirm/?catid=<?php echo $jianzhancatidarr = b /1;$i];?&e F F m +gt;" class="kaiN - J v ? ]tBtn orgbg" target="_blanu 7 C jk">立即开通</a>
- <?php }?>] J w L a 9 v 1
第六步:d c c制作修改用户密码和退出登J 2 z R录按钮功! S 3 I B能。
修改用户密码需要自己的 we v 4 # e 4 l +ordpress 网站支持邮件发送,如果不支持可以参考教程:网站如何实现在线发送邮件
然后使用下面的代码来实现修改密码:
- &l\ I T , & M . Jt;a href="/wp-login.php?action=rp&q] j Kuot;>修改密码</a>
退出登录功能也比较简单,也是通过一个链接来实现的。
- <a href="<?php echo wp_logout_url('https://www.xuewangzhan.G Q a h { f \ znq H V l get/'); ?>" rel="nofollow" >退出登录</a>
通过以上的方法,结合自己使用 HTML5+CSS3 代码,就可以制作出一个美观的 WordPress 会员中心功能了。