คู่มือใช้งานเว็บไซต์-เช่าสินสอดดีดี

1

สารบญั

1. วิธีการเขา้ ระบบ .......................................................................................................................................4
2. ระบบหลงั รา้ น..........................................................................................................................................4

2.1 ตวั อย่างหนา้ ควบคมุ เว็บทงั้ หมด...........................................................................................................4
2.1 ดสู ถิติ การเขา้ ชมเว็บ เมนู Jetpack ..........................................................................................................4
3. การปรบั แกไ้ ขขอ้ มลู ใน หน้า หลัก (home) .....................................................................................................5
2.1 การปรบั แกไ้ ข Banner หลกั ...................................................................................................................5
2.2 การปรบั แกไ้ ข ขอ้ มลู (Text)....................................................................................................................7
2.3 การปรบั แกไ้ ขรูปภาพ ...........................................................................................................................7
2.4 การเพ่มิ รูปรวี วิ .............................................................................................................................8
4. การปรบั แกไ้ ขขอ้ มลู ในหนา้ อัตราค่าบริการ / ขั้นตอน (service)...............................................................9
4.1 การแกไ้ ข ขอ้ มลู โปรโมช่นั ..................................................................................................................9
5. การเพ่มิ บ ท คว า ม (blog) ....................................................................................................................10
4.1 การเพ่ิมบทความใหม่ >> เมนู เร่ือง >> เขียนเร่อื งใหม่ ...............................................................................10
4.2 การแกไ้ ข บทความ >> เมนู เรอ่ื ง ..........................................................................................................12
4.3 การลบ บทความ >> เมนู เรอื่ ง.............................................................................................................13
6. การปรบั แกไ้ ขขอ้ มลู ในหนา้ ติด ต่อเรา (contact-me)..................................................................................13
6.1 การแกไ้ ข ช่องทางขอ้ มลู ติดตอ่ ..........................................................................................................14
6.2 การแกไ้ ข ท่อี ย่สู านกั งาน และแผนท่ี ..................................................................................................15
7. การปรบั แกไ้ ขรูปหนา้ ปก สาหรบั Share link...............................................................................................16
7.1 เมนหู นา้ >> เลือกหนา้ ท่ตี อ้ งการแกไ้ ขหนา้ ปกลิงค์ เลือกเมนู “แกไ้ ข” .......................................................16
7.2 รูปประจาหนา้ >> กดเลือกรูปภาพใหม่ >> อปั เดต ...........................................................................16
8. การแกไ้ ขแถบขอ้ มลู ตดิ ตอ่ ดา้ นลา่ งหนา้ เวบ็ .............................................................................................17
8.1 หนา้ >> เลือกหนา้ ท่ีตอ้ งการแกไ้ ข >> Edit with Elementor ..........................................................................17
8.2 เลือก Icon ในคอลมั นท์ ่ตี อ้ งการแกไ้ ข >> คลกิ ขวา 1 ที >> Edit Icon (เลอื กรูป Icon ใหม่) >> UPDATE ..................17
8.3 การแกไ้ ข ชอ่ งทางขอ้ มลู ตดิ ตอ่ ..........................................................................................................17

2

3

1. วิธกี ารเขา้ ระบบ

เขา้ ลิงคเ์ ว็บไซตส์ าหรบั แอดมิน URL : www.sinsord-dd.com/admin และกรอกขอ้ มลู เขา้ ระบบ
2. ระบบหลังร้าน

2.1 ตวั อยา่ งหนา้ ควบคมุ เวบ็ ทงั้ หมด

2.1 ดสู ถิติ การเขา้ ชมเวบ็ เมนู Jetpack

4

3. การปรับแก้ไขข้อมลู ใน หน้าหลัก (home)
2.1 การปรบั แกไ้ ข Banner หลกั

2.1.1 ไปท่ีเมนู หน้า >> HOME >> Edit with Elementor
2.1.2 เข้าสู่หน้าแก้ไข การจัดรูปแบบหน้า HOME

