02เว็บไซต์ Wix_merged

CHIANGRAI PROVINCIAL ADMINISTRATIVE
ORGANIZATION SCHOOL

คู่มือ

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

www.Wix.com

โรงเรียนองค์การบริหารส่วนจังหวัดเชียงราย

สังกัดองค์การบริหารส่วนจังหวัดเชียงราย
กรมส่งเสริมการปกครองท้องถิ่น กระทรวงมหาดไทย

เวบ็ ไซต์ Wix.com

1. Wix.com คอื อะไร

http://www.Wix.com คอื เว็บไซตท์ ี่ให้บรกิ ารสรา้ งเวบ็ ไซต์ฟรี ชว่ ยใหค้ ุณสามารถสร้างเว็บไซต์ท่ีกาหนด
เองได้อย่างง่ายดาย ลาก, ใช้งานง่ายและสามารถเลือกรูปแบบและแก้ไขได้ด้วยตัวคุณเองโดยไม่
จาเป็นต้องมีความรู้ด้านการเขียน code ในการสร้างเว็บคุณสามารถทาเว็บไซต์ฟรีของคุณตั้งแต่เริ่มต้น
และปรับแต่งตามคุณไป หรือเร่ิมต้นโดยการสารวจของแกลเลอร่ีของเราแม่แบบเว็บไซต์ฟรี Wix สามารถ
ใช้โปรแกรมแก้ไข Wix แทนที่รายการในแม่แบบท่ีมีข้อความเนื้อหาของคุณเองและการเชื่อมโยง เลือก
จากตันฟรีภาพตัดปะ, ไอคอน, เครื่องมือ, ภาพเคล่ือนไหวและอ่ืน ๆ ที่พบภายในตัวสร้างเว็บไซต์ ง่ายต่อ
การใช้

2. ขอ้ ดีของ Wix.com

– คุณสามารถสร้าง Flash Animation ได้ดว้ ยตนเอง เพียงคณุ ลงทะเบียนและเข้าสู่ระบบ โดยไมต่ อ้ งเสีย
คา่ ใชจ้ ่ายใดๆ ทัง้ ส้ิน
– http://www.wix.com ให้คุณสร้าง Flash Animation โดยไม่จาเป็นต้องติดต้ังโปรแกรมบนเครื่อง
คอมพิวเตอร์ แต่สามารถสร้างงาน Flash ได้จากหนา้ เวบ็ ไซต์ไดเ้ ลย
– คุณสามารถสร้างงานได้หลากหลาย ท้ัง เว็บไซต์ส่วนตัว, My Space, คลิปอาร์ต, เพลง และการ
ออกแบบเว็บไซต์
– มรี ูปแบบการใชง้ านท่ีง่าย โดยผใู้ ชม้ ือสมัครเลน่ ที่ไม่มีความรดู้ ้าน Flash หรอื เวบ็ ไซต์กส็ ามารถใชง้ านได้
– มีเครื่องมือและฟังก์ชันให้เลือกใช้งานมากมาย ท้ัง Template, เสียง, ภาพเคลื่อนไหว, เอฟเฟกต์
เป็นตน้
– สามารถนาเสียงเพลงประกอบร่วมกบั งาน Flash ได้

3. แนะนำเครือ่ งมือของ Wix.com
Menu bar : เป็นส่วนแสดงเครอ่ื งมอื ตา่ งๆ ในการแก้ไข (Edit) หนา้ website ของเราซ่งึ ประกอบด้วย

1. Pages คือ ส่วนในการกาหนดว่าในหน้า website นั้นจะประกอบไปด้วยอะไรบ้าง เช่น Homepage,
About, Contact เป็นต้น ซึง่ สามารถต้ังคา่ เปลี่ยนชื่อ เพิม่ หรอื ลบหนา้ website ในแต่ละหนา้ ตามความ
ตอ้ งการได้

