วิธีสร้างเว็บไซต์

ในบทความนี้ คุณจะได้เรียนรู้วิธีสร้างเว็บไซต์โดยใช้เครื่องมือสร้างเว็บไซต์

สารบัญ:

• การสร้างเว็บไซต์ใหม่
• ภาพรวมของตัวแก้ไข
• การจัดการหน้าเว็บ
• การเผยแพร่หน้าเว็บ
• การใช้งานป็อปอัป
• การตั้งค่าสไตล์สากล
• การตั้งค่า
• การสลับภาษาของเว็บไซต์
• การสร้างเว็บไซต์หลายภาษา
• การดูตัวอย่างตามอุปกรณ์
• กฎการใช้งานโดเมน

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

การสร้างเว็บไซต์ใหม่

เริ่มต้นโดยไปที่แถบ เว็บไซต์ (1) ในเมนูหลักแล้วคลิก เว็บไซต์ (2)

ในหน้าแสดงรายการเว็บไซต์ ให้คลิก สร้าง (3)

ในป็อปอัปที่ปรากฏขึ้น ให้ระบุรายละเอียดต่อไปนี้เกี่ยวกับเว็บไซต์ของคุณ:

• ชื่อ: ป้อนชื่อเว็บไซต์ของคุณ (4)
• ชื่อโดเมน: เลือกโดเมนที่คุณต้องการใช้ (5)
• เส้นทาง URL ของหน้าแรก: เมื่อคุณเลือกโดเมนแล้ว ช่องนี้จะปรากฏขึ้นโดยอัตโนมัติ ใช้สำหรับกำหนดเส้นทาง URL สำหรับหน้าแรกของคุณ (6)
• ภาษา: เลือกภาษาหลักสำหรับเว็บไซต์ของคุณ (7)

หลังจากกรอกข้อมูลในช่องที่จำเป็นครบถ้วนแล้ว ให้คลิก บันทึก (8) เพื่อสร้างเว็บไซต์ของคุณ

ข้อสำคัญ:

โดเมนหนึ่งสามารถกำหนดให้กับเว็บไซต์ได้เพียงหนึ่งเว็บไซต์ในแต่ละครั้งเท่านั้น

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

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

คุณสามารถเลือกหนึ่งในตัวเลือกต่อไปนี้:

• เลือกเทมเพลต: เลือกหนึ่งในดีไซน์ที่ทำสำเร็จไว้แล้วและนำมาปรับแต่งตามต้องการ
• สร้างใหม่ทั้งหมด: เริ่มต้นด้วยหน้าว่างและออกแบบทุกอย่างด้วยตนเอง

เมื่อคุณเลือกตัวเลือกใดตัวเลือกหนึ่งแล้ว ให้คลิก บันทึก (9) เพื่อดำเนินการต่อ

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

ภาพรวมของตัวแก้ไข

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

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

การจัดการหน้าเว็บ

แท็บ หน้า คือที่ที่คุณใช้จัดการโครงสร้างเว็บไซต์ของคุณ

จากที่นี่ คุณสามารถดูหน้าทั้งหมด (1) สลับไปมา และสร้างหน้าใหม่โดยคลิก (+) สร้าง (2)

คลิกหน้าใดก็ได้ในรายการเพื่อแสดงในส่วนตัวแก้ไขทางด้านขวา หากต้องการเริ่มแก้ไขหน้านั้น ให้คลิกโดยตรงภายในส่วนพื้นที่ตัวแก้ไข

การดำเนินการนี้จะเปิดแผงตัวแก้ไขหน้า ซึ่งคุณจะพบองค์ประกอบทั้งหมดที่มีให้ใช้เพื่อปรับแต่งหน้าของคุณ:

คุณสามารถกลับไปยังรายการหน้าของคุณได้ทุกเมื่อโดยคลิก หน้า ที่ด้านบนซ้ายของตัวแก้ไข

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

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

การตั้งค่าหน้า

หากต้องการเข้าถึงการตั้งค่าของหน้าใดหน้าหนึ่ง ให้คลิก เมนูสามจุด ข้างชื่อหน้า

เมนูนี้จะแสดงตัวเลือกต่อไปนี้:

• การตั้งค่า
• ยกเลิกการเผยแพร่
• นำออก

หมายเหตุ: หน้าแรกไม่สามารถลบได้ เฉพาะหน้ารองเท่านั้นที่จะมีตัวเลือกให้นำออก

เมื่อคุณคลิก การตั้งค่า ป็อปอัป การตั้งค่าหน้า จะเปิดขึ้นพร้อมส่วนต่างๆ ดังนี้:

การตั้งค่าทั่วไป

ที่นี่คุณสามารถแก้ไข:

• ชื่อหน้า
• เส้นทาง URL

SEO

ใช้ส่วนนี้เพื่อกำหนดวิธีที่หน้าของคุณจะปรากฏในเครื่องมือค้นหา

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

นอกจากนี้ยังสามารถ ซ่อนหน้านี้จากเครื่องมือค้นหา เพื่อป้องกันไม่ให้ปรากฏในผลการค้นหาได้อีกด้วย

ภาษา

แท็บนี้ใช้เพื่อสร้าง เวอร์ชันของหน้าเฉพาะภาษา

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

ข้อสำคัญ: คุณต้องเพิ่มภาษาที่ต้องการรองรับใน การตั้งค่า → ภาษา ก่อน ภาษาเหล่านั้นจึงจะปรากฏที่นี่