5

2.1.3. คลิกขวา บนพื้นท่ี Banner ท่ีต้องการแก้ไข >> เลือก Edit Section

2.1.4. แกไ้ ขรูปภาพ : Edit Section >> Style >> Image >> Choose image >> อบั โหลดไฟล์ >>
Insert Media

2.1.5. แกไ้ ขขอ้ ความ : คลกิ ขวาท่ีขอ้ ความ เลอื ก Edit Heading >> แกไ้ ขขอ้ ความตามตอ้ งการ >> กด
ป่มุ Update ดา้ นลา่ งซา้ ยมือ

6

2.2 การปรบั แกไ้ ข ขอ้ มลู (Text)

2.2.1. คลิกเมาสข์ วาบรเิ วณขอ้ ความท่ีตอ้ งการแกไ้ ข >> เลอื ก Edit text Editor
2.2.2. ปรากฏพนื้ ท่ีสาหรบั แกไ้ ขขอ้ มลู พิมพข์ อ้ มลู ใหมล่ งไป >> กดป่มุ Update ดา้ นลา่ งซา้ ยมอื

2.3 การปรบั แกไ้ ขรูปภาพ

2.3.1. คลกิ เมาสข์ วา ท่ีรูป ท่ีตอ้ งการแกไ้ ข >> Edit Image

7

2.3.2. ดา้ นซา้ ยมือ Image >> กดท่ีรูปและเลือกรูปใหม่ >> กดป่มุ Update ดา้ นลา่ งซา้ ยมอื

2.4 การเพม่ิ รูปรวี วิ

2.3.1. คลิกเมาสข์ วา ท่ีรูปรวี ิว >> Edit Basic Gallery

2.3.2. ดา้ นซา้ ยมือ Edit Basic Gallery >> Image Gallery >> กดท่ีรูปเพ่อื เพ่มิ รูปใหม่

2.3.3. Popup แกไ้ ขคลงั รูป >> เพ่มิ ไฟลไ์ ปยงั คลงั ภาพ >> อบั โหลดรูป >> เพ่มิ ไฟลไ์ ปยงั คลงั ภาพ

8

2.3.4. กดป่มุ Update ดา้ นลา่ งซา้ ยมอื

4. การปรับแกไ้ ขขอ้ มลู ในหน้า อัตราค่าบริการ / ข้ันตอน (service)

4.1 การแกไ้ ข ขอ้ มลู โปรโมช่นั

3.1.1. กดเลือกรูปโปรโมช่นั >> คลิกเมาสข์ วา 1 ที >> เลือก Edit Image
3.1.2. เมนดู า้ นซา้ ย คลิกท่ีรูป Choose Image >> อบั โหลดไฟล์ >> Insert Media
3.1.3. เปล่ยี นรูปใหม่ >> กดป่มุ Update ดา้ นลา่ งซา้ ยมือ

9

5. การเพม่ิ บทความ (blog)
4.1 การเพิ่มบทความใหม่ >> เมนู เรอื่ ง >> เขียนเร่ืองใหม่

10

4.1.1. กรอกหวั ขอ้ บทความ
4.1.2. กาหนดรูปประจาเรื่อง
4.1.3. กด “ เผยแพร่ ” เพ่อื บนั ทกึ ขอ้ มลู

4.1.4. กด “ Edit with Elementor ” เพ่อื เขา้ สโู่ หมด จดั หนา้ และเพ่มิ เนือ้ หาบทความ
4.1.4. กดลากเครอ่ื งมอื “ Text Editor ” เขา้ มาในหนา้ บทความ และพมิ พเ์ นอื้ หาตามตอ้ งการ
4.1.5. กดป่มุ “Update ” เพ่อื บนั ทกึ บทความ

11

4.1.6. ออกจากโหมดเพ่มิ บทความเลอื ก เมนู ≡ และเลือก EXIT TO DASHBOARD

