1. แนะนำเว็บไซต์

Handbook เล่มนี้คือคู่มือใช้งานเว็บไซต์ The Loft Clinic (theloftclinicth.com) สำหรับทีมงานและผู้ดูแลระบบ รวบรวมขั้นตอนการใช้งานทั้งฝั่งหน้าเว็บ (public) และฝั่งหลังบ้าน (WordPress Admin) เพื่อให้ทีมงานทำงานได้เร็วและถูกต้อง

ภาพรวมระบบ

2. โครงสร้างหน้าเว็บ (Public)

เว็บไซต์ The Loft Clinic มีโครงสร้างหลักดังนี้ (ภาษาไทย — ภาษาอังกฤษเข้าได้ผ่าน /en/...)

ตัวอย่างหน้าแรก

หน้าบริการ (Service)

หน้าบริการแต่ละโปรแกรม (เช่น /services/program-botox/) ใช้ template เดียวกัน ประกอบด้วย: Hero banner, ราคา/โปรโมชั่น, FAQ, ขั้นตอนรักษา, รีวิว และ CTA นัดหมาย

หน้า Promotions, Review, Medical Team

3. การเข้าสู่ระบบ WordPress

ขั้นตอน Login

1. เปิดเบราว์เซอร์ไปที่ https://theloftclinicth.com/wp-login.php
2. กรอก ชื่อผู้ใช้ และ รหัสผ่าน ที่ได้รับจากผู้ดูแลระบบ
3. ติ๊ก “จดจำฉัน” หากเป็นเครื่องส่วนตัว แล้วกดปุ่ม “เข้าสู่ระบบ”
4. ระบบจะพาไปที่ /wp-admin/ ซึ่งคือหน้าแดชบอร์ด

4. แดชบอร์ด (Dashboard)

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

ส่วนประกอบสำคัญ

• Toolbar ด้านบน — ปุ่มลัดไปดูหน้าเว็บ, สลับภาษา, อัปเดต, สร้างใหม่, จัดการบัญชี
• เมนูซ้าย — เมนูหลักทั้งหมดของ WordPress (เรื่อง, สื่อ, หน้า, ปลั๊กอิน, ผู้ใช้, ตั้งค่า ฯลฯ)
• วิดเจ็ตกลาง — Site Health, สรุปเนื้อหา, ฉบับร่างอย่างเร็ว, Yoast SEO, Post SMTP Stats, Elementor Overview

วิดเจ็ตที่ควรเช็คทุกวัน

5. การจัดการเรื่อง (Blog Posts)

เรื่อง (Posts) คือบทความใน Blog — มี 71 เรื่องในระบบ จัดประเภทด้วย หมวดหมู่ และ ป้ายกำกับ

หน้ารายการเรื่องทั้งหมด

เมนู: เรื่อง → เรื่องทั้งหมด — สามารถ Filter ตามวันที่ / หมวดหมู่ / สถานะ และ Bulk action เช่น ลบ, เปลี่ยนหมวด, แก้ผู้เขียน

การสร้างบทความใหม่

1. เมนู เรื่อง → Add Post
2. พิมพ์ ชื่อเรื่อง ที่กระชับ ดึงดูด และมี keyword
3. เพิ่ม block เนื้อหา: Paragraph, Heading, Image, List, Quote, ฯลฯ
4. ที่ Sidebar ขวา:
   • หมวดหมู่ — เลือก/สร้างหมวดของบทความ
   • ป้ายกำกับ — ใส่ tag ที่เกี่ยวข้อง
   • ภาพหน้าปก (Featured Image) — สำคัญสำหรับ thumbnail
   • คำสรุป (Excerpt) — ข้อความสั้นๆ แสดงในหน้ารายการ
5. Yoast SEO ด้านล่าง — กำหนด focus keyphrase, meta description, SEO title
6. กด “พรีวิว” ตรวจสอบ → “เผยแพร่”

หมวดหมู่ & ป้ายกำกับ

• หมวดหมู่ = โครงสร้างหลัก (เช่น Beauty Tips, Promotion News, Customer Story)
• ป้ายกำกับ = คำสำคัญย่อย ใช้รวมบทความที่เกี่ยวข้องกัน

6. การจัดการหน้า (Pages)

