จัดส่วนหัวของหน้า

ใส่ส่วนหัวให้ทุกหน้าของเว็บไซต์: วางรูปและข้อความบนตาราง 9 ช่อง แล้วเลือกข้อความ ฟอนต์ ขนาด และสี

สำหรับเจ้าของทีมและแอดมิน · 14 ขั้นตอน

สิ่งที่ต้องมีก่อน

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

ขั้นตอน

  1. ขั้นตอนที่ 1: เปิดเมนูหน้า

    ในส่วนแอดมินของทีม กด หน้า ในเมนูด้านซ้าย

    สิ่งที่ควรเห็น: หน้าที่มีหัวข้อ หน้า แสดงทุกหน้าของเว็บไซต์คุณ

    เมนูแอดมินของทีม โดยมีกรอบเน้นที่เมนูหน้า
  2. ขั้นตอนที่ 2: เปิดส่วนหัวของหน้า

    กด ส่วนหัวของหน้า ที่ด้านบนของหน้า ตัวแก้ไขของแต่ละหน้าก็มีทางลัดเช่นกัน: แก้ไขส่วนหัวของหน้านี้

    สิ่งที่ควรเห็น: หน้าที่มีหัวข้อ ส่วนหัวของหน้า มีแท็บของแต่ละหน้าในเว็บไซต์ — หน้าแรก, ทีม, ข่าว, แมตช์, ทัวร์นาเมนต์, วิดีโอ, เกี่ยวกับ และ ร้านค้า — และด้านล่างคือส่วนหัวของหน้านั้นตามที่เว็บไซต์แสดงจริง วางอยู่บนตาราง 9 ช่อง

    รายการหน้า โดยมีกรอบเน้นที่ลิงก์ส่วนหัวของหน้า
  3. ขั้นตอนที่ 3: เลือกหน้า

    กดแท็บของหน้าที่ต้องการเปลี่ยน เช่น หน้าแรก

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

    สิ่งที่ควรเห็น: ส่วนหัวของหน้านั้น มีที่จับ ข้อความ อยู่บนบล็อกข้อความ

    ตัวแก้ไขส่วนหัวของหน้า โดยมีกรอบเน้นที่แท็บหน้าแรก
  4. ขั้นตอนที่ 4: เลือกบล็อกรูปภาพ

    ในแผงด้านขวา กด รูปภาพ

    สิ่งที่ควรเห็น: หัวข้อของแผงเปลี่ยนเป็น บล็อกรูปภาพ และมีช่องของรูปภาพอยู่ด้านล่าง

    แผงด้านข้าง โดยมีกรอบเน้นที่ปุ่มรูปภาพ
  5. ขั้นตอนที่ 5: เลือกรูป

    กด เลือกรูปภาพ (ปุ่มจะเปลี่ยนเป็น แทนที่ เมื่อมีรูปแล้ว) ในกล่องที่เปิดขึ้น เลือกรูปที่ทีมอัปโหลดไว้แล้ว หรือเพิ่มรูปใหม่ด้วย อัปโหลด — JPEG, PNG, WebP หรือ AVIF ขนาดไม่เกิน 5 MB พิมพ์ ข้อความแสดงแทน แล้วกด แทรก

    รูปจะแสดงเต็มรูป — ไม่ถูกครอป และพื้นหลังโปร่งใสก็ยังโปร่งใสอยู่ PNG ที่มีพื้นหลังโปร่งใสจึงใช้ได้ดี ถ้าจะเอารูปออกจากส่วนหัว กด ลบ

    สิ่งที่ควรเห็น: รูปอยู่ในส่วนหัว มีที่จับ รูปภาพ อยู่บนรูป

    กล่องแทรกรูปภาพที่เลือกรูปไว้แล้ว โดยมีกรอบเน้นที่ช่องข้อความแสดงแทนและปุ่มแทรก
  6. ขั้นตอนที่ 6: เลือกขนาดรูป

    ใต้ ขนาด กด S, M, L หรือ เต็ม

    ขนาดเต็มจะวางรูปไว้ด้านหลังข้อความ ครอบคลุมทั้งส่วนหัว

    สิ่งที่ควรเห็น: รูปในส่วนหัวใหญ่ขึ้นหรือเล็กลง

    ตัวเลือกขนาดของรูป โดยมีกรอบเน้นที่ M
  7. ขั้นตอนที่ 7: ย้ายรูป

    ลากที่จับของรูปไปวางบนช่องใดช่องหนึ่งใน 9 ช่อง หรือกดที่จับ แล้วใช้ปุ่มลูกศร: กดหนึ่งครั้งเลื่อนหนึ่งช่อง คุณยังกด Enter หรือ Space เพื่อหยิบขึ้นมา เลื่อนด้วยปุ่มลูกศร แล้วกด Enter หรือ Space อีกครั้งเพื่อวางได้ด้วย

    บล็อกข้อความก็ย้ายได้แบบเดียวกัน ถ้าวางทั้งสองไว้ฝั่งเดียวกัน จะซ้อนกัน — ตัวแก้ไขจะแสดงให้เห็นว่าซ้อนกันอย่างไร

    สิ่งที่ควรเห็น: รูปอยู่ในช่องใหม่ เช่น มุมขวาบน

    ส่วนหัวที่ย้ายรูปไปช่องมุมขวาบนแล้ว โดยมีกรอบเน้นที่ที่จับของรูป
  8. ขั้นตอนที่ 8: เขียนหัวข้อและคำบรรยาย

    ในแผง กด ข้อความ พิมพ์หัวข้อ (ไม่เกิน 60 ตัวอักษร) และคำบรรยาย (ไม่เกิน 120)

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

    สิ่งที่ควรเห็น: ข้อความของคุณขึ้นในส่วนหัวขณะพิมพ์ และมีตัวนับอยู่ใต้แต่ละช่อง

    แผงข้อความ โดยมีกรอบเน้นที่ช่องหัวข้อและคำบรรยาย
  9. ขั้นตอนที่ 9: เลือกฟอนต์

    ใต้ ฟอนต์ เปิดรายการแล้วเลือกฟอนต์ ฟอนต์ของธีม จะใช้ฟอนต์เดิมของเทมเพลต

    หัวข้อและคำบรรยายเลือกฟอนต์แยกกันได้

    สิ่งที่ควรเห็น: ข้อความในส่วนหัวเปลี่ยนเป็นฟอนต์ใหม่

    รายการฟอนต์ของหัวข้อ มีกรอบเน้น แสดง Oswald
  10. ขั้นตอนที่ 10: เลือกขนาด

    ใต้ ขนาด กด S, M, L หรือ XL

    สิ่งที่ควรเห็น: ข้อความในส่วนหัวใหญ่ขึ้นหรือเล็กลง

    ตัวเลือกขนาดของหัวข้อ โดยมีกรอบเน้นที่ L
  11. ขั้นตอนที่ 11: เลือกสี

    ใต้ สี กดเลือกหนึ่งในสี่สี: สีข้อความของธีม, สีเน้น, ขาว หรือ ดำ

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

    สิ่งที่ควรเห็น: ข้อความเปลี่ยนเป็นสีใหม่

    ตัวเลือกสีของหัวข้อ โดยมีกรอบเน้นที่สีเน้น
  12. ขั้นตอนที่ 12: ดูบนมือถือ

    เหนือส่วนหัว กด มือถือ กด เดสก์ท็อป เพื่อกลับ

    บนมือถือ รูปจะอยู่เหนือข้อความเสมอ ไม่ว่าคุณจะเลือกช่องไหนไว้

    สิ่งที่ควรเห็น: ส่วนหัวแคบลงเท่าความกว้างของมือถือ

    ปุ่มมือถือและส่วนหัวที่แคบลง โดยมีกรอบเน้น
  13. ขั้นตอนที่ 13: บันทึก

    กด บันทึก ที่ด้านล่างของตัวแก้ไข ระบบจะบันทึกทุกแท็บที่คุณเปลี่ยน — จุดบนแท็บแสดงว่ามีการเปลี่ยนแปลงที่ยังไม่ได้บันทึก

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

    สิ่งที่ควรเห็น: "บันทึกแล้ว"

    ตัวแก้ไขส่วนหัวของหน้า โดยมีกรอบเน้นที่ปุ่มบันทึก
  14. ขั้นตอนที่ 14: เผยแพร่เว็บไซต์

    กด เผยแพร่ ในเมนูด้านซ้ายแล้วเผยแพร่ — ดู เผยแพร่เว็บไซต์

    สิ่งที่ควรเห็น: ส่วนหัวของหน้า อยู่ในรายการการเปลี่ยนแปลงก่อนเผยแพร่ และส่วนหัวใหม่ขึ้นบนเว็บไซต์หลังเผยแพร่