2. Design คือ ส่วนในการตกแต่งหน้า Page หรือ website ตามความต้องการ ซ่ึงจะมี 3 ส่วนด้วยกัน คือ
Background Colors และ Fonts

Background คือ สว่ นทต่ี ้องการปรับเปลย่ี นพนื้ หลงั ของ Page หรอื website ตามความตอ้ งการ ซง่ึ จะมี
พ้ืนหลังมาให้เลือกตามใจชอบ หรือต้องการที่จะอัพรูปที่มีอยู่เป็นพื้นหลังก็ได้ โดยการเลือกท่ี Upload &
Customize Background > Change Image แลว้ เลือกรปู ทม่ี อี ยูใ่ นคอมพวิ เตอร์มาเปน็ พน้ื หลัง

Colors จะมีชุดแม่สี (Palette) มาให้เลือกในการตกแตง่ Page หรอื website ตามความต้องการ หรอื ถ้า
ต้องการกาหนดชดุ แมส่ เี องกส็ ามารถทาได้โดยการเลือก Customize Palette แลว้ กาหนดสตี ามตอ้ งการ

Fonts เป็นส่วนท่ีกาหนดรูปแบบตัวหนังสือของ Page หรือ website ตามความต้องการและยังมีการ
กาหนดค่าขนาดของตัวหนังสือและรูปแบบตามความเหมาะสมดว้ ยตนเองได้ โดยการเลือกที่ Customize
Fonts
3. Add คอื ส่วนที่ใหเ้ ลอื กเพ่มิ เพ่ือตกแตง่ หนา้ Site ใหเ้ กดิ ลกู เล่นทีน่ า่ สนใจยง่ิ ขึน้ ซึง่ จะประกอบดว้ ย

Text : เพิ่มข้อความลงใน Site หรือ website ซึ่งจะมีให้เลือก 2 แบบคือ แบบหัวข้อหลัก (Title) และ
แบบข้อความเปน็ ยอ่ หนา้ (Paragraph)

Image : เป็นส่วนที่ต้องการเพิ่มรูปภาพลงไปใน Page หรือหน้า website ประกอบด้วยการเพ่ิมรูปภาพ
(Image) รูปภาพแบบไม่มีกรอบ (Image without Frame) รูปภาพแบบมีกรอบ (Image with Frame)
และภาพตดั ปะ (Clip Art)

Gallery คือ การเพ่ิมลูกเล่นให้กับ Page หรือหน้า website ด้วยการเพิ่มรูปภาพในลักษณะของการรวม
ภาพซ่ึงจะมีให้เลือกหลายรูปแบบ ประกอบด้วย รวมภาพแบบสี่เหลี่ยม (Grid) ภาพพร้อมข้อความ
บรรยายภาพ (Masonry) ชุดภาพเคลื่อนไหวเป็นสไลด์ (Slideshow) ชุดภาพเคล่ือนไหวเอง (Slider)
ชุดภาพแบบสามมิติ (3D Carousel) ) ชุดภาพเคล่ือนไหวเป็นสไลด์แบบสามมิติ (Slideshow) และชุด
ภาพแบบอนเิ มชั่น (Animated Grid)

Media คือสว่ นในการเพ่ิมวดิ ีโอและเสียงเพลงให้กับ Page หรือหนา้ website

Shapes & Lines คือการเพ่ิมกล่องส่ีเหลี่ยม รูปภาพ และเส้น เพื่อเพ่ิมความสวยงามให้กับ Page หรือ
หน้า website

utton & Menu คือการเพ่ิมปุ่มต่างๆ หรือเพ่ิมเมนูให้กับ Page หรือหน้า website โดยจะมีให้เลือก
หลากหลายรูปแบบตามความต้องการ

Online Store เปน็ สว่ นในการสรา้ งเว็บไซต์เพื่อตอบสนองทางการตลาดของผู้สร้างเว็บไซต์ โดยจะมีการ
ให้เลือกสนิ ค้าท่ีต้องการจะขายในเวบ็ ไซต์ท่ีจะสรา้ งขน้ึ มาได้

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

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