หน้า (Pages) คือเนื้อหาคงที่ที่ไม่อยู่ใน Blog เช่น Home, About, Contact ปัจจุบันมี 16 หน้า ส่วนใหญ่สร้าง/แก้ไขด้วย Elementor

หน้ารายการ Pages

เมนู: หน้า → หน้าทั้งหมด

การสร้างหน้าใหม่

1. เมนู หน้า → Add Page
2. ใส่ ชื่อหน้า
3. สำคัญ: กดปุ่ม “Edit with Elementor” เพื่อใช้ Page Builder (แทบทุกหน้าสาธารณะใช้ Elementor)
4. เลือก Template หรือเริ่มจาก blank
5. กด Publish เมื่อพร้อมเผยแพร่

แก้ไขหน้าด้วย Elementor

เปิดหน้าใน Admin แล้วกดปุ่ม “Edit with Elementor” (สีชมพู) จะเข้าสู่หน้า Elementor Editor:

• Sidebar ซ้าย — Widgets, Sections, Templates ที่ลากวางได้
• Canvas กลาง — preview แบบ live
• Settings ขวา (เมื่อคลิก element) — ปรับ style, content, advanced
• กดไอคอน 📱 ด้านล่าง — สลับมุมมอง Desktop / Tablet / Mobile
• ปุ่ม UPDATE สีเขียวมุมล่าง — บันทึก/เผยแพร่

7. คลังสื่อ (Media Library)

คลังสื่อเก็บรูปภาพ วิดีโอ ไฟล์ PDF และเอกสารทั้งหมดของเว็บไซต์

คลังสื่อ

เมนู: สื่อ → คลังสื่อ — สามารถดูแบบ Grid หรือ List และ Filter ตามประเภท/วันที่/ผู้อัปโหลด

อัปโหลดไฟล์ใหม่

1. เมนู สื่อ → Add Media File
2. ลากไฟล์มาวางในกรอบ หรือกด “เลือกไฟล์”
3. รอจน upload เสร็จ (มี progress bar)
4. คลิกที่ไฟล์ → กรอก Alt Text (สำคัญต่อ SEO และผู้พิการ), Caption, และ Description

ข้อกำหนดและเคล็ดลับ

8. ความเห็น (Comments)

หน้านี้แสดงความเห็นที่ผู้เข้าชมโพสต์ในบทความ — ปัจจุบันมี 14 ความเห็นรอตรวจสอบ

การจัดการ

1. เมนู ความเห็น
2. วางเมาส์บนแต่ละความเห็น จะมีปุ่ม: อนุมัติ / ตอบกลับ / แก้ไขด่วน / สแปม / ถังขยะ
3. อนุมัติ = แสดงบนหน้าเว็บ
4. สแปม = แจ้งระบบว่าเป็นสแปม (Akismet เรียนรู้)
5. ใช้ Bulk Action จัดการหลายความเห็นพร้อมกัน

9. เนื้อหาเฉพาะ (Custom Post Types)

นอกจาก Posts และ Pages มาตรฐาน เว็บไซต์มี Custom Post Types (CPT) ซึ่งสร้างด้วย CPT UI + ACF เพื่อรองรับเนื้อหาเฉพาะของคลินิก

การเพิ่มข้อมูล CPT

1. เลือกเมนูที่ต้องการ (เช่น ทีมแพทย์) → คลิก Add new
2. กรอกชื่อ → กรอกฟิลด์ ACF ด้านล่าง (เช่น “ความเชี่ยวชาญ”, “การศึกษา”, “รูปประจำตัว”)
3. เพิ่ม Featured Image (ภาพหลักของรายการ)
4. กด Publish

การจัดลำดับการแสดง (Re-Order)

ทุก CPT มีเมนู Re-Order — ลากการ์ดเพื่อจัดลำดับการแสดงผลในหน้าเว็บ ใช้เมื่อต้องการให้แพทย์/บริการ/โปรโมชั่นบางรายการแสดงก่อน

10. การใช้งาน Elementor

Elementor คือ Page Builder หลักของเว็บนี้ — แทบทุกหน้า public ใช้ Elementor

เปิดแก้ไขหน้าด้วย Elementor