ขั้นสูง

ในแท็บนี้ คุณสามารถเพิ่มรหัสติดตามแบบกำหนดเองสำหรับหน้านี้โดยเฉพาะได้

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

การเผยแพร่หน้าเว็บ

หน้าที่สร้างขึ้นใหม่จะถูกเพิ่มในโหมด แบบร่าง โดยค่าเริ่มต้น

ในการเผยแพร่หน้าเว็บ ให้คลิกที่ เมนูสามจุด แล้วเลือก เผยแพร่

หมายเหตุ: คุณสามารถยกเลิกการเผยแพร่หน้าเว็บได้โดยใช้วิธีเดียวกัน

การใช้งานป็อปอัป

คลิกปุ่ม + สร้าง ในแท็บ ป็อปอัป เพื่อสร้างป็อปอัปใหม่

เมื่อป็อปอัปปรากฏในส่วน ตัวแก้ไข ให้คลิกที่ตัวป็อปอัปเพื่อเริ่มปรับแต่งตามต้องการ

แผงแก้ไขจะเปิดขึ้นทางด้านซ้ายของหน้าจอ เพื่อแสดงการตั้งค่าทั้งหมดที่สามารถใช้งานได้

ป็อปอัปหน้าเดียว vs. ป็อปอัปทั้งเว็บไซต์

ป็อปอัปแต่ละรายการสามารถเป็นได้ดังนี้:

• ป็อปอัปหน้าเดียว: มองเห็นได้เฉพาะในหน้าเว็บที่คุณกำลังแก้ไขอยู่เท่านั้น
• ป็อปอัปทั้งเว็บไซต์: มองเห็นได้ในทุกหน้าของเว็บไซต์

หากต้องการสลับระหว่างโหมดเหล่านี้ ให้คลิกที่ ไอคอนรูปโลก

• เมื่อไอคอนรูปโลกเป็น สีฟ้า ป็อปอัปนั้นจะเป็น ป็อปอัปทั้งเว็บไซต์
• เมื่อไอคอนรูปโลกเป็น สีเทา ป็อปอัปนั้นจะเป็น ป็อปอัปหน้าเดียว

ป้ายกำกับสถานะเหนือรายการป็อปอัปจะอัปเดตโดยอัตโนมัติเพื่อแสดงตัวเลือกของคุณ:

• ป็อปอัปหน้าเดียว
• ป็อปอัปทั้งเว็บไซต์

การตั้งค่าสไตล์สากล

แท็บ สไตล์ ใช้ควบคุมการตั้งค่ารูปลักษณ์ภายนอกแบบสากล ซึ่งจะมีผลกับทุกหน้าของเว็บไซต์

คุณสามารถกำหนดค่า:

• การจัดพิมพ์ตัวอักษร (ส่วนหัวและย่อหน้า)
• สี (พื้นหลัง ปุ่ม ลิงก์)
• ปุ่ม
• ช่องกรอกข้อมูล (ระยะห่างจากขอบ ความโค้งมน เส้นขอบ สี)

การเปลี่ยนแปลงที่ทำที่นี่จะมีผลกับเว็บไซต์ทั้งหมดโดยรวม

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

การตั้งค่า

แท็บ การตั้งค่า ใช้ควบคุมตัวเลือกทั่วไปของเว็บไซต์ ได้แก่:

• ชื่อเว็บไซต์
• โดเมน
• หน้าแรก
• ภาษา
• โลโก้

การสลับภาษาของเว็บไซต์

ที่ด้านบนของแท็บ หน้า คุณสามารถสลับภาษาของเว็บไซต์ได้โดยใช้เมนูเลือกภาษา

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

ข้อสำคัญ:

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

การสร้างเว็บไซต์หลายภาษา

ฟีเจอร์เว็บไซต์รองรับโครงสร้างแบบหลายภาษา

ในการสร้างเว็บไซต์หลายภาษา:

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

สิ่งนี้ช่วยให้คุณสามารถควบคุมเนื้อหาที่แสดงในทุกๆ ภาษาได้อย่างสมบูรณ์

การดูตัวอย่างตามอุปกรณ์

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

ใช้แถบเครื่องมือดูตัวอย่างที่ด้านบนขวาเพื่อสลับระหว่าง:

• มุมมองเดสก์ท็อป
• มุมมองมือถือแนวตั้ง
• มุมมองมือถือแนวนอน

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

กฎการใช้งานโดเมน

หากคุณต้องการเปลี่ยนโดเมนเว็บไซต์หลังจากที่สร้างหรือเผยแพร่เว็บไซต์ไปแล้ว คุณสามารถอัปเดตรายละเอียดเหล่านี้ได้จากรายการ เว็บไซต์

วิธีการเข้าถึงการตั้งค่าเว็บไซต์ของคุณ:

1. ออกจากตัวแก้ไขเว็บไซต์
2. ไปที่ ไซต์ > เว็บไซต์
3. ค้นหาเว็บไซต์ของคุณในรายการ
4. คลิก ปุ่มเมนูสามจุด ที่อยู่ข้างเว็บไซต์
5. เลือก การตั้งค่า

การดำเนินการนี้จะเปิดป็อปอัป แก้ไขเว็บไซต์ ซึ่งคุณสามารถแก้ไข:

• ชื่อเว็บไซต์
• ชื่อโดเมน
• เส้นทาง URL ของหน้าแรก

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

ข้อสำคัญ:

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