Strikingly ✨

 เนื้อหาที่ต้องศึกษา 🚨

🎯 วัตถุประสงค์การเรียนรู้

1. เข้าใจพื้นฐานการใช้งานเครื่องมือ Strikingly และฟังก์ชันหลักที่ใช้ในการสร้างเว็บไซต์

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

3. ปรับแต่งเทมเพลตเพื่อให้เว็บไซต์สอดคล้องกับแบรนด์หรือความต้องการของผู้ใช้งาน

4. สามารถเพิ่มฟังก์ชันเสริม เช่น ฟอร์มติดต่อ, ลิงก์โซเชียลมีเดีย หรือปุ่มเชื่อมโยงต่าง ๆ

5. เรียนรู้วิธีการเผยแพร่เว็บไซต์และการใช้เครื่องมือในการโปรโมทเพื่อเพิ่มการเข้าถึงและผู้ชม

ข้อดี👍

• การบริการลูกค้าและการสนับสนุนที่ยอดเยี่ยม

• back-end ที่ใช้งานง่าย

• ตัวเลือกแผนหลากหลายให้เลือก

• เหมาะสำหรับผู้ที่ต้องการเลย์เอาต์หน้าเดียว

• ไม่จำเป็นต้องมีทักษะการเข้ารหัส - เหมาะสำหรับธุรกิจขนาดเล็ก

• ตัวเลือกการปรับแต่งที่ยอดเยี่ยมสำหรับเว็บไซต์ของคุณ

ข้อเสีย👎

• ไม่ใช่สิ่งที่ดีที่สุดสำหรับ SEO ทางออกเดียวสำหรับการสร้างหลายหน้ามาพร้อมกับแผน Pro

• แผนฟรีที่ จำกัด หมายความว่าคุณต้องจ่ายเงินเพื่อรับคุณสมบัติที่ดีที่สุด

• ค่อนข้างแพงในการรับโดเมนแบบกำหนดเองของคุณโดยไม่มีโฆษณา

1. ลงทะเบียนและเข้าสู่ระบบ

• ไปที่เว็บไซต์ Strikingly: เข้าไปที่ www.strikingly.com

• สมัครบัญชี: คลิกที่ปุ่ม "Sign Up" (สมัครสมาชิก) เพื่อสมัครบัญชีใหม่

  • คุณสามารถสมัครโดยใช้ อีเมล, Google หรือ Facebook ได้

• เข้าสู่ระบบ: หากคุณมีบัญชีอยู่แล้ว สามารถคลิกที่ "Log In" (เข้าสู่ระบบ) เพื่อเข้าสู่บัญชีของคุณ

2. การออกแบบโครงสร้างเว็บไซต์

2.1 การเลือกเทมเพลต (Template) Google Sites มีเทมเพลตที่พร้อมใช้งานหลายรูปแบบ เช่น เทมเพลตสำหรับเว็บไซต์ธุรกิจ, การศึกษา, ผลงาน (Portfolio) การเลือกเทมเพลตที่เหมาะสมจะช่วยให้การออกแบบเว็บไซต์ง่ายขึ้น และยังสามารถปรับแต่งเพิ่มเติมได้ตามต้องการ

2.2 การสร้างและจัดการหน้าเว็บ (Pages)

• การสร้างหน้าใหม่: คลิกที่ "หน้า" (Pages) แล้วเลือก "เพิ่มหน้า" เพื่อสร้างหน้าสำหรับเนื้อหาต่าง ๆ

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

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

3. ปรับแต่งเว็บไซต์

• เข้าสู่การแก้ไข: หลังจากเลือกเทมเพลตแล้ว คุณจะถูกพาไปยัง Editor (ตัวแก้ไขเว็บไซต์) ที่สามารถปรับแต่งเว็บไซต์ได้ง่าย ๆ ด้วยเครื่องมือ Drag-and-Drop

3.1. ปรับแต่งเนื้อหา

• เพิ่มข้อความ: คลิกที่กล่องข้อความที่มีอยู่แล้วหรือเพิ่มกล่องข้อความใหม่โดยการลาก Text Block จากแถบเครื่องมือด้านข้าง

• แก้ไขข้อความ: คลิกที่ข้อความที่ต้องการแก้ไข แล้วพิมพ์ข้อความใหม่ เช่น ชื่อเว็บไซต์, คำบรรยาย หรือข้อมูลเกี่ยวกับคุณ

