Documentation
Theme M Vita Clinic

เอกสารประกอบวิธีใช้งานและตัวอย่างการแสดงผลของ Theme M Vita Clinic
- Version: 1.0
- Author: Project Index
- Created: 14 November, 2023
- Update: 14 November, 2023
หากคุณมีคำถามใดๆ ที่อยู่นอกเหนือขอบเขตของไฟล์ช่วยเหลือนี้ โปรดลุกขึ้นเต้นหรือโปรดดูเอกสารวิธีใช้งาน Gutenberg.
Header
เอกสารประกอบและตัวอย่างการแสดงผล ส่วนหัวของเว็บไซต์ (header)

Edit Logo
เข้าไปที่เมนู รูปลักษณ์ > ปรับแต่ง

หลังจากนั้นเข้าไปที่เมนู อัตลักษณ์เว็บไซต์

Edit Menus
เข้าไปที่เมนู รูปลักษณ์ > เมนู


Edit Social & Phone
เข้าไปที่เมนู Header


Widgets
เอกสารประกอบและตัวอย่างการแสดงผล ส่วนวิดเจ็ต (Widgets)
ส่วนนี้จะแสดงผลที่หน้าบทความเท่านั้น

Edit Widgets
เข้าไปที่เมนู รูปลักษณ์ > วิดเจ็ต

จะเจอหน้าตาแบบนี้



