ทำงานกับไฟล์การแก้ไข CSS

บทความนี้อธิบายเหตุผล เวลา และวิธีการใช้ไฟล์การแทนที่ Cascading Style Sheet (CSS) ใน Microsoft Microsoft Dynamics 365 Commerce

รูปแบบเว็บไซต์ถาวรควรจะจัดการผ่านชุดรูปแบบของเว็บไซต์. ชุดรูปแบบจะให้การตั้งค่าและลักษณะ CSS ที่เป็นพื้นฐานสำหรับโมดูลที่อยู่บนหน้าเว็บไซต์ของคุณ ชุดรูปแบบถูกสร้างขึ้นโดยใช้ชุดพัฒนาซอฟต์แวร์ออนไลน์ (SDK) Dynamics 365 Commerce และจะถูกปรับใช้กับเว็บไซต์ของคุณผ่าน 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 ให้ทำตามขั้นตอนเหล่านี้

1. ในเครื่องมือการสร้าง ให้ไปที่ไซต์ของคุณ

2. ในบานหน้าต่างนำทางทางด้านซ้าย ให้เลือก ออกแบบ

   หมายเหตุ

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

3. ที่ด้านบนของบานหน้าต่างการออกแบบหลัก ให้เลือกแท็บ การแทนที่ CSS ถ้ายังไม่ได้เลือกไว้

4. ภายใต้ การแทนที่ CSS ที่ใช้ได้ เลือก อัปโหลดไฟล์ CSS หน้าต่างตัวสำรวจไฟล์จะปรากฏขึ้น

5. ใน File Explorer เรียกดูและเลือกไฟล์ CSS แล้วเลือก เปิด ไฟล์ CSS ที่อัปโหลดจะปรากฏภายใต้ การแทนที่ CSS ที่พร้อมใช้

แสดงตัวอย่างไฟล์แทนที่ CSS

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

1. ในบานหน้าต่างนำทางทางด้านซ้าย ให้เลือก ออกแบบ จากนั้นบนแท็บ การแทนที่ CSS ภายใต้ การแทนที่ CSS ที่พร้อมใช้งาน ค้นหาไฟล์ CSS ที่คุณต้องการแสดงตัวอย่าง
2. ถัดจากชื่อไฟล์ CSS เลือก ไซต์แสดงตัวอย่าง
3. ในกล่องโต้ตอบ เลือก URL เลือก URL ของไซต์ที่คุณต้องการดูการแทนที่ที่นำไปใช้ จากนั้นให้เลือก ตกลง
4. ถ้ามีหลายตัวแปรสำหรับ URL ที่เลือก ให้เลือกตัวแปรที่ต้องการในกล่องโต้ตอบ ดูตัวอย่างตัวแปร ที่ปรากฏ

แท็บหรือหน้าต่างใหม่ของเบราว์เซอร์ใหม่จะเปิดขึ้น ซึ่งคุณสามารถตรวจสอบการแทนที่ลักษณะของคุณกับไซต์ของคุณได้ จากนั้นคุณสามารถแชร์ URL กับผู้ใช้ Commerce ที่รับรองความถูกต้องอื่นๆ สำหรับการตรวจทานและข้อเสนอแนะ

เปิดใช้ไฟล์แทนที่ CSS บนไซต์ที่ถ่ายทอดสดของคุณ

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

หมายเหตุ

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

เมื่อต้องการเปิดใช้ไฟล์แทนที่ CSS ให้ทำตามขั้นตอนเหล่านี้

1. ในบานหน้าต่างนำทางทางด้านซ้าย ให้เลือก ออกแบบ จากนั้นบนแท็บ การแทนที่ CSS ภายใต้ การแทนที่ CSS ที่พร้อมใช้งาน ค้นหาไฟล์ CSS ที่คุณต้องการเปิดใช้งาน
2. ภายใต้ชื่อไฟล์ CSS ให้เลือก เปิดใช้งาน ไฟล์แทนที่จะเปิดใช้งานในเว็บไซต์ที่ถ่ายทอดสดของคุณทันที

ปิดใช้ไฟล์แทนที่ CSS บนไซต์ที่ถ่ายทอดสดของคุณ

เมื่อต้องการปิดใช้งานไฟล์แทนที่ CSS บนไซต์ของคุณ ให้ทำตามขั้นตอนเหล่านี้

1. ในบานหน้าต่างนำทางทางด้านซ้าย ให้เลือก ออกแบบ จากนั้นบนแท็บ การแทนที่ CSS ภายใต้ การแทนที่ CSS ที่พร้อมใช้งาน ค้นหาไฟล์ CSS ที่คุณต้องการปิดใช้งาน
2. ภายใต้ชื่อไฟล์ CSS ให้เลือก ปิดใช้งาน ไฟล์แทนที่จะปิดใช้งานในเว็บไซต์ที่ถ่ายทอดสดของคุณทันที

คำแนะนำ

หากต้องการเข้าถึงตัวเลือกเพิ่มเติมสำหรับการแทนที่ไฟล์ CSS ให้เลือกจุดไข่ปลา (...) ที่อยู่ติดกับชื่อไฟล์ CSS ตัวเลือก ดาวน์โหลดเปลี่ยนชื่อ และ แทนที่ มีประโยชน์สำหรับการเปลี่ยนแปลงอย่างรวดเร็วไปยังไฟล์การแทนที่ CSS ที่มีอยู่

ทรัพยากรเพิ่มเติม

เพิ่มโลโก้

เลือกชุดรูปแบบของไซต์

การทำงานกับรูปแบบที่กำหนดไว้ล่วงหน้า

เพิ่มไอคอนประจำไซต์

เพิ่มข้อความสงวนลิขสิทธิ์

เพิ่มภาษาลงในไซต์ของคุณ

เพิ่มโค้ดสคริปต์ให้กับหน้าไซต์เพื่อสนับสนุนการตรวจวัดระยะไกล