คู่มือเริ่มต้นใช้งาน Site Studio Website Builder

Powered by SiteJet Builder

Getting Started

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

ก่อนเริ่มต้น: หากคุณยังไม่มีข้อมูลเข้าใช้งาน cPanel คุณสามารถ:
  • ติดต่อทีม Support ของเรา เพื่อขอความช่วยเหลือ หรือ
  • สมัครใช้งาน Site Studio ได้ที่ nineweb.co.th/sitestudio.html

The Basics

เคล็ดลับ: เริ่มต้นจากการทำหน้าแรกของเว็บไซต์ให้เสร็จก่อน แล้วค่อยๆ ทำหน้าอื่นๆ ต่อไป
  1. เข้าสู่ระบบบัญชี cPanel ของคุณ
  2. เลื่อนลงไปที่ส่วน Domain
  3. SiteJet Builder Step 1

    Image courtesy of Nine Web

  4. คลิกที่ SiteJet Builder เพื่อเริ่มใช้งาน

ทำความรู้จักกับหน้าจอการทำงาน

เมื่อคุณเปิด SiteJet ครั้งแรก คุณจะเห็นหน้าจอการทำงานที่ประกอบด้วยส่วนสำคัญต่างๆ ดังนี้:

  • แถบด้านซ้าย: รวมองค์ประกอบต่างๆ สำหรับสร้างเว็บ (ข้อความ, รูปภาพ, ปุ่ม ฯลฯ)
  • SiteJet Builder Left Panel

    Image courtesy of Nine Web

  • พื้นที่ตรงกลาง: หน้าเว็บที่คุณกำลังสร้าง ใช้สำหรับลากและวางองค์ประกอบต่างๆ
  • SiteJet Builder Empty page

    Image courtesy of Nine Web

  • แถบด้านขวา: การตั้งค่าและคุณสมบัติขององค์ประกอบที่เลือกจากแถบด้านบน
  • SiteJet Builder right panel

    Image courtesy of Nine Web

ขั้นตอนการสร้างเว็บไซต์เบื้องต้น

  1. เลือกเทมเพลต
  2. เลือกเทมเพลตที่ใกล้เคียงกับความต้องการของคุณ ไม่ต้องกังวลเรื่องสีหรือรูปภาพ - สามารถเปลี่ยนได้ในภายหลัง

    Template Site Studio

    Image courtesy of Nine Web

    คลิก "Choose" เพื่อเริ่มการปรับแต่ง

  3. ปรับแต่งหน้าเว็บ
  4. • เริ่มจากหน้าแรก

    • คลิกที่องค์ประกอบที่เพื่อแก้ไขเนื้อหา

    • ดับเบิลคลิกที่ข้อความเพื่อแก้ไขหรือคลิกที่รูปภาพเพื่อเปลี่ยนเป็นรูปของคุณ

    sitejet builder design

    Image courtesy of Nine Web

  5. การเพิ่มองค์ประกอบ
    • • ค้นหาองค์ประกอบที่ต้องการในแถบด้านซ้าย

      sitejet left panel

      Image courtesy of Nine Web

      • ลากไปยังตำแหน่งที่ต้องการบนหน้าเว็บ

      • ปล่อยเพื่อวางองค์ประกอบ

      • คลิกที่องค์ประกอบเพื่อปรับแต่งการตั้งค่า

  6. การเพิ่มองค์ประกอบ

การเพิ่มหน้าใหม่

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

วิธีสร้างหน้าใหม่

  1. คลิกที่ไอคอน "Pages" ในแถบเมนูด้านบน
  2. คลิกปุ่ม "New Page" ที่ด้านบนของแผงควบคุมหน้า
  3. ใส่ชื่อหน้าในช่อง "Name"
  4. กำหนด URL ของหน้า (website.com/your-page)
  5. เลือกว่าต้องการให้หน้านี้แสดงในเมนูนำทางหรือไม่
  6. ตั้งค่าชื่อเรื่องและคำอธิบายสำหรับ SEO
  7. กำหนดการมองเห็นของหน้า (สาธารณะหรือซ่อน)
  8. sitejet add pages

    Image courtesy of Nine Web

คำแนะนำ: URL ของหน้าควรเรียบง่าย สื่อความหมาย และใช้เครื่องหมายขีดกลางระหว่างคำ (เช่น "about-us" หรือ "our-services")

การเพิ่มองค์ประกอบต่างๆ ลงในหน้าเว็บ

เคล็ดลับ: คุณสามารถลากและวางองค์ประกอบทั้งหมดได้ตามต้องการ สังเกตแถบสีฟ้าที่จะแสดงตำแหน่งที่องค์ประกอบจะถูกวาง