Blog
รูปแบบการลงบทความต่างๆ โดยใช้ Gutenberg (Wordpress) เอกสารประกอบและตัวอย่างการแสดงผล ตัวอักษร หัวเรื่อง รายการ ตาราง ปุ่ม รูปภาพและวิดีโอ และอื่นๆ ในหน้าบทความ...
Typography
เอกสารประกอบและตัวอย่างการแสดงผล หัวเรื่อง เนื้อความ รายการ และอื่นๆ
Heading
Html | Example |
---|---|
h1. หัวเรื่อง |
|
h2. หัวเรื่อง |
|
h3. หัวเรื่อง |
|
h4. หัวเรื่อง |
|
h5. หัวเรื่อง |
|
h6. หัวเรื่อง |
Options:
Type Class | Example |
---|---|
headline |
ข้อความจำลอง |
sub-headline |
ข้อความจำลอง |
Paragraph
ข้อความจำลองรูปแบบอักษร หมอเอ็มหรือนายแพทย์มนตรี อุดมประเสริฐกุล แพทย์ประจำเอ็มวีต้าคลินิก ครับ วันนี้หมอจะมาพูดถึงเรื่อง ร่องแก้มลึก ซึ่งเป็นอีกปัญหาที่ทำให้ใบหน้าดูแก่ลง ทำให้หลายคนกังวลใจ บางคนก็มองว่าร่องแก้มทำให้โหงวเฮ้งไม่ดี แต่จะแก้ด้วยการทาครีมอย่างไรก็ไม่หาย โดยบทความนี้จะรวมรายละเอียดครอบคลุมทุกประเด็น เช่น ร่องแก้ม มีสาเหตุอย่างไร วิธีแก้ไขร่องแก้มลึกทำไงดี การรักษาด้วยการฉีดฟิลเลอร์ร่องแก้มจะช่วยแก้ไขร่องแก้มลึกได้ วิธีการรักษาแบบนี้ดีไหม เห็นผลอย่างไร ที่ไหนดี เรามีคำตอบให้พร้อมรีวิวด้วยครับ
Options:
Type Class | Example |
---|---|
headline |
ข้อความจำลอง |
sub-headline |
ข้อความจำลอง |
divider |
บทความแนะนำเพิ่มเติม |
List
เอกสารและตัวอย่างสำหรับรายการ
List
- เข้าพบแพทย์เพื่อรับการประเมินโปรแกรม แล้วหมอจะแนะนำฟิลเลอร์ที่เหมาะสมปริมาณที่ต้องใช้
- คลีนทำความสะอาดผิวบริเวณโหนกแก้มและร่องแก้ม
- ทายาชาที่ผิวไว้ เป็นเวลาอย่างน้อย 30 นาทีถึง 1 ชั่วโมง
- เมื่อครบเวลาของยาชาแล้ว เจ้าหน้าที่จะเช็ดทำความสะอาดผิวและนำคนไข้เข้าสู่ห้องหัตถการ จากนั้นคุณหมอจะทำการสะกิดยาชาเพื่อบล็อกเส้นประสาทเพียงข้างละ 1 จุดเท่านั้นซึ่งขั้นตอนนี้เจ็บน้อยมาก
> Ordered List
- เข้าพบแพทย์เพื่อรับการประเมินโปรแกรม แล้วหมอจะแนะนำฟิลเลอร์ที่เหมาะสมปริมาณที่ต้องใช้
- คลีนทำความสะอาดผิวบริเวณโหนกแก้มและร่องแก้ม
- ทายาชาที่ผิวไว้ เป็นเวลาอย่างน้อย 30 นาทีถึง 1 ชั่วโมง
- เมื่อครบเวลาของยาชาแล้ว เจ้าหน้าที่จะเช็ดทำความสะอาดผิวและนำคนไข้เข้าสู่ห้องหัตถการ จากนั้นคุณหมอจะทำการสะกิดยาชาเพื่อบล็อกเส้นประสาทเพียงข้างละ 1 จุดเท่านั้นซึ่งขั้นตอนนี้เจ็บน้อยมาก
Table
เอกสารและตัวอย่างสำหรับการเลือกใช้สไตล์ของตาราง
Table
เนื้อบางเบา ซอฟ เกลี่ยยาได้ง่าย ฉีดออกมาได้สวยสมูธ | 8 – 12 เดือน | เหมาะกับการฉีดชั้นตื้นๆ ช่วยเติมเต็มร่องใต้ตาตื้นได้ดีมาก |
เทคโนโลยี OBT เนื้อสัมผัสเฟิร์มแต่สมูธ ช่วยยกผิวได้ดี | 12 เดือน | เหมาะกับผู้มีแก้มหย่อนคล้อยปานกลาง หรือมีผิวค่อนข้างบาง |
NASHA gel เนื้อสัมผัสเฟิร์ม ยกผิวได้ดีมาก | 12 เดือน | เหมาะกับผู้มีร่องลึก หรือมีชั้นผิวที่ไม่บาง |
เทคโนโลยี CPM เนื้อของฟิลเลอร์มีคุณสมบัติในการกระจายตัวใต้ผิวหนังได้ดีมาก | 6 เดือน | เหมาะกับผู้มีร่องลึก หรือมีชั้นผิวที่ไม่บาง |
เทคโนโลยี CPM เนื้อของฟิลเลอร์กระจายตัวใต้ผิวหนังได้ดีมากๆ มีปริมาณของ Hyaluronic Acid สูงกว่า Belotero Soft จึงอยู่ได้นานกว่า | 8 – 10 เดือน | เหมาะกับผู้มีปัญหาร่องใต้ตาลึกไม่มากนักไปจนถึงระดับปานกลาง รวมถึงผู้มีปัญหาเนื้อแก้มหย่อนคล้อย |
Table
คุณสมบัติ | ระยะเวลา | เหมาะกับ |
---|---|---|
เนื้อบางเบา ซอฟ เกลี่ยยาได้ง่าย ฉีดออกมาได้สวยสมูธ | 8 – 12 เดือน | เหมาะกับการฉีดชั้นตื้นๆ ช่วยเติมเต็มร่องใต้ตาตื้นได้ดีมาก |
เทคโนโลยี OBT เนื้อสัมผัสเฟิร์มแต่สมูธ ช่วยยกผิวได้ดี | 12 เดือน | เหมาะกับผู้มีแก้มหย่อนคล้อยปานกลาง หรือมีผิวค่อนข้างบาง |
NASHA gel เนื้อสัมผัสเฟิร์ม ยกผิวได้ดีมาก | 12 เดือน | เหมาะกับผู้มีร่องลึก หรือมีชั้นผิวที่ไม่บาง |
เทคโนโลยี CPM เนื้อของฟิลเลอร์มีคุณสมบัติในการกระจายตัวใต้ผิวหนังได้ดีมาก | 6 เดือน | เหมาะกับผู้มีร่องลึก หรือมีชั้นผิวที่ไม่บาง |
เทคโนโลยี CPM เนื้อของฟิลเลอร์กระจายตัวใต้ผิวหนังได้ดีมากๆ มีปริมาณของ Hyaluronic Acid สูงกว่า Belotero Soft จึงอยู่ได้นานกว่า | 8 – 10 เดือน | เหมาะกับผู้มีปัญหาร่องใต้ตาลึกไม่มากนักไปจนถึงระดับปานกลาง รวมถึงผู้มีปัญหาเนื้อแก้มหย่อนคล้อย |
Separator
เอกสารและตัวอย่างสำหรับตัวคั่น
Separator
Image
เอกสารและตัวอย่างสำหรับการเลือกใช้สไตล์ของรูปภาพ
Image

ถ้าต้องการให้รูปมีขนาดกว้างไม่เกินขนาดรูปของต้นฉบับ ให้ตั้งค่า"จัดตำแหน่ง"
Image + ชิดซ้าย, กึ่งกลาง, ชิดขวา

Options:
Type Class | Example |
---|---|
img-d |
![]()
Note: โชว์รูปภาพใน Desktop เท่านั้น
|
img-m
|
![]()
Note: โชว์รูปภาพใน Mobile เท่านั้น
|
Video
เอกสารประกอบและตัวอย่างสร้างการฝังวิดีโอ
YouTube
How to use:

ใส่ URL Youtube หลังจากนั้นกด ฝัง
*หมายเหตุ: ต้องใช้ลิงก์ youtube.com ห้ามใช้ลิงก์ youtu.be
Most Viewed Posts
เอกสารประกอบและตัวอย่างสร้าง Most Viewed Posts
How to use:
Shortcode

ใช้ Shortcode แล้วใส่ [popular_post_custom posts_to_show="4"]
posts_to_show ให้ใส่จำนวนบทความที่ต้องการให้แสดง
Layouts
เอกสารและตัวอย่างสำหรับแถว, คอลัมน์และอื่นๆ
Row Layout

1. แพทย์จะประเมินผิวใต้ตาของผู้มารับบริการฉีดฟิลเลอร์ แล้วจะแนะนำฟิลเลอร์และปริมาณที่เหมาะสมกับการรักษา

2. แพทย์จะคลีนทำความสะอาดผิวบริเวณใต้ตาและโหนกแก้ม และทายาชาที่ผิวไว้ เป็นเวลาอย่างน้อย 30 นาทีถึง 1 ชั่วโมง

3. แพทย์จะสะกิดยาชาเพื่อบล็อกเส้นประสาท หลังจากนั้นคนไข้จะรู้สึกชามากขึ้น ภายใน 1-2 นาที ก็จะพร้อมฉีดฟิลเลอร์แล้ว

4. แพทย์จะฉีดฟิลเลอร์ให้กับผู้เข้ารับการรักษา ตอนที่ฉีดฟิลเลอร์จะไม่รู้สึกเจ็บ หลังทำก็จะเห็นผลว่าร่องใต้ตาเต็มขึ้นได้ทันที
How to use:

เลือกรูปแบบจำนวนคอลัมน์ที่ต้องการ
Components
เอกสารและตัวอย่างสำหรับส่วนประกอบ
Accordion
คุณสามารถใช้ Accordion ในการทำ FAQ ได้ มีลักษณะเป็นเหมือน dropdown
Accordion
Tabs
คุณสามารถใช้ Tabs ในการทำสารบัญได้
Tabs
Optimization
เอกสารวิธีใช้งานและการตั้งค่า Website Optimization
ใช้ปลั๊กอิน Litespeed Cache ในการช่วยทำ Website Optimization

Setting Cache
ทำการติดตั้ง Redis Server บน Hostatom หรือ Server ที่ใช้อยู่ และทำการเปิด Port 6379 จากนั้นใช้ปลั๊กอิน Litespeed Cache ช่วยตั้งค่าให้ Wordpress ใช้งาน Redis Server ในการทำ Caching page
รายละเอียดการตั้งค่า

How to Clear Cache:
หลังจากการแก้ไขข้อมูลหลังบ้าน แล้วหน้าเว็บไม่อัพเดตข้อมูล ให้ทำการเคลียร์แคช โดยไปที่ไอคอน litespeed จากนั้นเลือก Purge All

Image Optimization
ปรับแต่งรูปภาพ ทำให้มีขนาดเล็กลง และถ่ายโอนข้อมูลได้รวดเร็วยิ่งขึ้น เปลี่ยนนามสกุลไฟล์รูปภาพให้เป็น webp
รายละเอียดการตั้งค่า

Code Minify
ลบพื้นที่ช่องว่างภายในโค้ด ทำให้ลดระยะในการอ่านบรรทัดให้น้อยลง ทำให้เว็บไซต์โหลดไวขึ้น
รายละเอียดการตั้งค่า

Setting CSS Minify
รายละเอียดการตั้งค่า

Setting Javascript Minify
รายละเอียดการตั้งค่า

Setting Html Minify
รายละเอียดการตั้งค่า

Lazy Load Images
ทำการโหลดภาพเฉพาะที่เห็นในหน้าจอเท่านั้น ไม่โหลดทั้งหมดในครั้งเดียว ทำให้เว็บไซต์โหลดไวขึ้น
รายละเอียดการตั้งค่า

How to
วิธีใช้งานและเทคนิคต่างๆ
Add Class
วิธีเพิ่ม Class ให้กับ block ของ Gutenberg
- เลือกบล็อกที่เราต้องการจะเพิ่ม Class
- จากนั้นไปที่แท็บ บล็อก
- เปิดแท็บขั้นสูง
- ใส่ชื่อ Class ลงในช่อง "CSS CLASS เพิ่มเติม"

Changelog
See what's new added, changed, fixed, improved or updated in the latest versions.
For Future Updates Follow Us @project_index
Version 1.0 (14 Nov, 2023)
Initial Release
- Added Your information here for added new feature
- Fixed Some minor bugs for browser compatibility
- Fixed Some minor bugs for responsive
- Updated FontAwesome to Latest Version
- Updated Bootstrap to Latest Version
- Updated Improvements in CSS and JS