List Builder เป็นส่วนในการสร้างเวบ็ ไซต์ท่ีนาเอาชิ้นงานลักษณะเดียวกันมารวมกันเป็นรายการ เพื่อให้
ผู้เย่ียมชมสามารถเลือกได้ตามความต้องการ โดยจะมีส่วนเสริมให้เลือกมากมายตามความเหมาะสมของ
เวบ็ ไซตท์ ่ตี อ้ งการจะสรา้ ง เชน่ รายการท่โี พสต์ รายการวดิ ีโอ รายการสนิ คา้ เป็นต้น
5. App Market เปน็ ส่วนในการเพิม่ หน้าเว็บไซต์สาเร็จรปู ใหก้ บั หนา้ Page เพอ่ื เพม่ิ ความหลากหลายย่ิงขึ้น
6. Setting การต้ังค่าเว็บไซต์ตามความเหมาะสมและความต้องการของผู้สร้าง โดยจะมีเมนูให้เลือกในการ
เปล่ียนที่อยู่ของเว็บไซต์ (Site Address) การกาหนดเว็บค้นหา (SEO (Google)) การกาหนดค่าสาหรับ
โทรศัพท์ (Mobile View) การกาหนดข้อมูลเก่ียวกับการติดต่อ (Contact Information) การกาหนดค่า
Social media การกาหนดค่าสังคมออนไลน์ การเพิ่มสถิติให้กับเว็บไซต์ (Statistics) การกาหนดการเพ่ิม
เวบ็ ไซตท์ ่ีต้องการ (Favicon)
Advertisements
REPORT THIS AD
แถบ Ribbon คือ เครอ่ื งมือท่ชี ว่ ยในการแก้ไขหน้าเว็บไซตท์ ส่ี ร้างขนึ้ ประกอบดว้ ย
1. แถบแสดงหน้า Page
2. Undo (แกไ้ ข)
3. Redo (ทาซา้ )
4. Copy (คดั ลอก)
5. Paste (วาง)
6. Gridlines (เส้นตาราง)
7. Snap to Grid
8. Ruler and Guides (ไมบ้ รรทัด)
9. Preview (เค้าโครงเวบ็ ไซต์)
10. Save (บันทึก)

11. Publish (สร้างเว็บไซต์/เผยแพรเ่ ว็บไซต)์
12. Upgrade (อัพเกรดเว็บไซต์)
กำรประยกุ ต์ใช้ Wix.com กับกำรเรยี นกำรสอนนาเว็บไซต์ที่สร้างจาก Wix.com เปน็ เครื่องมือส่ือการเรียนเพื่อ
ใช้ในการจัดการเรียนการสอน เป็นการผลักดันให้ครูก้าวทันโลกยุคปัจจุบัน และสามารถเข้าถึงเยาวชนยุคใหม่ได้
อย่างทันท่วงที ซ่ึงจะทาให้เกิดระบบ “ชุมชนแห่งการเรียนรู้” บนเครือข่ายอินเทอร์เน็ต ซึ่งในเว็บไซต์น้ันอาจจะมี
แหล่งเรียนรู้ท่ีหลากหลาย เช่น เนื้อหาในบทเรียน เกมส์/สถานการณ์ปัญหา หรือแบบทดสอบ ให้ผู้เรียนได้เลือก
เรียนรู้ได้ตามความต้องการ เพ่ือเป็นแหล่งเรยี นรู้เก่ียวกับบทเรยี นท่ีสอนอีกทางหนึ่งในการเรียนการสอนใช้สอนให้
ผู้เรียนสร้างเว็บไซต์ของตนเองได้ง่าย โดยไม่จาเป็นต้องเรียนรู้โปรแกรมต่างๆ สามารถนาไปสร้างเว็บไซต์ต่าง ๆ
ท่เี กยี่ วกบั ชวี ติ ประจาวนั หรือธุรกจิ ต่าง ๆ ได้

