หมายเหตุ
การเข้าถึงหน้านี้ต้องได้รับการอนุญาต คุณสามารถลอง ลงชื่อเข้าใช้หรือเปลี่ยนไดเรกทอรีได้
การเข้าถึงหน้านี้ต้องได้รับการอนุญาต คุณสามารถลองเปลี่ยนไดเรกทอรีได้
หมายเหตุ
กลุ่มผลประโยชน์การค้าปลีกโดย Dynamics 365 Commerce ได้ย้ายจาก Yammer ไปยัง Viva Engage หากคุณไม่สามารถเข้าถึงชุมชน Viva Engage ใหม่ ให้กรอกแบบฟอร์มนี้ (https://aka.ms/JoinD365commerceVivaEngageCommunity) เพื่อเพิ่มและมีส่วนร่วมในการสนทนาล่าสุด
บทความนี้อธิบายวิธีการใช้ Cascading Style Sheets (CSS) แทนไฟล์ใน Microsoft Dynamics 365 Commerce
รูปแบบเว็บไซต์ถาวรควรจะจัดการผ่านชุดรูปแบบของเว็บไซต์. ชุดรูปแบบจะให้การตั้งค่าและลักษณะ CSS ที่เป็นพื้นฐานสำหรับโมดูลที่อยู่บนหน้าเว็บไซต์ของคุณ คุณสร้างธีมโดยใช้ชุดการพัฒนาซอฟต์แวร์ออนไลน์ของ Dynamics 365 Commerce (SDK) และคุณปรับใช้กับเว็บไซต์ของคุณผ่าน Microsoft Dynamics Lifecycle Services (LCS) ความสามารถในการดีบักของชุดรูปแบบและการกำหนดค่าส่วนติดต่อโมดูลใน SDK ช่วยให้นักพัฒนาเว็บไซต์สร้างแพคเกจการออกแบบที่ปรับแต่งเองได้และสอดคล้องกัน เมื่อคุณปรับใช้แพคเกจการออกแบบเหล่านี้ไปยังไซต์ ผู้เขียนไซต์สามารถมุ่งเน้นการสร้าง แก้ไข และการเผยแพร่เนื้อหาแทนการพัฒนาไซต์
กำหนดวงจรชีวิตปกติของชุดรูปแบบ การพึ่งพานักพัฒนาเพื่อทำการเปลี่ยนแปลงลักษณะผ่าน SDK และการปรับใช้ของไปป์ไลน์ LCS สามารถจำกัดได้ในบางสถานการณ์ ต้นแบบของไซต์หรือโปรแกรมแก้ไขด่วนสามารถดูยุ่งยาก ถ้า SDK ไม่ได้รับการกำหนดค่า หรือถ้าคุณไม่มีเวลาที่จะรอการปรับใช้ LCS
ในสถานการณ์เหล่านี้ การแทนที่ CSS สามารถช่วยได้ ในเครื่องมือการเขียน Commerce ผู้ใช้ที่รับรองความถูกต้องสามารถอัปโหลดไฟล์ CSS ดูตัวอย่าง แล้วเปิดใช้งานเพื่อแทนที่ชุดรูปแบบของไซต์ คุณไม่จําเป็นต้องใช้ค่าใช้จ่ายในการปรับใช้ SDK หรือ LCS การแทนที่ที่คุณระบุในไฟล์การแทนที่ CSS อาจมีขนาดเล็กเท่ากับการเปลี่ยนแปลงสไตล์ข้อความเดียวหรือการกําหนดช่วงกว้างเป็นการปรับปรุงแบรนด์ที่สมบูรณ์
ก่อนที่คุณจะใช้การแทนที่ไฟล์ CSS โปรดทราบข้อจำกัดต่อไปนี้:
- ไฟล์แทนที่ CSS หนึ่งไฟล์เท่านั้นที่สามารถใช้งานได้บนไซต์ในแต่ละครั้ง ดังนั้น การแทนที่ที่ใช้งานอยู่ทั้งหมดต้องอยู่ในไฟล์แทนที่เดียว
- ถึงแม้ว่าคุณสามารถแสดงตัวอย่างการแทนที่ในเครื่องมือการเขียน Commerce ไม่มีคุณลักษณะการดีบักโดยเฉพาะเพื่อช่วยระบุข้อบกพร่องใดๆ ที่การแทนที่แนะนำ อีกนัยหนึ่ง เมื่อคุณใช้ไฟล์การแทนที่ CSS คุณไม่มีเครื่องมือชุดเดียวกันที่ SDK ให้สำหรับโมดูลและการตรวจสอบการเขียนแก้
อย่างไรก็ตาม ไฟล์แทนที่ CSS ให้วิธีที่รวดเร็วในการสร้างต้นแบบการออกแบบหรือใช้โปรแกรมแก้ไขด่วนก่อนที่จะมีการพัฒนารูปแบบเต็มรูปแบบและปรับใช้
สร้างไฟล์การแทนที่ CSS
หากต้องการสร้างไฟล์แทนที่ CSS ให้ใช้สภาพแวดล้อมการพัฒนาแบบรวม (IDE) ตัวแก้ไขข้อความ หรือตัวแก้ไขซอร์สโค้ด วิธีการทั่วไปคือการใช้ดีบักเกอร์เว็บไซต์มาตรฐานในเบราว์เซอร์ของคุณเพื่อระบุตัวเลือกลักษณะ คุณสมบัติ และค่าบนไซต์ที่มีอยู่ของคุณ เบราว์เซอร์ส่วนใหญ่ช่วยให้คุณสามารถเปลี่ยนค่าและแสดงตัวอย่างในดีบักเกอร์ได้ หลังจากที่คุณระบุการเปลี่ยนแปลงที่คุณต้องการบันทึกไปยังไฟล์ CSS ของคุณเองแล้ว
อัปโหลดไฟล์แทนที่ CSS
หากต้องการอัปโหลดไฟล์ CSS ไปยังเว็บไซต์ของคุณใน Commerce ให้ทําตามขั้นตอนเหล่านี้:
ในเครื่องมือการสร้าง ให้ไปที่ไซต์ของคุณ
ในบานหน้าต่างนำทางทางด้านซ้าย ให้เลือก ออกแบบ
หมายเหตุ
คุณอาจจําเป็นต้องขยาย การตั้งค่า ในบานหน้าต่างนําทางก่อนที่คุณจะสามารถเลือก ออกแบบได้ ทั้งนี้ขึ้นอยู่กับเวอร์ชันของเครื่องมือการเขียน Commerce
ที่ด้านบนของบานหน้าต่างการออกแบบหลัก ให้เลือกแท็บ การแทนที่ CSS ถ้ายังไม่ได้เลือกไว้
ภายใต้ การแทนที่ CSS ที่ใช้ได้ เลือก อัปโหลดไฟล์ CSS หน้าต่างตัวสำรวจไฟล์จะปรากฏขึ้น
ใน File Explorer เรียกดูและเลือกไฟล์ CSS แล้วเลือก เปิด ไฟล์ CSS ที่อัปโหลดจะปรากฏภายใต้ การแทนที่ CSS ที่พร้อมใช้
แสดงตัวอย่างไฟล์แทนที่ CSS
เมื่อต้องการแสดงตัวอย่างไฟล์แทนที่ CSS ก่อนที่คุณจะเปิดใช้งานบนไซต์สดของคุณ ให้ทําตามขั้นตอนเหล่านี้:
- ในบานหน้าต่างนำทางทางด้านซ้าย ให้เลือก ออกแบบ บนแท็บ แทนที่ CSS ภายใต้ การแทนที่ CSS ที่พร้อมใช้งาน ให้ค้นหาไฟล์ CSS ที่คุณต้องการแสดงตัวอย่าง
- ถัดจากชื่อไฟล์ CSS เลือก ไซต์แสดงตัวอย่าง
- ในกล่องโต้ตอบ เลือก URL เลือก URL ของไซต์ที่คุณต้องการดูการแทนที่ที่นำไปใช้ จากนั้นให้เลือก ตกลง
- ถ้ามีหลายตัวแปรสำหรับ URL ที่เลือก ให้เลือกตัวแปรที่ต้องการในกล่องโต้ตอบ ดูตัวอย่างตัวแปร ที่ปรากฏ
แท็บหรือหน้าต่างเบราว์เซอร์ใหม่จะเปิดขึ้น ซึ่งคุณสามารถตรวจสอบการแทนที่สไตล์ของคุณเกี่ยวกับไซต์ของคุณได้ จากนั้นคุณสามารถแชร์ URL กับผู้ใช้ Commerce ที่รับรองความถูกต้องอื่นๆ สำหรับการตรวจทานและข้อเสนอแนะ
เปิดใช้ไฟล์แทนที่ CSS บนไซต์ที่ถ่ายทอดสดของคุณ
หลังจากที่คุณแสดงตัวอย่างและอนุมัติไฟล์แทนที่ CSS แล้ว ให้เปิดใช้งานบนไซต์สดของคุณ
หมายเหตุ
คุณสามารถมีไฟล์แทนที่ CSS ที่ใช้งานอยู่ได้เพียงไฟล์เดียวบนไซต์ของคุณในแต่ละครั้ง ถ้าคุณเปิดใช้งานไฟล์แทนที่ใหม่ คุณจะปิดใช้งานไฟล์แทนที่ก่อนหน้านี้ ตรวจสอบให้แน่ใจว่าการแทนที่ที่จําเป็นทั้งหมดอยู่ในไฟล์แทนที่ CSS เดียว
เมื่อต้องการเปิดใช้งานไฟล์แทนที่ CSS ให้ทําตามขั้นตอนเหล่านี้:
- ในบานหน้าต่างนำทางทางด้านซ้าย ให้เลือก ออกแบบ บนแท็บ แทนที่ CSS ภายใต้ การแทนที่ CSS ที่พร้อมใช้งาน ให้ค้นหาไฟล์ CSS ที่คุณต้องการเปิดใช้งาน
- ภายใต้ชื่อไฟล์ CSS ให้เลือก เปิดใช้งาน ไฟล์แทนที่จะเปิดใช้งานในเว็บไซต์ที่ถ่ายทอดสดของคุณทันที
ปิดใช้ไฟล์แทนที่ CSS บนไซต์ที่ถ่ายทอดสดของคุณ
เมื่อต้องการปิดใช้งานแฟ้มแทนที่ CSS บนไซต์ของคุณ ให้ทําตามขั้นตอนเหล่านี้:
- ในบานหน้าต่างนำทางทางด้านซ้าย ให้เลือก ออกแบบ บนแท็บ แทนที่ CSS ภายใต้ การแทนที่ CSS ที่พร้อมใช้งาน ให้ค้นหาไฟล์ CSS ที่คุณต้องการปิดใช้งาน
- ภายใต้ชื่อไฟล์ CSS ให้เลือก ปิดใช้งาน ไฟล์แทนที่จะปิดใช้งานในเว็บไซต์ที่ถ่ายทอดสดของคุณทันที
คำแนะนำ
หากต้องการเข้าถึงตัวเลือกเพิ่มเติมสำหรับการแทนที่ไฟล์ CSS ให้เลือกจุดไข่ปลา (...) ที่อยู่ติดกับชื่อไฟล์ CSS ตัวเลือก ดาวน์โหลดเปลี่ยนชื่อ และ แทนที่ มีประโยชน์สำหรับการเปลี่ยนแปลงอย่างรวดเร็วไปยังไฟล์การแทนที่ CSS ที่มีอยู่
ทรัพยากรเพิ่มเติม
การทำงานกับรูปแบบที่กำหนดไว้ล่วงหน้า
เพิ่มโค้ดสคริปต์ให้กับหน้าไซต์เพื่อสนับสนุนการตรวจวัดระยะไกล