#F5F5F5

สร้างประสบการณ์ที่น่าสนใจได้เร็วยิ่งขึ้นด้วยส่วนประกอบใน Experience Manager Sites

อินเทอร์เฟซผู้ใช้ที่แสดงเมนูแบบดรอปดาวน์ซึ่งมีชื่อว่า "ส่วนประกอบ" พร้อมตัวเลือกต่างๆ เช่น แอคคอร์เดียน, ปุ่ม, ภาพสไลด์, Content Fragment, Experience Fragment, และรูปภาพ เคอร์เซอร์กำลังเลือก "Content Fragment" ในพื้นหลัง ตัวอย่างเว็บไซต์ "Sentry" แสดงเสือชีตาห์เรืองแสงหลากสีสันและข้อความทางการตลาดที่ส่งเสริมโซลูชันเครือข่ายองค์กร พร้อมด้วยปุ่ม "ดูข้อมูลเพิ่มเติม"
#F5F5F5

เร่งความเร็วในการพัฒนาเว็บและเพจด้วยระบบโมดูลาร์

Adobe Experience Manager Sites ช่วยให้ทีมงานสร้างประสบการณ์ดิจิทัลที่ตอบสนองตามพื้นที่ได้รวดเร็วยิ่งขึ้นด้วยระบบที่ทรงพลังของส่วนประกอบเว็บแบบโมดูลาร์ ใช้ประโยชน์จากไลบรารีที่มีส่วนประกอบหลักพร้อมใช้งานหลากหลายแบบ พร้อมองค์ประกอบ UI แบบ drag-and-drop ให้สร้างหน้าเว็บได้ไวขึ้น รักษาความสอดคล้องของแบรนด์ และลดความจำเป็นที่จะต้องปรับแต่งโค้ดเอง แนวทางที่เน้นส่วนประกอบของ Experience Manager Sites ช่วยปรับปรุงประสิทธิภาพในการพัฒนา รองรับการดำเนินการเนื้อหาที่พร้อมขยายการรองรับ และลดต้นทุนรวมในการเป็นเจ้าของ

อุปสรรค: การเอาชนะความท้าทายด้านความเร็วของเนื้อหา

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

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

สร้างประสบการณ์ดิจิทัลได้เร็วขึ้นด้วยส่วนประกอบเว็บของ Experience Manager Sites

Experience Manager Sites จัดการกับความท้าทายเหล่านี้ด้วยระบบอันเป็นเลิศของส่วนประกอบที่สร้างไว้ล่วงหน้าและปรับแต่งได้

  • ผู้เขียน สามารถประกอบหน้าที่ปรับเปลี่ยนตามปัจจัยต่างๆ แต่ยังสอดคล้องกับแบรนด์ได้อย่างรวดเร็วผ่านอินเทอร์เฟซ drag-and-drop ที่เห็นภาพ โดยไม่ต้องมีความเชี่ยวชาญด้านเทคนิคขั้นสูง
  • นักพัฒนา สร้างผลงานได้มากขึ้นด้วยการนำส่วนประกอบที่ได้มาตรฐานและเข้ากันได้แบบย้อนหลังมาใช้ซ้ำและขยายเพิ่ม ลดเวลาในการปรับแต่งเล็กๆ น้อยๆ ให้เข้ากับความต้องการเฉพาะ และปรับปรุงการบำรุงรักษาให้มีประสิทธิภาพ

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

เร่งความเร็วในการพัฒนาเว็บด้วยส่วนประกอบใน Experience Manager

ส่วนประกอบหลักใน Experience Manager Sites มีส่วนประกอบ UI มาตรฐานพร้อมใช้งานจริงซึ่งช่วยให้สร้างหน้าเว็บได้เร็วขึ้นและให้ประสบการณ์ผู้ใช้ที่สอดคล้องกันในทุกดิจิทัลทัชพอยต์ ผู้เขียนสามารถนำส่วนประกอบที่ใช้งานง่าย เช่น ตัวนำทาง แถบค้นหา ภาพสไลด์ แบบฟอร์ม และแกลเลอรีรูปภาพ มาประกอบกันเป็นหน้าเว็บต่างๆ ได้อย่างง่ายดายและเห็นภาพชัดเจน ในขณะเดียวกัน นักพัฒนาก็ได้รับประโยชน์จากความสามารถในการขยาย การควบคุมเวอร์ชัน และความเข้ากันได้แบบย้อนหลังของส่วนประกอบหลักซึ่งให้รากฐานที่มั่นคงสำหรับขยายเว็บไซต์ให้รองรับได้มากขึ้นในอนาคต แนวทางนี้ช่วยลดความต้องการในการพัฒนาแบบกำหนดเองและลดความซับซ้อนในการอัปเกรด ซึ่งจะช่วยลดต้นทุนโดยรวมในระยะยาว

ข้อดีของส่วนประกอบใน Experience Manager Sites

ส่วนประกอบเว็บที่มีฟังก์ชันและความยืดหยุ่น