วิธีกำรสร้ำงเว็บไซต์ Wix.com

ข้ันตอนท่ี 1 - ลงทะเบยี นบญั ชี Wix
Wix เสนอแผนพรีเมยี มห้าแผน เลือกส่งิ ทตี่ รงกบั ความตอ้ งการของคณุ มากท่ีสุด

ข้นั ตอนที่ 2 - สรำ้ งดว้ ย Wix ADI หรือ Wix Editor
Wix เสนอสองวธิ ีในการสรา้ งเว็บไซต์ - Wix ADI และ Wix Editor
Wix ADI (หรือ Wix Artificial Design Intelligence) เปน็ เคร่อื งมือพเิ ศษทีค่ วบคุมพลังของ AI สง่ิ ท่ีคณุ ต้องมคี ือให้
ข้อมูลพ้ืนฐานบางอย่าง (เช่นประเภทธุรกิจและชื่อไซต์ของคุณ) และระบบจะใช้ข้อมูลดังกล่าวเพื่อสร้างไซต์
โดยอัตโนมัติ ในทางกลบั กนั Wix Editor ชว่ ยให้คุณสร้างเวบ็ ไซตต์ ัง้ แตเ่ ร่มิ ต้นโดยใช้ตวั สร้างแบบลากแลว้ วาง
ในบทชว่ ยสอนนเี้ ราจะสาธติ วธิ ีสรา้ งเวบ็ ไซต์ธรุ กจิ โดยใชท้ ง้ั สองตวั เลอื ก

ตัวเลอื ก # 1: สรำ้ งเว็บไซต์โดยใช้ Wix ADI
ในการสร้างดว้ ย Wix ADI ให้คลกิ 'Start with Wix ADI'
จากน้ัน Wix จะถามประเภทของเว็บไซต์ธุรกิจท่ีคุณต้องการสร้างและแนะนาตัวเลือกพื้นฐานบางอย่าง หากคุณ
ไม่แน่ใจเก่ียวกับประเภทของเว็บไซต์ที่คุณต้องการสร้างเพียงแค่ป้อนคาหลักบางคาและ Wix ADI ก็จะทา
สงิ่ มหัศจรรย์

เม่ือคุณระบุลักษณะของเว็บไซต์ธุรกิจของคุณ Wix ADI จะขอชุดคุณสมบัติท่ีต้องการบนเว็บไซต์ของคุณ
ทน่ี ค่ี ณุ ต้องคดิ เกีย่ วกบั ทกุ สงิ่ ทคี่ ุณต้องการจะทาได้กบั เวบ็ ไซต์ของคุณ

สำหรับตัวอยำ่ งของเรำจะเลอื กคณุ ลกั ษณะท้งั หมดที่ Wix แนะนำยกเวน้ คณุ ลักษณะ รบั กำรจองและกำรนดั หมำย

ตัวเลอื ก # 1 : สร้ำงเว็บไซตโ์ ดยใช้ Wix ADI
ในการสรา้ งด้วย Wix ADI ใหค้ ลกิ 'Start with Wix ADI'
จากนนั้ Wix จะถามประเภทของเว็บไซต์ธุรกิจที่คุณต้องการสร้างและแนะนาตัวเลือกพน้ื ฐานบางอย่าง หากคุณไม่
แน่ใจเกี่ยวกับประเภทของเว็บไซต์ท่ีคุณต้องการสร้างเพียงแค่ป้อนคาหลักบางคาและ Wix ADI ก็จะทาส่ิง
มหัศจรรย์

เมื่อคุณระบุลักษณะของเว็บไซต์ธุรกิจของคุณ Wix ADI จะขอชุดคุณสมบัติที่ต้องการบนเว็บไซต์ของคุณ
ท่ีน่ีคณุ ตอ้ งคดิ เกย่ี วกับทุกสิง่ ท่ีคุณต้องการจะทาได้กับเวบ็ ไซตข์ องคุณ

