บทช่วยสอน: เพิ่มหน้าลงในไซต์ Power Pages ของคุณ

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

ในบทช่วยสอนนี้ คุณจะเรียนรู้วิธีการ:

  • เพิ่มหน้าใหม่ลงในไซต์
  • เพิ่มและแก้ไขเนื้อหาในหน้า
  • ย้ายหน้าในแผนผังเว็บไซต์

ข้อกำหนดเบื้องต้น

สร้างหน้าโดยใช้เค้าโครงเปล่า

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

วิดีโอนี้ให้ภาพรวมของขั้นตอนเพื่อสร้างหน้าโดยใช้เค้าโครงเปล่า

  1. ไปที่ Power Pages

  2. เลือก แก้ไข บนไซต์ที่คุณต้องการเพิ่มหน้า หากคุณไม่มีไซต์ สร้างไซต์ ก่อนดำเนินการต่อ

  3. เลือก หน้า แล้วเลือกไอคอน เพิ่มหน้า (+) ทางด้านขวาของหัวเรื่อง การนำทางหลัก

  4. ระบุชื่อหน้าของคุณแล้วเลือกเค้าโครงหน้า เริ่มจากว่าง

    เพิ่มหน้าลงในไซต์

  5. หลังจากผ่านไปครู่หนึ่ง คุณจะเห็นหน้าว่างพร้อมส่วนประกอบต่างๆ ที่จะเพิ่มลงในส่วน

ออกแบบหน้าและเพิ่มเนื้อหา

  1. เลือกไอคอน ข้อความ

  2. ป้อนชื่อหน้าของคุณ (เช่น หน้าของฉัน)

    • เปลี่ยนสไตล์เป็น หัวเรื่อง 1
    • เลือกไอคอน B เพื่อทำให้ข้อความเป็นตัวหนา
    • ปรับการจัดตำแหน่งเพื่อให้ข้อความปรากฏอยู่กึ่งกลาง

    เพิ่มข้อความลงในหน้า

  3. ใต้ข้อความ ให้เลือกไอคอน + และเลือกไอคอน ตัวเว้นวรรค เพื่อเพิ่มส่วนประกอบตัวเว้นวรรค

  4. ใต้ตัวเว้นวรรค ให้เลือกไอคอน + และเลือกไอคอน ข้อความ เพื่อเพิ่มกล่องข้อความอื่น

  5. เพิ่มข้อความลงในกล่องข้อความ ทดลองกับสไตล์และสี

  6. เลือกไอคอน + ด้านล่างข้อความและเพิ่มตัวเว้นวรรคอื่น

  7. เลือกส่วนประกอบ ปุ่ม

  8. กำหนดค่ารายละเอียดต่อไปนี้สำหรับปุ่ม:

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

  10. ทดลองโดยเพิ่มส่วนเพิ่มเติม ส่วนประกอบ และสีลงในหน้าของคุณ

    หน้าเว็บตัวอย่าง

แสดงตัวอย่างหน้าของคุณ

คุณสามารถดูตัวอย่างว่าหน้าของคุณจะมีลักษณะอย่างไรบนเว็บไซต์ได้ตลอดเวลา

  1. เลือก ตัวอย่าง จากเมนูหลักในสตูดิโอออกแบบ

  2. เลือก เดสก์ทอป เพื่อให้หน้าปรากฏในเบราว์เซอร์ของคุณ หรือคุณสามารถดูหน้าบนอุปกรณ์มือถือของคุณโดยการสแกนรหัส QR

ย้ายหน้าในแผนผังเว็บไซต์

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

วิดีโอนี้จะให้ภาพรวมของขั้นตอนในการย้ายหน้าในแผนผังเว็บไซต์

  1. ภายใต้ การนำทางหลัก เลือกไอคอนจุดไข่ปลา (...) และเลือก ย้ายไปหน้าอื่น

    การย้ายหน้าในลำดับชั้น

  2. หน้าควรจะปรากฏในส่วน หน้าอื่นๆ ถ้าคุณตอนนี้ ดูตัวอย่าง หน้าสังเกตว่าไม่มีรายการเมนูสำหรับหน้า

  3. ภายใต้ หน้าอื่นๆ เลือกหน้าของคุณอีกครั้งและเลือก ย้ายไป "การนำทางหลัก"

  4. เลือกหน้าและเลือกจุดไข่ปลา (...) ย้ายหน้าขึ้นและลงในลำดับชั้นโดยใช้ตัวเลือก ย้ายขึ้น และ ย้ายลง

  5. ย้ายหน้าด้านล่างลิงค์ หน้า เลือกตัวเลือก ทำให้นี้เป็นหน้าย่อย ที่จะทำให้เป็นหน้าย่อยของหน้า หน้า

  6. ดูตัวอย่าง หน้าและสังเกตว่าหน้าของคุณเป็นลิงค์ย่อยภายใต้หน้าอย่างไรและ URL แสดงว่าหน้านี้เป็นหน้าย่อยอย่างไร

    หน้าย่อย

ดูเพิ่มเติม

ขั้นตอนถัดไป

ไปที่บทความถัดไปเพื่อเรียนรู้วิธีนำสไตล์ไปใช้กับเว็บไซต์ของคุณ