1. ไปที่หน้านั้นใน Admin (หน้า → หน้าทั้งหมด)
2. วางเมาส์ที่ชื่อหน้า กด “Edit with Elementor”
3. หรือเปิดหน้านั้นบน front-end ตอน logged in แล้วกดที่ Toolbar ด้านบน

โครงสร้างของ Elementor

• Section = แถวใหญ่ที่สุด — มี Column ภายใน
• Column = คอลัมน์ภายใน Section — ปรับสัดส่วนได้
• Widget = element เดี่ยว เช่น Heading, Image, Button, Form

Widget ที่ใช้บ่อยใน The Loft Clinic

เคล็ดลับ Elementor

Theme Builder

Templates → Theme Builder ใช้สร้าง Header, Footer, หน้าบทความ Single Post, หน้า Archive — ทั้งเว็บใช้ template ชุดเดียวกัน แก้ที่นี่จะมีผลทุกหน้า

11. ธีม & เมนู (Appearance)

ธีม (Themes)

เว็บใช้ธีม Hello Elementor ซึ่งเป็นธีมเบาที่ออกแบบมาเพื่อทำงานกับ Elementor อย่าสลับธีม โดยไม่ปรึกษาทีมพัฒนา

เมนู (Navigation Menus)

เมนู: รูปลักษณ์ → เมนู

1. เลือกเมนูที่ต้องการแก้ (Header Menu / Footer Menu / Mobile Menu)
2. ลาก/ปล่อยรายการเพื่อจัดลำดับ
3. ขยายรายการเพื่อแก้ Navigation Label หรือลบ
4. เพิ่มรายการใหม่จาก Pages / Posts / Custom Links ทางซ้าย
5. กด “บันทึกเมนู”

12. ปลั๊กอินสำคัญ (18 ตัว)

เว็บไซต์ติดตั้งปลั๊กอินทั้งหมด 18 ตัว — ตัวสำคัญที่ทีมงานควรรู้จัก:

แนวทางการอัปเดตปลั๊กอิน

13. SEO ด้วย Yoast

Yoast SEO ช่วยจัดการ meta tag, sitemap, breadcrumb และตรวจ SEO ของแต่ละบทความ

การตั้ง SEO ของแต่ละโพสต์/หน้า

1. เลื่อนลงไปด้านล่างของ editor → พบกล่อง “Yoast SEO”
2. ตั้ง Focus keyphrase — keyword หลักที่ต้องการให้ติด Google
3. เขียน SEO title (≤ 60 ตัวอักษร) และ Meta description (≤ 155 ตัว)
4. ดู “การวิเคราะห์ SEO” และ “การวิเคราะห์ความสามารถในการอ่าน”
5. ปรับเนื้อหาตามคำแนะนำ จน Bullet เป็น สีเขียว (good)

Yoast Global Settings

เมนู Yoast SEO → General / Settings:

• Search Appearance — ตั้งชื่อเว็บ, separator, breadcrumb
• Social — ภาพ Open Graph (Facebook/LINE), Twitter Card
• Tools → Bulk editor — แก้ title/description หลายโพสต์พร้อมกัน
• Redirects — จัดการ redirect (เวอร์ชัน Premium)

14. ระบบหลายภาษา (Polylang)

เว็บไซต์รองรับ 2 ภาษา: ไทย (ค่าเริ่มต้น) และ English

• URL ภาษาไทย: https://theloftclinicth.com/...
• URL ภาษาอังกฤษ: https://theloftclinicth.com/en/...

การสร้างเนื้อหาในสองภาษา

1. สร้างเนื้อหาภาษาไทย (Posts/Pages/CPT) ตามปกติ
2. ในหน้า edit จะมีกล่อง “Languages” ที่ Sidebar พร้อมไอคอน “+” ข้างธงชาติแต่ละภาษา
3. กด “+” ข้างธง EN → ระบบจะสร้างเวอร์ชันภาษาอังกฤษ พร้อม link คู่กัน
4. แปลเนื้อหาและ publish

เมนูแยกตามภาษา

ใน รูปลักษณ์ → เมนู จะมีเมนูแยกของแต่ละภาษา ตรวจสอบให้แน่ใจว่าเมนูครบทั้ง 2 ภาษา

15. ผู้ใช้และสิทธิ์

เมนู: ผู้ใช้ — ดูรายชื่อผู้ใช้ทั้งหมด, สิทธิ์ (Role), อีเมล, จำนวนโพสต์