สำหรับตัวอย่ำงของเรำเรำจะเลือกคุณลักษณะท้ังหมดที่ Wix แนะนำยกเว้นคุณลักษณะ "รับกำรจองและกำรนัด
หมำย"

หลังจากเรียนรู้เก่ียวกับคุณสมบัติที่ต้องการของเว็บไซต์ของคุณ Wix ADI จะแจ้งให้ระบุชื่อเว็บไซต์เพื่อประโยชน์
ของตัวอย่างน้ีฉันตั้งชื่อเว็บไซต์ของเราว่า 'BuildThisDigitalMarketing' จากน้ัน Wix ADI จะแจ้งให้คุณทราบ
ขอ้ มลู ทางธรุ กิจเพ่มิ เตมิ เชน่ ทอี่ ยธู่ รุ กิจและรายละเอียดอืน่ ๆ ใหข้ อ้ มลู Wix ADI ใหม้ ากทสี่ ุดเทา่ ที่จะทาได้เพราะจะ
ใชข้ อ้ มลู นใ้ี นการกรอกข้อมลู ส่วนท่ีเกีย่ วข้องบนเวบ็ ไซต์ของคณุ (เช่นสว่ นท้ายของเว็บไซตแ์ ละหน้าติดต่อ)

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

ในหนา้ จอถัดไป Wix ADI จะถามถงึ การกาหนดลักษณะสขี องคณุ

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

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

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

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

คำบรรยำย: หำกต้องกำรสรำ้ งไซต์ใหมใ่ ห้คลิกท่ีตวั เลอื ก สร้างไซต์ใหม่ จำกรำยกำรเมนู ไซต์
เม่ือคุณคลิกที่มัน Wix จะถามคณุ อีกครัง้ เกยี่ วกับประเภทของไซต์ทีค่ ุณต้องการสร้าง

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

ไม่เพียงแค่น้ัน แต่ยังมีตัวเลือกการค้นหาท่ีสะดวกเพื่อช่วยคุณกรองเทมเพลตท่ีเหมาะสม (ดูเทมเพลตท่ีสร้างไว้
ล่วงหนา้ ของ Wix ที่น่ี)

มาดหู มวดยอ่ ย การโฆษณาและการตลาด เพราะดูเหมือนว่าหมวดหมทู่ ีเ่ ก่ยี วข้องกบั เรามากท่สี ุด

กำรแกไ้ ขเทมเพลตทสี่ ร้ำงไว้ลว่ งหนำ้ ของ Wix
เม่ือคุณเลือกเทมเพลตแล้วคุณจะเห็นแดชบอร์ด Wix Editor แบบเต็ม คุณมี 3 ส่วนสาคัญในแดชบอร์ด Wix
(ดูส่วนท่ีไฮไลต์) : 1) ส่วนกลางคือเว็บไซต์ของคุณและเมื่อคุณทาการเปลี่ยนแปลงคุณสามารถดูตัวอย่างได้แบบ
เรยี ลไทม์ 2) ทางด้านขวาของคณุ คุณมีตัวเลือกทใ่ี ห้คุณลบทาซ้าหมุนและปรับตาแหน่งขององค์ประกอบต่าง ๆ บน
ไซต์ของคณุ และ 3) ทางดา้ นซ้ายของคุณคอื หน่วยการสรา้ งและตวั เลือกการออกแบบท่ีคุณสามารถใช้ได้

แดชบอรด์ Wix Editor
ขน้ั ตอนท่ี 4 - เพมิ่ องคป์ ระกอบและฟังก์ชนั ของไซต์
เรามาดูรายละเอียดเกีย่ วกบั องค์ประกอบทง้ั หมดในแบบเอกสารสาเร็จรปู และตัวเลือกการออกแบบ
1. พ้นื หลังเว็บไซต์

สาหรับพ้นื หลงั ของไซต์ Wix รองรบั สีทบึ รปู ภาพและวิดโี อ

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

