wp-job-manager 改造及汉化篇(三):员工列表页头像美化

原程序有一个不知道是BUG还是原作者故意的,PC上访问员工信息列表页是能预览员工头像的,用手机访问这个页面则头像消失,而且消失后会在原来应该出现头像的地方留下一个空白区域出来,很不好看,对用手机访问网站的客户来说,体验也很不好。因为员工的长相是客户非常感兴趣的一个内容,客户在浏览列表页时若能直接预览员工头像,对客户做判断是很有帮助的。下面来动手修正这个问题。

改造完成后,我希望在电脑端。原头像是42像素的正方形,美化后成为60像素的圆形。在手机端本来不显示头像,美化后,手机端也能显示60像素的圆形头像。

改为

这一步是将头像从42像素的正方形更改为60像素的圆形。

再找到

改为

就是把 visibility:hidden 改为 visibility:visible 嗯,我敢肯定原作者是故意的,虽然我不知道这是为了什么。

这一步则是让头像能够在客户用手机浏览器浏览列表页时也能显示出来。

搞定!

推荐阅读:WP-JOB-MANAGER 改造及汉化教程系列

wp-job-manager 改造及汉化篇(一):员工信息详情页title的SEO优化 
wp-job-manager 改造及汉化篇(二):员工信息列表页的分页表述汉化 
wp-job-manager 改造及汉化篇(三):员工列表页头像美化 
wp-job-manager 改造及汉化篇(四):变更员工详情页地图接口为高德地图或自定义接口 
wp-job-manager 改造及汉化篇(五):为wp-job-manager侧边栏的widget加上员工的岗位及工作地点信息 
wp-job-manager 改造及汉化篇(六):为WP-Job-Manager员工信息页加上评论功能 
wp-job-manager 改造及汉化篇(七):加上评分功能,让客户能为每位员工打分 
wp-job-manager 改造及汉化篇(八):立即预约按钮的弹出菜单里加上员工的电话号码 
wp-job-manager 改造及汉化篇(九):为员工加上金牌认证 
wp-job-manager 改造及汉化篇(十):为员工信息展示页加上个人视频秀 

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注