4.2 การแกไ้ ข บทความ >> เมนู เรอ่ื ง

4.2.1. เลอื กหวั ขอ้ บทความท่ตี อ้ งการแกไ้ ข

4.2.2. เลอื กเมนู Edit with Elementor

12

4.2.3. แกไ้ ขขอ้ ความ >> กด “Update” เพ่อื บนั ทกึ

4.3 การลบ บทความ >> เมนู เร่อื ง

4.3.1. เลอื กหวั ขอ้ บทความท่ตี อ้ งการลบ
4.3.2. เลอื กเมนู ถงั ขยะ

6. การปรับแกไ้ ขข้อมลู ในหน้า ติดต่อเรา (contact-me)

13

6.1 การแกไ้ ข ชอ่ งทางขอ้ มลู ตดิ ตอ่

5.1.1. เมนู “หนา้ ” >> Contact Me >> Edit with Elementor

5.1.2. กดเลือกคอลมั นเ์ นือ้ หนา้ ท่ีตอ้ งการแกไ้ ข จะปรากฏฟังกช์ ่นั สาหรบั แกไ้ ขขอ้ มลู (Edit Icon Bar)
กรอกขอ้ มลู ใหม่ และกด UPDATE

ตวั อย่าง แกไ้ ขขอ้ มลู หมายเลขโทรศพั ท์

ตวั อยา่ งแกไ้ ข ลงิ คเ์ บอรโ์ ทร *ใส่ขอ้ มลู ไดเ้ บอรเ์ ดียว

14

6.2 การแกไ้ ข ท่ีอยสู่ านกั งาน และแผนท่ี

5.2.1. แกไ้ ขช่อื สาขาสานกั งาน คลกิ ขวา 1 ที ตรงช่ือสานกั งาน เลือกเมนู “Edit Heading” >> กรอกขอ้ มลู
ใหม่ >> UPDATE

5.2.2. แกไ้ ขท่ีอย่สู านกั งาน คลกิ ขวา 1 ที ตรงขอ้ มลู ท่ีอยู่ เลอื กเมนู “Edit Heading” >> กรอกขอ้ มลู ใหม่
>> UPDATE

5.2.3. แกไ้ ขแผนท่ี เลอื กแผนท่ี คลิกขวา 1 เลอื กเมนู “Edit Google map” >> กรอกขอ้ มลู ท่ีอย่ใู หม่ >>
UPDATE

15

7. การปรับแกไ้ ขรูปหน้าปก สาหรับ Share link

ตวั อย่างการแชรล์ งิ คไ์ ปหนา้ Facebook Fanpage และ กลอ่ งแชท LINE

7.1 เมนูหนา้ >> เลือกหนา้ ที่ตอ้ งการแกไ้ ขหนา้ ปกลิงค์ เลือกเมนู “แกไ้ ข”
7.2 รูปประจาหนา้ >> กดเลือกรูปภาพใหม่ >> อปั เดต

4

ตวั อยา่ งการแกไ้ ข ปกหนา้ HOME

16

8. การแกไ้ ขแถบขอ้ มูลตดิ ตอ่ ดา้ นล่างหน้าเว็บ

8.1 หนา้ >> เลือกหนา้ ท่ีตอ้ งการแกไ้ ข >> Edit with Elementor
8.2 เลือก Icon ในคอลมั น์ท่ีตอ้ งการแกไ้ ข >> คลิกขวา 1 ที >> Edit Icon (เลือกรูป Icon ใหม่) >>

UPDATE

8.3 การแกไ้ ข ชอ่ งทางขอ้ มลู ตดิ ตอ่

เลอื ก ขอ้ มลู ในคอลมั นท์ ่ีตอ้ งการแกไ้ ข >> คลกิ ขวา 1 ที >> Edit Heading (แกไ้ ขขอ้ มลู ) >> UPDATE

17

18