• เพิ่มรูปภาพ: เลือกกล่องที่มีภาพแล้วหรือเพิ่ม Image Block จากแถบเครื่องมือด้านข้างแล้วลากมาวางบนหน้าเว็บไซต์

  • คลิกที่ "Change Image" เพื่ออัปโหลดภาพจากคอมพิวเตอร์หรือเลือกภาพจากแกลเลอรีของ Strikingly

• เพิ่มวิดีโอ: ใช้ Video Block เพื่อเพิ่มวิดีโอบนเว็บไซต์

  • คุณสามารถเพิ่มวิดีโอจาก YouTube หรือ Vimeo เพียงแค่ใส่ URL ของวิดีโอ

3.2. ปรับแต่งดีไซน์

• เปลี่ยนธีม: คลิกที่ "Design" (การออกแบบ) เพื่อเลือกธีมสี ฟอนต์ และสไตล์โดยรวมของเว็บไซต์

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

• ปรับรูปแบบเลย์เอาต์: แก้ไขตำแหน่งของเนื้อหา รูปภาพ และวิดีโอบนหน้าเว็บไซต์ด้วยการลากและวาง

3.3. เพิ่มฟังก์ชันพิเศษ

• เพิ่มฟอร์มติดต่อ: เพิ่มฟอร์มติดต่อเพื่อให้ผู้เยี่ยมชมสามารถส่งข้อความหรือข้อมูลติดต่อให้คุณได้

  • ใช้ Form Block จากแถบเครื่องมือด้านข้าง

• เพิ่มปุ่ม Social Media: สามารถเพิ่มไอคอนโซเชียลมีเดีย เช่น Facebook, Instagram หรือ Twitter

  • ใช้ Social Icons Block เพื่อเชื่อมโยงเว็บไซต์กับบัญชีโซเชียลมีเดียของคุณ

• เพิ่มแผนที่: หากต้องการแสดงที่ตั้งของธุรกิจหรือสำนักงาน สามารถใช้ Map Block เพื่อฝังแผนที่จาก Google Maps

4. ตรวจสอบการแสดงผลบนมือถือ

• Strikingly รองรับการแสดงผลเว็บไซต์ในโหมด Responsive Design ซึ่งเว็บไซต์จะปรับขนาดและรูปแบบให้อัตโนมัติเมื่อเปิดบนอุปกรณ์ต่าง ๆ

• คุณสามารถตรวจสอบการแสดงผลบนมือถือได้โดยคลิกที่ Mobile Preview ที่มุมขวาบนของหน้าจอเพื่อดูว่าหน้าเว็บไซต์ของคุณดูดีบนมือถือหรือไม่

5. การปรับแต่งเว็บไซต์

5.1 การเปลี่ยนธีม (Themes) Google Sites มีธีมหลากหลายให้เลือกใช้ เช่น ธีมที่เน้นความเรียบง่ายหรือสีสันสดใส เพื่อให้เว็บไซต์มีสไตล์ที่สวยงามตามความต้องการ

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

5.3 การสร้างเว็บไซต์ที่รองรับมือถือ (Responsive Design) Google Sites รองรับการออกแบบที่สามารถแสดงผลได้ดีบนทุกอุปกรณ์ ไม่ว่าจะเป็นคอมพิวเตอร์ แท็บเล็ต หรือมือถือ

6. การเผยแพร่และการแชร์เว็บไซต์

6.1 การตั้งค่าการเผยแพร่เว็บไซต์ (Publish) เมื่อออกแบบเว็บไซต์เสร็จแล้ว สามารถกด "เผยแพร่" เพื่อให้เว็บไซต์ออนไลน์ได้ทันที โดยสามารถตั้งค่า URL ของเว็บไซต์ให้สั้นกระชับและเป็นเอกลักษณ์ได้

6.2 การแชร์และอนุญาตการเข้าถึงเว็บไซต์ Google Sites ช่วยให้คุณสามารถควบคุมการเข้าถึงเว็บไซต์ได้ เช่น กำหนดว่าใครสามารถเข้าชมหรือแก้ไขเว็บไซต์ได้บ้าง โดยสามารถตั้งค่าได้ในส่วนของ "สิทธิ์การเข้าถึง"

7. การบำรุงรักษาและการวิเคราะห์เว็บไซต์

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

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