Index
概要
kintone的门户页面可以说相对灵活，可以在门户上显示部分信息及应用。但是还是有部分功能不能实现，比如没法做到设置任意按钮等。
2019年7月的升级后，不单可以做到设置按钮，还可以自由地自定义了。
标准的门户
自定义范例
像上面这样，可以使其仅显示跟自己业务有关的内容，也可以显示自定义的个性图表等各种之前无法实现的功能。同样也可用于智能手机版。
新增的门户自定义相关的功能
本次介绍新增的门户自定义相关功能的要点。
1. 新增的门户系列API
使用新增的门户相关的API，可正式对门户进行自定义了。比如，可以设置按钮、可以动态设置链接等。
2.发布了新工具“Kintone Portal Designer”
使用上面的API可以自由地进行自定义，但是需要HTML、CSS和JavaScript的知识。
使用Kintone Portal Designer的话，不需要JavaScript知识，只要HTML和CSS就可以进行自定义了。
关于Kintone Portal Designer，在其他文章中进行详细介绍。
3. 新增门户的设置项目
在门户的设置页面，可以对要在门户上显示的内容（公告栏、通知、未处理、空间、应用）分别设置是否显示。
※此处的设置不可按各个用户分别设置，仅可按各域名分别设置。
通过这里的设置，也可以根据实际需要让门户仅显示必要的内容。
通过JavaScript进行门户自定义的方法
自定义范例:在门户上放置上班/下班按钮
首先，我们先用这次新增的API来做一个简单的自定义。
前提背景是kintone上已经有考勤管理系统，不打开此管理应用的情况下，在门户上就可以进行考勤。
/*
* kintone Portal sample program
* Copyright (c) 2019 Cybozu
*
* Licensed under the MIT License
*/
(function () {
'use strict';
// 门户显示时的事件
kintone.events.on('portal.show', function() {
// 获取门户上方的空白元素
var el = kintone.portal.getContentSpaceElement();
// 创建考勤按钮
var clockInButton = document.createElement('button');
clockInButton.textContent = '上班'
clockInButton.style.margin = '5px 0 0 16px';
clockInButton.onclick = function() {
// 上班的处理
alert('您按了上班按钮');
};
el.appendChild(clockInButton);
// 下班按钮
var clockOutButton = document.createElement('button');
clockOutButton.textContent = '下班'
clockOutButton.style.margin = '5px 0 0 8px';
clockOutButton.onclick = function() {
// 下班处理
alert('您按了下班按钮');
};
el.appendChild(clockOutButton);
});
})();在“kintone系统管理”的“通过JavaScript / CSS自定义”页面添加JavaScript文件。
本次设想是在PC端上放置按钮，因为在“JavaScript文件（电脑专用）”栏上传上面的代码。
这样，上下班按钮就出来了。
还为没有什么JavaScript经验的人提供了更加容易的门户开发方法，请参考下面的文章。
最后
综上所述，本次升级后，您可以根据实际需求来自定义一个符合自己公司的kintone门户了。
今后，我们还会继续发布新的范例，欢迎您关注我们的更新，并希望能为您的门户自定义提供帮助。
相关链接
此Tips在2019年07月版 kintone上确认过。