หน้าจอหลักของ Kintone เรียกว่า "พอร์ทัล" ซึ่งทำหน้าที่เป็นศูนย์กลางหลักของ Kintone และมักจะเป็นหน้าที่ผู้ใช้เข้าใช้บ่อยที่สุด
โดยค่าเริ่มต้นพอร์ทัลจะแสดงข้อมูลต่อไปนี้:
1: ประกาศ
2: การแจ้งเตือน
3: ผู้ได้รับมอบหมาย ฉัน
4: สเปซ
5: แอปพลิเคชัน

สำหรับรายละเอียดเกี่ยวกับข้อมูลที่แสดงบนพอร์ทัลโปรดดูที่หน้าต่อไปนี้
ภาพรวมของพอร์ทัล

ผู้ใช้และผู้ดูแลระบบ Kintone และ Kintone สามารถทำสิ่งต่อไปนี้ได้

• เปลี่ยนชื่อที่แสดงพอร์ทัล
• เปลี่ยนรูปภาพหน้าปกพอร์ทัล
  ไฟล์รูปภาพขนาดไม่เกิน 5MB สามารถใช้เป็นรูปภาพหน้าปกได้ สำหรับมุมมองเดสก์ท็อป ความสูงของรูปภาพหน้าปกจะถูกกำหนดไว้ที่ 64 พิกเซล และความกว้างจะปรับให้พอดีกับเว็บเบราว์เซอร์ของคุณโดยอัตโนมัติ
• แสดง หรือซ่อน ประกาศ​ ​แอปพลิเคชัน และส่วนอื่น ๆ ตามความต้องการ
• แก้ไข เนื้อหาที่จะแสดงใน ประกาศ​

คุณสามารถกําหนดค่าชื่อพอร์ทัล รูปภาพหน้าปก และเนื้อหาที่จะแสดงบนพอร์ทัลได้จากไอคอน ตัวเลือก ที่มุมขวาบนของพอร์ทัล
หากคุณต้องการแก้ไขเนื้อหาของส่วน ประกาศ ให้คลิกไอคอนประกาศ แก้ไข ที่ ด้านขวาบนของส่วน
การแก้ไขส่วน ประกาศ ของพอร์ทัล

ดูขั้นตอนการกำหนดค่าการตั้งค่าพอร์ทัลของคุณจากไอคอน ตัวเลือก ที่มุมขวาบนของพอร์ทัลด้านล่าง

1. คลิกไอคอน ตัวเลือก ที่ด้านขวาบนของพอร์ทัล แล้วเลือก พอร์ทัล การตั้งค่า​

2. กำหนดค่าการตั้งค่าตามความจำเป็น

3. คลิก บันทึก​

คุณปรับแต่งพอร์ทัลได้โดยใช้ API และส่วนขยาย Kintone พอร์ทัล Designer (เลิกผลิต) สําหรับ Chrome ส่วนต่อไปนี้จะอธิบายประเด็นสําคัญของวิธีการปรับแต่งแต่ละวิธี

วิธีหนึ่งในการปรับแต่งพอร์ทัลของคุณคือการสร้างโปรแกรม JavaScript โดยใช้ API ที่ Kintone จัดเตรียมไว้และนำไปใช้กับสภาพแวดล้อม Kintone ของคุณ การปรับแต่งประเภทนี้ช่วยให้คุณทำสิ่งต่างๆ เช่น เพิ่มปุ่มลงในพอร์ทัลของคุณได้

สำหรับรายละเอียดเกี่ยวกับวิธีการนำไฟล์ JavaScript มาใช้กับ Kintone โปรดดูที่หน้าต่อไปนี้
การปรับแต่งระบบ Kintone ทั่วทั้งระบบโดยใช้ JavaScript และ CSS

Kintone พอร์ทัล Designer เป็นเครื่องมือ (ส่วนขยายของ Chrome) ที่ช่วยให้คุณออกแบบพอร์ทัล Kintone ได้อย่างยืดหยุ่น มีเทมเพลตและไอคอนที่หลากหลาย คุณจึงสามารถออกแบบพอร์ทัลของคุณได้เพียงแค่ปรับแต่งเทมเพลต ด้วยความเข้าใจพื้นฐานเกี่ยวกับ HTML และ CSS คุณสามารถออกแบบพอร์ทัลที่เหมาะกับความต้องการและความต้องการของคุณได้

ตัวอย่าง การออกแบบ 1:
ตัวอย่าง การออกแบบ 2:

คุณยังสามารถใช้ JavaScript เพื่อเพิ่มฟังก์ชันที่ซับซ้อนมากขึ้น ซึ่งไม่สามารถสร้างด้วย HTML และ CSS เพียงอย่างเดียวได้