วิธีดูว่าสำเร็จแล้ว

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

มีอะไรดูไม่ถูกต้องไหม

บันทึกแล้ว แต่เว็บไซต์ไม่เปลี่ยน

การบันทึกจะเก็บส่วนหัวไว้เป็นฉบับร่าง กด เผยแพร่ ในเมนูเพื่อนำขึ้นเว็บไซต์ (ขั้นตอนที่ 14)

หาสโลแกนและรูปในตัวแก้ไขหน้าแรกไม่เจอแล้ว

คุณบันทึกส่วนหัวของหน้าแรกแล้ว ทั้งสองอย่างจึงย้ายมาอยู่ที่นี่: แก้ไขได้ที่แท็บ หน้าแรก ใน ส่วนหัวของหน้า ลิงก์ แก้ไขส่วนหัว ในตัวแก้ไขหน้าแรกจะพาคุณไปที่นั่น ส่วนปุ่มยังอยู่ในตัวแก้ไขหน้าแรก

ปุ่มบันทึกเป็นสีเทา

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

เผยแพร่เว็บไซต์ไม่ได้หลังบันทึกส่วนหัวของหน้าแรก

รายการตรวจ ฮีโร่ของหน้าแรกมีสโลแกน ไม่ผ่าน: เมื่อบันทึกส่วนหัวของหน้าแรกแล้ว คำบรรยายจะเป็นบรรทัดใต้ชื่อทีม จึงเว้นว่างไม่ได้ พิมพ์คำบรรยายในแท็บ หน้าแรก (ขั้นตอนที่ 8) บันทึก แล้วเผยแพร่อีกครั้ง

ขึ้นข้อความ "หน้านี้มีการเปลี่ยนแปลงตั้งแต่คุณเปิด"

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

บทความที่เกี่ยวข้อง

ยังติดปัญหาอยู่ไหม ติดต่อซัพพอร์ต หรืออีเมลถึง support@spawnfront.com — บอกเราว่าคุณอยู่หน้าไหนและขั้นตอนที่เท่าไร