วิธีเริ่มสร้างหน้าแรกเว็บไซต์ Joomla

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

❶ เลือกรูปแบบหน้าแรก

ก่อนสร้างหน้าแรก ให้เลือกว่าต้องการให้แสดงเนื้อหาแบบใด

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

การติดตั้ง Joomla ใหม่มักมีเมนู Home ที่ใช้รูปแบบ Featured Articles อยู่แล้ว คุณสามารถปรับรายการบทความและรูปแบบแสดงผลได้โดยไม่จำเป็นต้องสร้างเมนูหน้าแรกใหม่ทุกครั้ง

❷ สร้างบทความแรกสำหรับหน้าแรก

หากยังไม่มีเนื้อหา ให้สร้างบทความแนะนำเว็บไซต์ก่อน

  1. ไปที่ Content → Articles
  2. กด New
  3. ใส่ชื่อบทความและเนื้อหาแนะนำเว็บไซต์
  4. เลือกหมวดหมู่ที่เหมาะสม
  5. ตั้งสถานะเป็น Published
  6. หากหน้าแรกใช้ Featured Articles ให้ตั้งค่า Featured เป็น Yes
  7. กด Save & Close

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

❸ ใช้บทความเด่นเป็นหน้าแรก

หากเมนู Home ตั้งเป็นประเภท Featured Articles อยู่แล้ว ให้ทำเครื่องหมายบทความที่ต้องการแสดงเป็นบทความเด่น

  1. ไปที่ Content → Articles
  2. หาแถวบทความที่ต้องการ
  3. กดไอคอนดาวหรือเปิดบทความแล้วตั้ง Featured เป็น Yes
  4. เปิดหน้าแรกเว็บไซต์เพื่อตรวจผล

บทความที่ถูกตั้งเป็น Featured จะปรากฏในหน้าแรก หากเมนู Home ใช้รูปแบบ Featured Articles คุณสามารถกำหนดลำดับและจำนวนคอลัมน์ได้จากการตั้งค่ารูปแบบของเมนูนั้น

❹ สร้างหน้าแรกแบบบทความเดียว

หากต้องการให้หน้าแรกเป็นเนื้อหาคงที่ เช่น แนะนำบริษัทหรือบริการ ให้สร้างบทความแล้วสร้างเมนูที่เชื่อมไปยังบทความนั้น

  1. สร้างและเผยแพร่บทความที่ต้องการใช้เป็นหน้าแรก
  2. ไปที่ Menus → Main Menu
  3. กด New
  4. ตั้งชื่อเมนู เช่น Home
  5. เลือก Menu Item Type เป็น Articles → Single Article
  6. เลือกบทความที่สร้างไว้
  7. ตั้งรายการนี้เป็น Default Page หากต้องการให้เป็นหน้าแรก
  8. บันทึก แล้วทดสอบหน้าเว็บไซต์

แต่ละเมนูมีหน้าที่และปลายทางของตัวเอง ก่อนเปลี่ยน Default Page ให้ตรวจว่ามีหน้าเริ่มต้นที่ถูกต้องเพียงรายการเดียว และอย่าลบรายการเดิมจนกว่าจะทดสอบหน้าใหม่ผ่าน

❺ เพิ่มเมนูและส่วนประกอบบนหน้าแรก

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

หลังเพิ่มโมดูล ให้ตรวจตำแหน่งของโมดูลและกำหนดให้แสดงบนหน้า Home ตามต้องการ หากไม่เห็นโมดูล ให้ตรวจสถานะ Published, ตำแหน่งของเทมเพลต และการกำหนดหน้าแสดงผล

❻ ตรวจหน้าแรกก่อนเปิดใช้งาน

① ตรวจเนื้อหาและลิงก์

อ่านทวนชื่อเรื่อง ข้อความ และปุ่มต่าง ๆ ตรวจว่าลิงก์ไปยังหน้าที่ถูกต้อง และไม่มีข้อความตัวอย่างที่ยังไม่ได้แก้

② ตรวจการแสดงผลบนอุปกรณ์

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

③ ตรวจหน้าหลักและ SEO เบื้องต้น

กำหนดชื่อหน้าและคำอธิบายให้สอดคล้องกับเนื้อหา ตรวจ URL หลักและ HTTPS รวมถึงดูว่าหน้า Home เปิดได้โดยตรงจากโดเมน

❼ แก้ปัญหาเมื่อบทความไม่แสดงบนหน้าแรก

① บทความเผยแพร่แล้วแต่ไม่ปรากฏ

ตรวจว่าหน้า Home ใช้ประเภท Featured Articles หรือไม่ หากใช่ ให้ตรวจว่าเปิด Featured ของบทความแล้วหรือยัง

② เมนู Home เปิดผิดหน้า

ไปที่ Menus → Main Menu แล้วตรวจว่ารายการที่ตั้งเป็น Default Page เชื่อมกับเนื้อหาที่ต้องการหรือไม่

③ หน้าแรกว่างเปล่า

ตรวจสถานะเผยแพร่ของบทความ หมวดหมู่ และเมนู รวมถึงตัวกรองภาษาและระดับการเข้าถึง หากหน้าแรกแสดง Featured Articles ให้ยืนยันว่ามีบทความเด่นอย่างน้อยหนึ่งรายการ

④ บทความแสดงเต็มจนหน้าแรกยาวเกินไป

เพิ่มจุด Read More ในบทความ หรือปรับจำนวนบทความและรูปแบบแสดงผลของเมนู Home

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

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