ส่วนประกอบแต่ละอย่างใน Experience Manager เป็นทรัพยากรที่สามารถกำหนดค่าได้และเป็นอิสระ โดยประกอบด้วยสคริปต์ สไตล์ และฟังก์ชันต่างๆ ผู้เขียนสามารถปรับแต่งส่วนประกอบต่างๆ ได้อย่างง่ายดาย ตั้งแต่บล็อกข้อความพื้นฐานไปจนถึงองค์ประกอบ UI ที่ซับซ้อนเช่น แอคคอร์เดียนและแท็บ โดยที่ไม่จำเป็นต้องให้นักพัฒนาเข้ามาช่วยเหลือใน use cases มาตรฐาน

ลดต้นทุนด้วยส่วนประกอบ CMS ที่สามารถอัปเกรดได้

ส่วนประกอบหลักของ Experience Manager ได้รับการออกแบบมาให้มีอายุการใช้งานยาวนานและสามารถอัปเกรดได้ ลดความเสี่ยงด้านการบำรุงรักษาในระยะยาว การกำหนดเวอร์ชันปกติและความเข้ากันได้แบบย้อนหลังช่วยปกป้องการลงทุนด้านการพัฒนาและลดความซับซ้อนในการอัปเกรดแพลตฟอร์มเมื่อเปรียบเทียบกับโซลูชันดั้งเดิมที่ผ่านการปรับแต่งมามากมาย

ประสบการณ์แบรนด์ที่สอดคล้องกันกับส่วนประกอบ UI ที่สืบทอดมา

เทมเพลต Experience Manager และการสืบทอดส่วนประกอบช่วยให้แน่ใจว่าองค์ประกอบที่ใช้ร่วมกัน เช่น ส่วนหัว ส่วนท้าย และแถบนำทางจะสอดคล้องกันทั้งในด้านภาพและการทำงานทั่วทั้งเว็บไซต์ ระบบสไตล์ของ Experience Manager ช่วยให้สามารถกำหนดรูปแบบการออกแบบที่หลากหลาย ช่วยให้ผู้เขียนมีอำนาจมากขึ้นในขณะที่ยังคงมาตรฐานของแบรนด์ไว้

การผสานรวม dynamic media เพื่อภาพที่ได้รับการเพิ่มประสิทธิภาพ

ส่วนประกอบที่ใช้ภาพสามารถรวมเข้ากับ Experience Manager Dynamic Media ได้อย่างลงตัว ช่วยให้สามารถใช้ฟีเจอร์ต่างๆ เช่น smart crop, presets สำหรับภาพ และการเพิ่มประสิทธิภาพได้โดยตรงภายในการกำหนดค่าส่วนประกอบ ช่วยให้ภาพดูมีคุณภาพสูงในทุกอุปกรณ์

https://video.tv.adobe.com/v/18926?quality=12&learn=on&captions=eng&autoplay=true

การเปรียบเทียบคำศัพท์ส่วนประกอบ

ศัพท์
บริบทและความเกี่ยวข้องกับ Experience Manager
ส่วนประกอบของเว็บไซต์
ส่วนประกอบของ Experience Manager มีข้อดีคล้ายคลึงกัน (ความสามารถในการนำกลับมาใช้ใหม่ การห่อหุ้มข้อมูล การพัฒนาที่รวดเร็วยิ่งขึ้น) และทำหน้าที่เป็นส่วนประกอบพื้นฐานสำหรับหน้าเว็บ
ส่วนประกอบของ UI
ส่วนประกอบของ Experience Manager จำนวนมากจะเรนเดอร์องค์ประกอบอินเทอร์เฟซผู้ใช้ (แบบฟอร์ม ปุ่ม การนำทาง ภาพสไลด์) โดยตรงเพื่อให้ผู้เขียนกำหนดค่าและให้ผู้ใช้โต้ตอบด้วย
ส่วนประกอบของ CMS
ส่วนประกอบของ Experience Manager ได้รับการจัดการภายใน CMS โดยกำหนดโครงสร้างเนื้อหาและลักษณะที่ปรากฏบนหน้า ซึ่งมักเชื่อมโยงกับเทมเพลตและเวิร์กโฟลว์
ส่วนประกอบแบบ Drag and Drop
หมายถึงวิธีการสร้างหลักใน Experience Manager Sites สำหรับการเพิ่มและการจัดเรียงส่วนประกอบบนเพจโดยใช้ visual editor
องค์ประกอบของเนื้อหา
ส่วนประกอบของ Experience Manager จัดการเนื้อหา (ข้อความ, รูปภาพ, วิดีโอ, fragments) ที่ประกอบเป็นประสบการณ์บนหน้าเว็บนั้นๆ
องค์ประกอบหลัก
ชุดส่วนประกอบเฉพาะของ Experience Manager ที่ทันสมัย ได้มาตรฐาน และเป็นแบบปฏิบัติที่ดีที่สุด ออกแบบมาเพื่อความยืดหยุ่น ความสามารถในการบำรุงรักษา และประสิทธิภาพการทำงาน
ส่วนประกอบพร้อมใช้
คำกว้างๆ ที่ใช้เรียกส่วนประกอบของ Experience Manager ที่สร้างไว้ล่วงหน้าให้พร้อมใช้งาน ส่วนประกอบหลักเป็นตัวอย่างหลักในการใช้งาน Experience Manager สมัยใหม่