Wix ชว่ ยให้คณุ สร้างเวบ็ ไซต์ท่สี วยงามด้วยภาพหรือส่ือทีส่ วยงาม

หากคณุ เคยลองสร้างการสาธิตของเทมเพลตเครื่องมือสร้างเวบ็ ไซต์ส่วนใหญ่ขนึ้ มาใหม่คุณอาจทราบวา่ การ

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

แต่ Wix ดูแลคุณในดา้ นนี้เปน็ อยา่ งดี

2. บล็อกเนอ้ื หำและองคป์ ระกอบกำรออกแบบ

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

:

ขอ้ ความ ภาพ แกลเลอร่ี

สไลดโ์ ชว์ ปุ่ม กล่อง

เพกิ รูปรา่ ง วีดโี อ

Music สังคม ตดิ ต่อเรา

เมนู รายการ Lightbox

บล็อก เจบ็ More

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

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

หากคุณเปรยี บเทยี บเคร่ืองมอื ออกแบบเหลา่ น้ีกับแพลตฟอรม์ อนื่ ๆ สว่ นใหญ่ เชน่ Squarespace คุณจะ
สงั เกตเหน็ วา่ มีองคป์ ระกอบมากกวา่ 100 สไตลแ์ ละตวั เลือกการปรบั แต่งสาหรับแตล่ ะรายการที่น่ี Wix มีมากกว่า
ส่งิ ท่ผี ู้สร้างไซต์อนื่ ๆ เสนอให้
3. ฟังก์ช่ันเว็บไซตผ์ ่ำน Wix App Market

Wix App market เป็นพื้นท่ีเก็บขอ้ มลู ท่ีมีแอพของบุคคลที่สามและแอพท่ีมาพร้อมกับ Wix จานวนมากซง่ึ ชว่ ยให้
คุณสามารถขยายการทางานของไซต์ของคุณได้หากคุณต้องการสร้างเว็บไซต์พ้ืนฐานคุณไม่จาเป็นต้องมีแอพ
เพ่มิ เติมใด ๆ เพราะ Wix ครอบคลุมคุณสมบตั ิและฟังก์ชันการทางานเกือบท้ังหมดที่คุณอาจต้องการอย่างไรก็ตาม
อาจมบี างคร้ังท่ีคุณต้องการคุณสมบัตทิ ่ีไม่มีอยู่ใน Wix ทนั ทที ่แี กะกล่อง หรือคุณอาจต้องการขยายเว็บไซต์ของคุณ
หรือเพิ่มอานาจทางการตลาดให้กบั เวบ็ ไซต์ ในชว่ งเวลาดงั กลา่ วเพียงไปที่ Wix App Market
แอพจานวนมากฟรีและมีแอพพรีเมย่ี มดว้ ยเชน่ กนั
แม้ว่าแอพท่ีคุณเพิ่มจะข้ึนอยู่กับความต้องการของคุณ แต่ก็มีแอพท่ีแนะนาและน่ันก็คือ Wix รับสมาชิก
แอป คุณสามารถใช้เพ่ือเพิ่มแบบฟอร์มลงทะเบียนและป๊อปอัปบนเว็บไซต์ของคุณและสร้างรายช่ืออีเมลได้อย่าง
รวดเรว็
4. กำรอปั โหลดของฉัน
การอัปโหลดของฉัน ส่วนใน Wix เปรียบเสมือนแกลเลอรีรูปภาพส่วนตัวของคุณ ส่วนน้ีประกอบด้วยไฟล์ภาพ
ท้งั หมดท่ีคณุ อปั โหลดไปยงั Wix เชน่ รูปภาพวดิ ีโอเสยี งและอ่นื ๆ ท่คี ณุ สามารถเพ่ิมลงในไซต์ของคุณได้
5. Wix สำหรบั บลอ็ ก
หากต้องการคุณสามารถเพิ่มองค์ประกอบอื่น ๆ ในหน้านี้ได้ เพียงใช้ตัวเลือก เพ่ิมองค์ประกอบบล็อก จากเมนู
ตัวจัดกำรบลอ็ ก :

