每次登陆salesforce的时候,总是看到CRM#No.1之类的图片,总觉得缺少些什么。
偶然看到有的公司会自定义化自己的Login页面。遂研究了一下
- setup>My Domain
前提是先自定义自己公司login页面的域名。
参见trailhead:
https://trailhead.salesforce.com/en/content/learn/modules/identity_login/identity_login_my_domain
如下图中:
Logo File: 是显示在登陆form上面的公司Logo,
Right frame URL: 可以上传一个图片的URL(注意必须https开头),可以链接任意外部图片source, 看有的人也会把图片上传至chatter中,然后分享chatter图片为外部链接。
当然另外顾名思义,frame URL 也可以把你们公司的网址粘进来,这样就是很好的品牌化软件了。
最佳实践:
首先很遗憾,上传的图片并不支持自适应。
上传的图片,我给的900px,700px在小屏幕上面显示效果很好,但是拖屏到大屏上面之后,图片就只显示在右半部分的左上角,不太好看。公司的美工其实完全可以在此基础上进行设计。 可以设计一个比较大的图片,小屏幕上的时候显示左上角,等拖到到屏幕上的时候,展示出来整张图片。
Update 2019/12/01
如果是Right frame URL里面输入的是公司的网址,需要你们公司的网址是自适应的页面效果才好。
当然这里也可以用下面的方法,写一个HTML的页面,页面中只显示一张图片,页面同时自适应。
参考代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Fix Coffee</title>
<style>
body {
background: url(./coffee.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
</head>
<body>
</body>
</html>
Reference:
https://automationchampion.com/2013/10/16/branding-your-salesforce-login-page/
https://mydomain-sample.herokuapp.com/