การปรับแต่งแอปโดยใช้ JavaScript และ CSS

หมายเลขบทความ:040556

คุณสามารถใช้ JavaScript และ CSS เพื่อปรับแต่งพฤติกรรมและรูปลักษณ์หน้าจอของแอปได้ การปรับแต่งสามารถตั้งค่าสำหรับพีซีและอุปกรณ์มือถือ (รวมถึงแอปมือถือ) แยกกันได้

アプリのカスタマイズは、[アプリの設定][JavaScript / CSSでカスタマイズ]画面からJavaScript/CSSファイルを適用します。
アプリに適用するカスタマイズファイルの作成には、Kintoneが提供するAPIを利用できます。詳細は、次のページを参照してください。
cybozu developer network

หน้าจอที่ใช้ปรับแต่งแอพ

สำหรับข้อมูลเกี่ยวกับตำแหน่งที่ไฟล์ JavaScript และ CSS ที่นำเข้าในหน้าจอ การปรับแต่ง JavaScript และ CSS ในการตั้งค่าแอปของคุณจะถูกนำไปใช้ โปรดดูที่หน้าต่อไปนี้:
หน้าเว็บที่มีการปรับแต่งแอป Kintone

การใช้ไฟล์ JavaScript และ CSS

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

  1. คลิกไอคอน การตั้งค่าแอปพลิเคชัน (ไอคอนรูปเฟือง) ที่มุมบนขวาของหน้าจอ View
    ภาพหน้าจอ: ไอคอน "การตั้งค่าแอปพลิเคชัน" ถูกไฮไลต์

  2. ในหน้าจอ การตั้งค่าแอป ให้เลือกแท็บ การตั้งค่าแอป จากนั้นคลิก การปรับแต่ง JavaScript และ CSS ภายใต้ การพัฒนาเสริมและการเชื่อมต่อระบบอื่น

  3. บนหน้าจอ การปรับแต่ง JavaScript และ CSS ให้เลือกหนึ่งในสามตัวเลือกต่อไปนี้เป็นขอบเขตของการปรับแต่ง

    • [すべてのユーザーに適用]
    • ใช้งานได้เฉพาะผู้ดูแลแอปพลิเคชันเท่านั้น
    • ปิดใช้งาน

    หากคุณต้องการให้การปรับแต่งของคุณมีผลกับผู้ใช้ทุกคน โปรดทดลองใช้กับผู้ดูแลระบบแอปก่อน และตรวจสอบว่าการปรับแต่งทำงานได้อย่างถูกต้อง
    หากคุณเลือก ใช้งานได้โดยผู้ใช้งานทุกราย" การปรับแต่งจะถูกนำไปใช้กับผู้ใช้ทั้งหมด รวมถึงผู้ใช้ที่เป็นแขกด้วย

  4. คลิก เพิ่มลิงก์ หรือ เพิ่มไฟล์ แล้วเลือกไฟล์ที่ต้องการนำเข้า
    หากมีการนำเข้าไฟล์หลายไฟล์ ระบบจะอ่านไฟล์ตามลำดับที่ปรากฏ คุณสามารถเปลี่ยนลำดับไฟล์ได้โดยการลากและวางไอคอน ลากเพื่อแก้ไขลำดับ (ไอคอนลูกศรขึ้นและลง) ทางด้านซ้ายของชื่อไฟล์แต่ละไฟล์
    Screenshot: หน้าจอสำหรับเพิ่มไฟล์ปรับแต่ง

  5. คลิกปุ่ม บันทึก ที่มุมล่างขวาของหน้าจอ

  6. คลิก อัพเดทแอป ที่มุมบนขวาของหน้าจอ

  7. ในหน้าต่าง อัพเดทแอป คลิก อัพเดทแอป