ระดับสิทธิ์ (Roles)

เพิ่มผู้ใช้ใหม่

1. เมนู ผู้ใช้ → Add User
2. กรอก Username (ภาษาอังกฤษเท่านั้น), อีเมล, ชื่อ-นามสกุล
3. กด “Generate Password” — ใช้รหัสที่ระบบสร้าง
4. เลือก Role ที่เหมาะสม — อย่าใส่ Administrator ให้ทุกคน
5. ติ๊ก “Send User Notification” เพื่อส่งรหัสไปทางอีเมล
6. กด “Add New User”

โปรไฟล์ส่วนตัว

เมนู ผู้ใช้ → ข้อมูลส่วนตัว — แก้ชื่อ, เปลี่ยนรหัสผ่าน, สร้าง Application Password (สำหรับ API)

16. เครื่องมือ (Tools)

เมนู เครื่องมือ รวมยูทิลิตี้สำคัญหลายตัว

การ Backup ก่อนเปลี่ยนแปลงครั้งใหญ่

1. เมนู All-in-One WP Migration → ส่งออกข้อมูล
2. เลือก “ส่งออกไปยัง: File”
3. รอจนเสร็จ → ดาวน์โหลดไฟล์ .wpress
4. เก็บใน Google Drive หรือ External Drive
5. ตั้งชื่อ theloftclinic-backup-YYYYMMDD.wpress

การจัดการ Redirect

1. เมนู เครื่องมือ → Redirection
2. กด “Add new redirection”
3. Source URL = path เก่า (เช่น /old-page/)
4. Target URL = path ใหม่ (เช่น /new-page/)
5. Match Type = URL only / Group = Redirections
6. กด Add Redirect

17. ตั้งค่าระบบ (Settings)

ตั้งค่าทั่วไป (General)

เมนู ตั้งค่า → ทั่วไป — แก้:

• ชื่อเว็บ — TheLoft Clinic
• คำโปรย — tagline สั้นๆ ของคลินิก
• รูปไอคอนเว็บ (Favicon) — รูปสี่เหลี่ยมจัตุรัส ≥ 512×512px
• URL เว็บไซต์ — อย่าแก้ถ้าไม่จำเป็น
• อีเมลผู้ดูแล — สำหรับรับแจ้งเตือนระบบ
• สมัครสมาชิก — แนะนำให้ ปิด “ใครก็สามารถสมัครได้”
• เขตเวลา — Asia/Bangkok (UTC+7)
• รูปแบบวันที่/เวลา — รูปแบบที่แสดงในบทความ

ตั้งค่าการเขียน (Writing)

หมวดหมู่เริ่มต้น, ระบบ Post-via-email, services อื่นๆ — ปกติไม่ค่อยแก้

ตั้งค่าการอ่าน (Reading)

กำหนด:

• หน้าแรกแสดง — หน้าตายตัว (Static page) = “หน้าแรก”
• หน้าโพสต์ = หน้า “Blog”
• จำนวนโพสต์ต่อหน้าใน Blog
• Search Engine Visibility — ห้ามติ๊ก “Discourage search engines” (จะทำให้ Google ไม่เก็บข้อมูล)

ตั้งค่าการสนทนา (Discussion)

กำหนดว่าให้คอมเมนต์ต้องอนุมัติก่อน, ต้องลงทะเบียนหรือไม่, blacklist คำ

ตั้งค่าสื่อ (Media)

กำหนดขนาด thumbnail / medium / large ที่ระบบจะสร้างเมื่อ upload — โดยทั่วไปไม่ต้องแก้

ลิงก์ถาวร (Permalinks)

เมนู ตั้งค่า → ลิงก์ถาวร — ปัจจุบันใช้ “Post name” (เช่น /post-name/) ห้ามเปลี่ยน เพราะจะทำให้ทุก URL เสียและกระทบ SEO รุนแรง

18. การส่งอีเมล (Post SMTP)

เว็บไซต์ใช้ Post SMTP ส่งอีเมลผ่าน Gmail API (account: [email protected])

เช็คสถานะ