องค์ประกอบพื้นฐาน

  • บล็อกข้อความ (Elements): เพิ่มย่อหน้า, หัวข้อ, หรือเนื้อหาที่เป็นข้อความ
  • รูปภาพ (Images): อัพโหลดหรือเลือกภาพถ่ายและกราฟิก
  • Buttons: สร้างปุ่มที่คลิกได้
  • ตัวเว้นระยะ (Columns): เพิ่มช่องว่างระหว่างองค์ประกอบ
  • เส้นคั่น: เพิ่มเส้นแนวนอนเพื่อแบ่งเนื้อหา

วิธีการเพิ่มองค์ประกอบ

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

Image courtesy of Nine Web

องค์ประกอบขั้นสูง

  • แบบฟอร์มติดต่อ (Forms): เพิ่มแบบฟอร์มติดต่อที่พร้อมใช้งาน
  • แผนที่: ฝัง Google Maps เพื่อแสดงตำแหน่งของคุณ
  • โซเชียลมีเดีย: เพิ่มฟีดและปุ่มโซเชียลมีเดีย
  • วิดีโอ: ฝังวิดีโอจาก YouTube หรืออัพโหลดวิดีโอของคุณเอง
  • แกลเลอรี่: สร้างแกลเลอรี่ภาพและสไลด์โชว์
สำคัญ: อย่าลืมบันทึกการเปลี่ยนแปลงหลังจากเพิ่มหรือแก้ไของค์ประกอบ แม้ว่าจะมีการบันทึกอัตโนมัติ แต่ควรบันทึกการเปลี่ยนแปลงที่สำคัญด้วยตนเอง

การปรับแต่งองค์ประกอบ

  • เปลี่ยนสี, ฟอนต์, และขนาด
  • ปรับระยะห่างและการจัดวาง
  • เพิ่มภาพเคลื่อนไหวและเอฟเฟกต์
  • ตั้งค่าลิงก์และการกระทำ

การเผยแพร่เว็บไซต์ของคุณ

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

รายการตรวจสอบก่อนเผยแพร่

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

วิธีการเผยแพร่

  1. คลิกปุ่ม "Publish" ที่มุมขวาบน
  2. ตรวจสอบสรุปการเปลี่ยนแปลงที่แสดง
  3. คลิก "Publish Now" เพื่อนำเว็บไซต์ออนไลน์
  4. รอให้กระบวนการเผยแพร่เสร็จสิ้น
sitejet publish

Image courtesy of Nine Web

สำคัญ: การเผยแพร่มักใช้เวลาสักครู่ อย่าปิดเบราว์เซอร์ระหว่างกระบวนการนี้

หลังการเผยแพร่

  • เข้าชมเว็บไซต์ของคุณเพื่อยืนยันว่าทุกอย่างทำงานได้
  • ทดสอบเว็บไซต์ในเบราว์เซอร์ต่างๆ (Chrome, Firefox, Safari)
  • ตรวจสอบว่าแบบฟอร์มติดต่อทำงานได้
  • แชร์เว็บไซต์ใหม่ของคุณกับผู้อื่น

การขอความช่วยเหลือ

เคล็ดลับ: ปัญหาส่วนใหญ่สามารถแก้ไขได้โดยตรวจสอบเอกสารคู่มือก่อน หรือติดต่อทีมซัพพอร์ตของเรา

ติดต่อฝ่าย Support

  • อีเมล: support@nineweb.com
  • โทรศัพท์: 02-722-9080(จันทร์-ศุกร์, 9:00-18:00)

ปัญหาที่พบบ่อยและวิธีแก้ไข

ไม่สามารถเข้าถึง Site Studio ได้?
  • ตรวจสอบว่าคุณล็อกอินเข้า cPanel แล้ว
  • ล้างแคชของเบราว์เซอร์
  • ลองใช้เบราว์เซอร์อื่น
  • ติดต่อฝ่าย Support หากยังมีปัญหา

ก่อนติดต่อฝ่าย Support

  1. จดชื่อโดเมนของคุณ
  2. จดข้อความแจ้งเตือนข้อผิดพลาดที่คุณพบ
  3. ถ่ายภาพหน้าจอที่มีปัญหา
  4. จดขั้นตอนที่ทำให้เกิดปัญหา
สำหรับผู้ใช้ใหม่: หากคุณยังไม่ได้สมัครหรือต้องการเข้าถึง Site Studio กรุณาเยี่ยมชม nineweb.co.th/sitestudio.html หรือติดต่อทีมขายของเรา

แหล่งข้อมูลช่วยเหลือตัวเอง

  • ฐานความรู้: อ่านบทความช่วยเหลือได้ที่ https://cpanel.net/sitejet-builder/
  • วิดีโอสอนใช้งาน: ดูคู่มือแบบทีละขั้นตอนในช่อง YouTube