cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

ฉันจะอัพโหลดไฟล์ JavaScript และ CSS ที่กำหนดเองไปยังบัญชีได้อย่างไร

ฉันจะอัพโหลดไฟล์ JavaScript และ CSS ที่กำหนดเองไปยังบัญชีได้อย่างไร

ใน Canvas คุณสามารถใช้ Theme Editor เพื่อสร้างแบรนด์ของบัญชีของคุณได้ อย่างไรก็ตาม หากคุณต้องการใช้การสร้างแบรนด์อื่นเพิ่มเติมที่ไม่ได้รับการรองรับใน Theme Editor ในปัจจุบัน คุณสามารถอัพโหลดไฟล์ CSS (Cascading Style Sheets) และ JS (JavaScript) ที่กำหนดเองไปยังบัญชีของคุณได้ ไฟล์จะถูกติดตั้งลงใน Canvas โดยตรง ธีมใดที่ใช้กับบัญชีจะมีผลกับบัญชีย่อยทั้งหมดด้วย แต่คุณก็สามารถอัพโหลดไฟล์ CSS/JS สำหรับบัญชีย่อยแต่ละบัญชีได้

Theme Editor รองรับไฟล์ที่อัพโหลดบนเดสก์ท็อปและมือถือ ไฟล์ CSS/JS มาตรฐาน จะใช้กับหน้า HTML ในแอพพลิเคชับนเดสก์ท็อปของ Canvas ซึ่งอาจรวมถึงหน้าล็อกอินสำหรับอุปกรณ์เคลื่อนที่ ไฟล์ CSS/JS สำหรับมือถือ จะใช้เฉพาะกับเนื้อหาของผู้ใช้ที่แสดงภายในแอพ Canvas iOS หรือ Android เท่านั้น รวมถึงในแอพของบุคคลที่สามที่ใช้ Canvas API แต่ไฟล์บนมือถือจะไม่มีผลกับเนื้อหาของผู้ใช้ที่แสดงในเบราว์เซอร์มือถือ

ไฟล์ JavaScript และ CSS ที่กำหนดเองจะอยู่ภายใต้ กฎการสืบทอดแบรนด์ ของบัญชีและบัญชีย่อยเดียวกันกับเมื่อตอนจัดทำธีมใน Theme Editor

ก่อนเพิ่มไฟล์ JavaScript และ CSS ที่กำหนดเอง คุณต้องติดต่อผู้จัดการฝ่ายบริการลูกค้าของคุณเพื่อเปิดใช้งานการสร้างแบรนด์ที่กำหนดเองให้กับบัญชีหรือบัญชีย่อยของคุณ

ความเสี่ยงของไฟล์ที่กำหนดเอง

หากคุณไม่สามารถใช้ตัวเลือกของ Theme Editor ที่มีให้ดั้งเดิมในการสร้างแบรนด์นั้น คุณจะต้องทราบถึงความเสี่ยงที่เกี่ยวข้องของการใช้ไฟล์ที่กำหนดเอง ซึ่งอาจทำให้เกิดปัญหาในการเข้าถึงหรือข้อขัดแย้งกับการอัพเดต Canvas ในอนาคตได้:

 

หมายเหตุ:

  • Theme Editor ไม่พร้อมใช้งานสำหรับบัญชีฟรีสำหรับผู้สอน
  • หากคุณเป็นผู้ดูแลระบบบัญชีย่อยและลิงค์ธีมไม่ปรากฏในการสืบค้นบัญชี แสดงว่าไม่ได้เปิดใช้ธีมสำหรับบัญชีย่อย หากแท็บการอัพโหลด CSS/JS ไม่แสดงผล การอัพโหลดไฟล์ไม่ได้ถูกเปิดใช้งานสำหรับบัญชีย่อย

เปิดบัญชี

เปิดบัญชี

ในการสืบค้นเนื้อหาส่วนกลาง คลิก ผู้ดูแลระบบ (Admin) ลิงค์ [1] และคลิกชื่อของบัญชี [2]

เปิดธีม

เปิดปุ่ม Theme Editor

ในการสืบค้นบัญชี คลิก ธีม (Themes) ลิงค์

หมายเหตุ: หากเปิดใช้ธีมบัญชีย่อย บัญชีย่อยแต่ละบัญชีจะรวม ธีม (Themes) ลิงค์ เพื่อเปิด Theme Editor สำหรับบัญชีย่อย คลิก บัญชีย่อย (Sub-Accounts) ลิงค์เพื่อระบุและเปิดบัญชีย่อย และคลิกของบัญชีย่อย ธีม (Themes) ลิงค์

เปิดเทมเพลตของธีม

หากคุณยังไม่มีธีม Canvas สำหรับบัญชีของคุณ ให้ใช้เทมเพลตเพื่อจัดทำธีมใหม่ คุณสามารถเลือกจากเทมเพลต Canvas เริ่มต้น, เทมเพลตแบบมินิมัลและเทมเพลต State U. หากผู้จัดการความสำเร็จของลูกค้าของคุณเปิดใช้งานตัวเลือกคุณสมบัติเฉพาะ K12 ธีม K12 จะปรากฏเป็นเทมเพลตด้วย

เพื่อจัดทำธีมใหม่ เลื่อนเหนือเทมเพลตและคลิก เปิดใน Theme Editor (Open in Theme Editor) ปุ่ม [1] หรือคลิก เพิ่มธีม (Add Theme) ปุ่ม [2] และเลือกเทมเพลตจากรายการ

เปิดธีมที่บันทึกไว้

เปิดธีมที่บันทึกไว้