• เมนู Post SMTP → Dashboard — สรุปอีเมลที่ส่ง 7 / 14 / 30 วันล่าสุด
• Email Log — ดูทุกอีเมลที่ส่ง (สำเร็จ/ล้มเหลว) พร้อมเนื้อหาและ error
• ปัจจุบัน: 7 วันล่าสุด ส่งได้ 4 — ล้มเหลว 85 (จากทั้งหมด 89) → ควรเช็คว่าทำไม fail เยอะ อาจเป็นปัญหา token Gmail หมดอายุ

19. Chat Widget & Lead

เว็บไซต์มี Sticky Chat Widget ลอยมุมขวาล่าง รวมช่องทาง LINE / WhatsApp / Phone / แบบฟอร์ม

แก้ไข Chat Widget

1. เมนู Sticky Chat Widget → Dashboard
2. แก้แต่ละ channel: เปลี่ยนเบอร์, LINE ID, ข้อความต้อนรับ
3. กด Save

ดู Lead ที่กรอกฟอร์ม

• เมนู Sticky Chat Widget → Form Leads
• Export เป็น CSV → ส่งทีมขาย/CRM

Analytics

เมนู Sticky Chat Widget → Analytics — ดูจำนวนการคลิกแต่ละ channel ช่วยรู้ว่าลูกค้าชอบติดต่อช่องทางไหนมากที่สุด

20. Workflow ที่ใช้บ่อย

เพิ่มบทความใหม่ในบล็อก

1. เรื่อง → Add Post → พิมพ์ชื่อบทความ
2. เขียนเนื้อหา (block editor) → อัปโหลด featured image
3. เลือก หมวดหมู่ + ป้ายกำกับ
4. ตั้ง Yoast SEO: focus keyphrase, meta description
5. Preview → Publish
6. (ถ้าต้องการ EN) ใน sidebar Languages → กด + ข้าง EN → แปล → Publish

เพิ่มโปรโมชั่นใหม่

1. เมนู Clinic Promotions → Add Post
2. พิมพ์ชื่อโปรโมชั่น
3. อัปโหลด Featured Image ขนาดแนะนำ 1200×800
4. กรอกฟิลด์ ACF: ราคา, ระยะเวลา, เงื่อนไข, ปุ่ม CTA
5. Publish → ตรวจในหน้า /promotions/

เพิ่มแพทย์ใหม่

1. เมนู ทีมแพทย์ → Add new
2. พิมพ์ชื่อ-นามสกุล (มี/ไม่มีคำนำหน้า)
3. Featured Image = รูปประจำตัว (แนะนำ square 600×600)
4. กรอก ACF: ตำแหน่ง, ความเชี่ยวชาญ, การศึกษา, ใบประกอบวิชาชีพ
5. Publish
6. หากต้องการให้แสดงด้านบน: ทีมแพทย์ → Re-Order ลากการ์ดขึ้น

เพิ่มรีวิวลูกค้า (Clinic Reviews)

1. เมนู Clinic Reviews → Add Post
2. ชื่อ = ชื่อลูกค้า/case
3. Featured Image = รูป before-after
4. ใส่ category รีวิว (เช่น ฟิลเลอร์, โบท็อกซ์)
5. Publish

อัปเดตปลั๊กอิน (รายเดือน)

1. Backup ก่อน: All-in-One WP Migration → Export → File
2. ไปที่ ปลั๊กอิน → ปลั๊กอินที่ติดตั้งแล้ว
3. กด “อัปเดต” ทีละตัว (อย่าทำพร้อมกันหลายตัว)
4. ตรวจสอบหน้าเว็บ public แต่ละครั้ง — ถ้ามี layout เพี้ยน ให้ rollback

รับมือเมื่อเว็บล่ม

1. เปิด incognito → ลองโหลดหน้าแรก
2. ถ้ายังโหลดไม่ขึ้น เช็คสถานะ Cloudflare และ Hosting
3. ถ้า Error 500 → เข้า hosting cPanel ลบ .maintenance ใน root
4. ถ้าโหลดได้แต่หน้าเพี้ยน → อาจเพิ่งอัปเดตปลั๊กอิน → rollback ปลั๊กอินตัวล่าสุด
5. ติดต่อทีมพัฒนาทันทีพร้อม screenshot และ URL

21. FAQ / ปัญหาที่พบบ่อย

Q: หน้าใหม่ที่ Publish แล้วไม่ขึ้นบน Google