คำถามที่พบบ่อย

Experience Manager กำหนดส่วนประกอบเว็บอย่างไร
แม้ว่าส่วนประกอบของ Experience Manager จะสร้างขึ้นโดยใช้เทคโนโลยีของ Adobe เช่น ภาษาเทมเพลต HTML (HTL) และ Sling แทนที่จะใช้มาตรฐานเบราว์เซอร์ดั้งเดิมเช่นองค์ประกอบแบบกำหนดเองหรือ DOM เงา แต่ส่วนประกอบเหล่านี้ก็มีข้อได้เปรียบสำคัญเหมือนกัน ได้แก่ การสร้างโมดูล ความสามารถในการนำกลับมาใช้ใหม่ และการหุ้มห่อข้อมูล ส่วนประกอบของ Experience Manager ทำหน้าที่เป็นองค์ประกอบที่สมบูรณ์ในตัวเองเพื่อเร่งการพัฒนาหน้าเว็บ
ส่วนประกอบ UI ใน Experience Manager Sites คืออะไร
ส่วนประกอบ UI เป็นองค์ประกอบที่สร้างไว้ล่วงหน้าซึ่งแสดงส่วนต่างๆ ของอินเทอร์เฟซผู้ใช้ และผู้เขียนสามารถกำหนดค่าได้ตามลักษณะที่ปรากฏ ตัวอย่าง ได้แก่ แบบฟอร์ม เมนูการนำทาง แถบค้นหา ภาพสไลด์ แท็บ และแอคคอร์เดียน ซึ่งล้วนจำเป็นต่อการสร้างหน้าแบบเว็บแบบอินเทอร์แอคทีฟที่ตอบสนองตามปัจจัยต่างๆ โดยไม่ต้องเขียนโค้ด
ส่วนประกอบหลักใน Experience Manager มีอะไรบ้าง
ส่วนประกอบหลักคือชุดส่วนประกอบการจัดการเนื้อหามาตรฐานของ Adobe ที่พร้อมใช้งานจริง โดยสร้างขึ้นตามแนวทางปฏิบัติที่ดีที่สุด จึงมอบคุณสมบัติการสร้างที่ยืดหยุ่น ตัวเลือกการกำหนดค่าที่ครอบคลุม การควบคุมเวอร์ชัน และมีความเข้ากันได้แบบย้อนกลับ ซึ่งทำให้เป็นรากฐานที่แนะนำสำหรับไซต์ Experience Manager สมัยใหม่
ส่วนประกอบหลักแตกต่างจากส่วนประกอบพื้นฐานอย่างไร
ส่วนประกอบหลักมีความทันสมัย ยืดหยุ่น และได้รับการบำรุงรักษาตามแนวปฏิบัติที่ดีที่สุดในปัจจุบัน ส่วนประกอบพื้นฐานเป็นส่วนประกอบที่เก่าและล้าสมัยซึ่งพึ่งพาเทคโนโลยีเก่าๆ และไม่ได้รับความนิยมอีกต่อไป โปรเจกต์ใหม่ควรใช้ส่วนประกอบหลักเพื่อประสิทธิภาพและการบำรุงรักษาที่ดีขึ้น
Experience Manager GraphQL API ใช้กับส่วนประกอบอย่างไร
API ของ Experience Manager GraphQL ช่วยให้นักพัฒนาสามารถค้นหาและดึงเนื้อหาที่มีโครงสร้างจากส่วนประกอบใน Experience Manager ในการตั้งค่าแบบ headless ซึ่งช่วยให้ส่งมอบฟิลด์เฉพาะต่างๆ ได้อย่างมีประสิทธิภาพ เช่น URL ข้อความหรือรูปภาพ ไปยังแอปพลิเคชันฟรอนต์เอนด์ เช่น SPA, แอปพลิเคชันมือถือ หรือประสบการณ์ดิจิทัลอื่นๆ ทำให้มีประสิทธิภาพและความยืดหยุ่นมากขึ้น
“ส่วนประกอบแบบ drag-and-drop” ใน Experience Manager Sites หมายความว่าอย่างไร
ส่วนประกอบแบบ drag-and-drop หมายถึงประสบการณ์การสร้างหน้าเว็บแบบเห็นภาพใน Experience Manager Sites ผู้เขียนสามารถเลือกส่วนประกอบจากแผงด้านข้างและลากมาไว้ในตำแหน่งบนหน้า ช่วยให้สร้างเค้าโครงและเผยแพร่เนื้อหาได้ง่ายๆ โดยไม่จำเป็นต้องเขียนโค้ด