เร่มิ บลอ็ กตัวเลือก – ตำมช่ือ – ให้เพ่มิ บล็อกในเว็บไซต์

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

เจต็ โพสตล์ ำ่ สดุ

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

ตวั เลือก เพมิ่ องค์ประกอบของบล็อก ชว่ ยให้สามารถเพิ่มองคป์ ระกอบต่าง ๆ ในหน้าบลอ็ ก เช่น :
Disqus ความคิดเห็น
ความคดิ เห็นที่ Facebook
ฟดี ที่กาหนดเอง
RSS
หมวดหมู่
และอีกไม่กี่

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

ขั้นตอนท่ี 5 - เผยแพรแ่ ละถ่ำยทอดสด
ขณะนี้เว็บไซต์ของพร้อมสาหรับการเผยแพร่แล้ว ก่อนที่จะคลิกปุ่มที่มุมขวาบนเพื่อเผยแพร่เว็บไซต์ Wix แรกของ
สามารถดูตัวอย่างได้ ตรวจสอบให้แน่ใจว่าพอใจกับทุกส่วนของเว็บไซต์ก่อนท่ีจะคลิก เผยแพร่ เมื่อคุณกดปุ่มน้ัน
คุณจะเห็นชื่อโดเมนของคุณปรากฏในป๊อปอัป สามารถเลือกท่ีจะเชื่อมต่อไซต์ Wix กับโดเมน (โดยช้ีเซิร์ฟเวอรช์ อื่
โดเมนของคณุ ไปที่ Wix) หรอื ปลอ่ ยไว้เป็นค่าเรม่ิ ต้น เว็บไซต์ Wix ของเปิดใชง้ านอย่างเป็นทางการแลว้ !
จดั กำรและอัปเดตไซต์ของคุณโดยใช้ Wix Site Manager
เมอ่ื คุณออกแบบเวบ็ ไซตเ์ สร็จแลว้ สามารถเข้าถงึ การตั้งค่าไซต์ของคุณได้จากตัวเลือกเมนู ไซต์ :

ภำยใต้กำรต้งั ค่ำ ผจู้ ัดกำรไซต" คุณมีตัวเลอื กมำกมำยสำหรับ SEO, โซเชียล, กำรวเิ ครำะหแ์ ละอน่ื ๆ ในไซต์ของ
คุณ