A: ปกติต้องรอ 1-7 วัน ลองเร่งโดยส่ง URL ผ่าน Google Search Console และตรวจสอบว่า Yoast SEO ไม่ได้ noindex หน้านี้

Q: อัปโหลดรูปแล้ว Error “HTTP error”

A: ส่วนใหญ่เพราะรูปใหญ่เกิน — บีบให้ < 2MB และ resize ก่อนอัปโหลด หรือลองเปลี่ยน format เป็น JPG

Q: Elementor edit แล้ว Save ไม่ได้ มันค้าง

A: ตรวจสอบ:

1. เครื่อง memory เพียงพอ? เปิด tab อื่นเยอะไหม?
2. Clear cache ของ browser แล้วลองใหม่
3. ลด Elementor history (มีตั้งค่าใน Elementor → Tools → Maintenance Mode)
4. ถ้ายังไม่ได้ — ติดต่อทีมพัฒนาให้ตรวจ PHP memory limit

Q: ความเห็นเป็นสแปมเยอะมาก

A: เปิด Akismet (ถ้ายังไม่เปิด) หรือใน ตั้งค่า → การสนทนา ติ๊ก “ต้องอนุมัติด้วยตนเองก่อนแสดง” และเพิ่มคำที่บ่งบอกสแปมใน blacklist

Q: เปลี่ยน slug (URL) แล้วลิงก์เก่าค้าง — มี backlink ที่ลิงก์มาที่ URL เก่า

A: สร้าง 301 redirect ทันที ที่ เครื่องมือ → Redirection จาก URL เก่า → URL ใหม่ เพื่อรักษา SEO และไม่ให้ผู้ใช้เจอ 404

Q: อยากย้าย/ทดลองในเว็บ staging

A: ใช้ All-in-One WP Migration:

1. Export จาก production → ได้ .wpress
2. ติดตั้ง WP บน staging
3. Import .wpress → เว็บก๊อปสมบูรณ์

ถ้าไฟล์ใหญ่เกินอัปโหลด ต้องใช้เวอร์ชัน Premium หรือ deploy ผ่าน FTP/SSH

Q: เปลี่ยนภาษาใน Admin ได้ไหม

A: ได้ — ผู้ใช้ → ข้อมูลส่วนตัว → ภาษา แต่ภาษาของเว็บไซต์ public กำหนดที่ ตั้งค่า → ทั่วไป → ภาษาของเว็บ

Q: ลืม Username / Password

A: ใช้ “ลืมรหัสผ่าน” บนหน้า login (จะรีเซ็ตผ่าน email) ถ้าลืม Username ก็ใช้ email ในการ reset ถ้า email ก็เปลี่ยนไปแล้ว → ต้องให้ Admin คนอื่นใช้ ผู้ใช้ → ผู้ใช้ทั้งหมด reset ให้

22. Checklist รายวัน / รายสัปดาห์

ทุกวัน (15 นาที)

• ดู Dashboard — เช็คว่ามีปัญหา critical หรือไม่
• เช็ค ความเห็น ที่รออนุมัติ → อนุมัติ / สแปม
• เช็ค Form Leads (Sticky Chat Widget) → ส่งทีมขาย
• ดู Post SMTP — มี email fail หรือไม่

ทุกสัปดาห์ (30 นาที)

• เปิด Site Health — ตรวจรายการที่ต้องแก้
• เช็ค Redirection → 404 log — สร้าง redirect ตามจำเป็น
• ดูสรุป Yoast — มีโพสต์ใหม่ที่ไม่ได้ตั้ง focus keyphrase ไหม
• ตรวจ ฉบับร่าง ค้างหลายวัน — เผยแพร่หรือลบ

ทุกเดือน (1-2 ชั่วโมง)

• Backup เต็มเว็บ ผ่าน All-in-One WP Migration → เก็บ off-site
• อัปเดต ปลั๊กอิน / ธีม / WordPress core (ทดสอบบน staging ก่อนถ้ามี)
• เปลี่ยน รหัสผ่าน Admin (ทุก 3-6 เดือน)
• ตรวจ User list — ลบบัญชีที่ไม่ใช้
• เช็คภาพรวมความเร็วเว็บใน PageSpeed Insights

23. ช่องทางขอความช่วยเหลือ