会员管理网站实作篇- (以律师谘询平台为例子) part3

大纲

• sitemap 架构
• 安装 Ultimate Member plugin
• UM三大表单
• 实作律师卡片呈现页
• 加入 User Role Editor plugin 了解权限

实作律师卡片呈现页

呈现卡片
律师卡片页是 会员列表页面(/member) ，我们期望此页能够根据我们在 会员编辑页面(/user/id_name/?um_action=edit) 让会员客制化填入的资讯去进行呈现，UM 也已经预先帮我们产生好 member 页，让我们看看它长什麽样子：

发现什麽都没有，为何呢？
让我们回到 WP 後台，点击 UM会员列表，其实会发现会员列表已经有相当多功能了，以免费的外挂来说该有的都有，可说是非常佛心！这边我们看到 一般选项显示会员角色，可以选择要呈现的角色资讯，把权限栏位设定为显示 Subscriber，基本上就能只显示会员资讯

呈现方式能调整为 Grid 以及 List ，我们两者都想要故都勾选，预设为 Grid，这边我们也来看看切换效果

呈现卡片资讯
即便呈现了页面但是看起来相当单调

Grid

List

接着我们希望在卡片页面上预设呈现 学历、个人网址
并且增加下拉按钮，按了之後呈现 法律专业领域、经办过的案件、social media 连结
我们透过 UM会员列表 中的 个人资料卡 做到这些项目

• 选择要在标语中显示的栏位 ： 添加 学经历、个人网页
• 在标语下显示额外的会员信息：添加 法律专业领域、经办过的案件
• Show social connect icons in extra user information section ：勾选後呈现社群连结按钮
• Hide extra user information to the reveal section：勾选後能进行下拉式伸缩效果

完成後成品如下：

补充
稍微补充一下 UM会员列表 提供的功能区块：

刚刚基本上已经用过 一般选项 以及 个人资料卡这边就不再特别介绍
但是 UM 还帮我们做更多

• Sorting：决定卡片如何排序，甚至可以客制化排序规则，这点真的非常棒
• 搜寻：可以搜寻的权限角色、定义搜寻时的条件(例如性别、年龄)，当然也提供了搜寻的客制化，此功能也相当实用
• 结果 & 分页：可定义每一页的卡片数量、手机每页显示的数量等等RWD设定

member页面结果
最後让我们看看在多会员注册下呈现结果如何

Grid

List

以结果来说已经让人相当满意，不要忘记我们都只是用了他原生提供的功能，甚至还没写到半行程序已经能做到这麽棒的功能，如此一来我们也已经完成了 会员列表(/member) 页面，基本重要的页面我们都已经完成。