หากคุณจัดทำและบันทึกธีมแล้ว คุณสามารถแก้ไขธีมที่บันทึกไว้ได้ทุกเมื่อ ธีมที่บันทึกไว้จะแสดงในกลุ่มย่อยธีมของฉัน เพื่อเปิดธีมที่บันทึกไว้ เลื่อนเหนือชื่อของธีมและคลิก เปิดใน Theme Editor (Open in Theme Editor) ปุ่ม [1]

เพื่อจัดทำธีมใหม่ตามธีมที่บันทึกไว้ คลิก เพิ่มธีม (Add Theme) ปุ่ม [2] และเลือกชื่อของธีมที่บันทึกไว้จากรายการ [3] ตัวเลือกนี้ช่วยคุณหลีกเลี่ยงการเขียนทับธีมที่บันทึกไว้ก่อนหน้านี้

เปิดแท็บอัพโหลด

เปิดแท็บอัพโหลด

ในแถบด้านข้างของ Theme Editor ให้คลิกแท็บ อัพโหลด (Upload)

อัพโหลดไฟล์ที่กำหนดเอง

อัพโหลดไฟล์ CSS/JavaScript ที่กำหนดเอง

หากต้องการอัพโหลดไฟล์สำหรับแอพพลิเคชันบนเดสก์ท็อปของ Canvas ให้ไปที่หัวเรื่อง ไฟล์ CSS/ไฟล์ JavaScript (CSS file/JavaScript file) [1] หากต้องการอัพโหลดไฟล์สำหรับเนื้อหาผู้ใช้ในแอพมือถือ Canvas และแอพของบุคคลที่สาม ให้ไปที่หัวเรื่อง ไฟล์ CSS ของแอพมือถือ/ไฟล์ JavaScript (Mobile app CSS file/JavaScript file) [2]

ไปที่ประเภทไฟล์ที่คุณต้องการอัพโหลดและคลิกปุ่ม เลือก (Select) [3] แล้วค้นหาไฟล์บนคอมพิวเตอร์ของคุณ

ค้นหาไฟล์เพิ่มเติมสำหรับการอัพโหลด หากจำเป็น

ดูตัวอย่างธีม

ดูตัวอย่างธีม

เพื่อ preview ธีมของคุณ คลิก Preview การเปลี่ยนแปลงของคุณ (Preview Your Changes) ปุ่ม

Canvas จะสร้างภาพตัวอย่างของส่วนประกอบตามไฟล์ที่คุณอัพโหลด

จัดการไฟล์

จัดการไฟล์

หากต้องการจัดการไฟล์ของคุณ ให้คลิกแท็บ อัพโหลด (Upload) อีกครั้ง [1]

หากต้องการลบและอัพโหลดไฟล์ใหม่ ให้คลิกไอคอน ลบ (Remove) [2] คุณสามารถทำการเปลี่ยนแปลงเพิ่มเติมและอัพโหลดไฟล์ที่แก้ไขแล้วของคุณได้

หากต้องการดูโค้ดในไฟล์ของคุณ ให้คลิกลิงค์ ดูไฟล์ (View File) [3] เนื่องจากไฟล์ถูกจัดเก็บไว้ใน Canvas โดยตรง ให้ใช้ลิงค์นี้หากคุณต้องการดาวน์โหลดไฟล์

บันทึกธีม

บันทึกธีม

เมื่อคุณพอใจกับการเปลี่ยนแปลงเทมเพลตแล้ว บันทึกธีมของคุณโดยการคลิก บันทึกธีม (Save Theme) ปุ่ม

จัดทำชื่อธีม

จัดทำชื่อธีม

หากคุณแก้ไขธีมจากเทมเพลต Theme Editor จะจัดทำสำเนาของธีม เทมเพลตสามารถแก้ไขได้โดยตรง ในช่องชื่อธีม [1] กรอกชื่อสำหรับธีมของคุณ คลิก บันทึกธีม (Save Theme) ปุ่ม [2]

หมายเหตุ: หากคุณแก้ไขธีมที่บันทึกไว้ก่อนหน้านี้ การบันทึกธีมจะเขียนทับเวอร์ชันก่อนหน้าของธีมและใช้ชื่อธีมเดียวกัน

ปรับใช้ธีม

ปรับใช้ธีม

เพื่อปรับใช้ธีมไปยังบัญชีของคุณ คลิก ปรับใช้ธีม (Apply theme) ปุ่ม [1]

เพื่อออกจากธีมและกลับไปที่หน้าธีม คลิก ออก (Exit) ปุ่ม [2] คุณสามารถเปิดธีมและปรับใช้ไปยังบัญชีของคุณได้ตลอดเวลา

หมายเหตุ: หากบัญชีของคุณอนุญาตให้บัญชีย่อยปรับแต่งธีมของตนเอง การเปลี่ยนแปลงใด ๆ ที่ปรับใช้จะส่งต่อไปยังบัญชีย่อยที่เกี่ยวข้องด้วย Canvas จะแสดงสถานะการอัพเดต Theme Editor ของคุณ เมื่อกระบวนการสำหรับบัญชีย่อยแต่ละบัญชีเสร็จสิ้น บัญชีย่อยนั้นจะหายไปจากหน้าต่างความคืบหน้า เมื่อบัญชีย่อยทั้งหมดได้รับการอัพเดตแล้ว Theme Editor จะเปลี่ยนเส้นทางกลับไปที่หน้า ธีม

Was this article helpful? Yes No






If you find a typo or outdated info, or have a suggestion to improve this guide, please share your feedback