ตัวเลือกภำยใต้ Wix Site Manager
โดเมน
การตั้งค่าโดเมนช่วยให้สามารถเชื่อมต่อโดเมนที่กาหนดเองและเพ่ิมไอคอน Fav ท่กี าหนดเองลงในเว็บไซต์ Wix
อยา่ งไรก็ตามคณุ ต้องมีแผนพรีเมียมของ Wix เพื่อทาส่งิ น้ี
SEO
พนื้ ทป่ี ลกู SEO การตง้ั คา่ ช่วยให้เพิ่มการตดิ ตามท่กี าหนดเองและโคด้ อน่ื ๆ ลงในเวบ็ ไซต์ได้ สามารถเพิ่มโคด้
ตดิ ตามสาหรบั Google Webmaster tools, Bing Webmaster Tools, Twitter Cards, Pinterest
Verification และอน่ื ๆ* เรยี นรเู้ พ่มิ เตมิ เก่ยี วกบั พน้ื ฐาน SEO ที่นี่
ตอบสนอง
การตั้งคา่ น้ชี ่วยใหม้ ่ันใจไดว้ า่ คณุ กาลังใชง้ านเว็บไซต์ทเ่ี หมาะกบั อุปกรณเ์ คลื่อนท่ี
ภำษำและภูมิภำค
คณุ สมบัตทิ ่ยี อดเย่ียมอยา่ งหนง่ึ ของ Wix คือช่วยใหค้ ุณสร้างเวบ็ ไซต์ท่ีแปลเปน็ ภาษาท้องถิน่ ได้ทันที ภายใต้การตัง้
ค่า ภำษำและภูมภิ ำค คณุ สามารถระบภุ าษาของเวบ็ ไซตข์ องคุณได้
ขอ้ มูลทำงธุรกิจ
ภายใต้การตง้ั ค่า ขอ้ มลู ธุรกิจ คณุ สามารถเพมิ่ รายละเอียดเชน่ ชื่อธุรกจิ ที่อยู่อีเมลและอนื่ ๆ
สังคม
การตง้ั ค่า สังคม ช่วยให้สามารถเพมิ่ โปรไฟล์ Facebook ของคุณในไซต์ได้ (ฉนั สงสยั จริง ๆ วา่ ทาไม
ถงึ รวม Facebook ไวท้ ีน่ ่!ี )
กำรวเิ ครำะห์
ไม่เหมือนบางคน ผู้สร้างเว็บไซต์, Wix ไม่มรี ะบบติดตามผูเ้ ยีย่ มชมหรือไซตข์ องตวั เอง เพ่ือวัตถุประสงค์ในการ
ตดิ ตาม Wix จะทางานร่วมกับ Google Analytics เพ่อื ใหค้ ณุ สามารถเพ่ิมสคริปต์ Google Analytics ได้ที่น่ี
บทบำทและสิทธ์ิ
Wix ช่วยให้สามารถเพิ่มผใู้ ช้หลายคนในเว็บไซต์ของคณุ และรองรับบทบาทของผ้ใู ชท้ แ่ี ตกต่างกัน เชน่ ผู้ร่วมเขยี น
บล็อก ผูแ้ ก้ไข ผดู้ ูแลระบบ และอนื่ ๆ
ใบรับรอง SSL
HTTPS จะเปิดใช้งานโดยอัตโนมตั สิ าหรับไซต์ Wix ท่ีสรา้ งใหม่ทงั้ หมดโดยไม่มีค่าใชจ้ ่ายเพิ่มเติม คุณสามารถ
ตรวจสอบการตัง้ ค่าได้ในแดชบอรด์ ของไซต์ของคุณ ในขณะทเี่ ขียน Wix ไม่รองรบั บุคคลทส่ี าม ใบรับรอง SSL.

* หมายเหตเุ พ่มิ เตมิ เกี่ยวกับการตั้งคา่ SEO:
เคร่ืองมือ Wix SEO ท่ีน่าสนใจคือ SEO Wiz. SEO Wiz ช่วยเวบ็ ไซตท์ มี่ ี SEO บนหน้า

ในกำรเร่ิมใช้เครื่องมือน้ีให้คลิกท่ีปุ่ม Let's Go จำกตัวเลือกแผง SEO เม่ือคุณเริ่มเพ่ิมประสิทธิภำพด้วยเครื่องมือ
SEO Wiz ข้ันแรกจะขอข้อมูลที่เกี่ยวข้องกับธุรกิจ เมื่อระบุแล้วระบบจะขอให้คุณป้อนคำหลัก 5 คำที่คุณต้องกำร
เพิ่มประสิทธิภำพเว็บไซต์ของคุณ เพียงป้อนคำหลักของคุณและคลิกท่ีตัวเลือก สร้ำงแผน SEO ทันทีท่ีคุณ
ดำเนินกำรดังกลำ่ วคุณจะเหน็ รำยกำรตรวจสอบพร้อมขัน้ ตอนตำ่ ง ๆ เพือ่ ชว่ ยให้เครือ่ งมือคน้ หำไซต์เป็นมิตร

https://www.webhostingsecretrevealed.net/th/blog/web-design/build-first-website-using-wix/

โรงเรียนองค์การบริหารส่วนจังหวัดเชียงราย

สังกัดองค์การบริหารส่วนจังหวัดเชียงราย
กรมส่งเสริมการปกครองท้องถิ่น กระทรวงมหาดไทย