Portofolio-ญริลฎา

ตั ว อ ย่ า ง เ อ ก ส า ร คู่ มื อ ก า ร ใ ช้ ง า น
เ ว็ บ ไ ซ ต์ G o a t m a r k e t t h a i l a n d . c o m

Portfolio

โดย

ญริลฎา โลหะสุวรรณ

Scan

เ พื่ อ ดู คู่ มื อ นี้ แ บ บ e B o o k

Scan

เ พื่ อ ดู คู่ มื อ อื่ น ๆ

1. ผ้ดู ูแลระบบ(System administrator)
1.1 การเข้าสู่ระบบ (Login)
ก่อนเริ่มต้นใช้งานในระบบจัดการเว็บไซต์ที่ https://backoffice.goatmarketthailand.com/ จะปรากฏหน้าต่างดังภาพโดย

ผู้ใช้งานจะต้องกรอกอีเมลและรหัสผ่านให้ถูกต้องครบถ้วน จากนั้นเลือก LOGIN

1.2 การลงทะเบยี นผดู้ แู ล / ลืมรหัสผ่าน หลงั จากนนั้ กรอกรายละเอียดเพื่อทาการ
การลงทะเบียนผู้ดแู ล : หากต้องการสมัครสมากชิก ให้คลกิ ปมุ่ หลังจากน้นั กรอก e-mail เพื่อรอกาหนดรหสั ผา่ นใหมค่ ่ะ
สมคั รผู้ใชง้ านระบบไดเ้ ลย

ลมื รหัสผา่ น : หากผดู้ แู ลลมื รหัสผา่ น ใหค้ ลกิ ปุ่ม

การใชง้ านระบบจดั การเว็บไซต์ (ส่วนผ้ดู ูแลระบบหลงั บ้าน)

2.1 ภาพรวม

ในสว่ นน้ีเป็นภาพรวมในสว่ นสาคัญของ www. goatmarketthailand.com ประกอบไปดว้ ย
- รายการสนิ ค้าท้ังหมด
- ติดต่อร้านค้า (อีเมล)
- รา้ นค้าในระบบ (อนุมัติแลว้ )
- รา้ นค้าในระบบ (รอการอนุมัต)ิ
- สมาชกิ ลา่ สดุ ทไี่ ด้เพิ่มเขา้ มา (สามารถดทู ั้งหมดได้)
- ชาระคา่ บรกิ ารรายปลี า่ สดุ (สามารถดูท้ังหมดได)้

2.2 แบนเนอรส์ ไลด์
สว่ นนเี้ ปน็ การจัดการภาพสไลดท์ อ่ี ย่ภู ายในหนา้ แรกของเว็บไซต์
ผู้ดูแลระบบหลงั บ้าน : สามารถแก้ไขภาพสไลด์ เพ่ิมภาพสไลด์ หรือการจัดการขอ้ ความๆ และปรบั เปลย่ี นโทนสไี ด้

*ภาพแบนเนอร์ต้องเปน็ ไฟล์ PNG (ภาพโปรง่ ใส) เท่านั้น ขนาดรูปภาพจากดั 432x401px

กดเพ่ิมภาพสไลด์

แก้ไขและลบภาพสไลด์

กดเลอื กภาพสไลด์ เลือกโทนสีภาพแบนเนอร์

สว่ นน้ีจะเป็นการเพ่ิมข้อความลงในภาพแบนนเอนร์สไลด์
จะแบง่ เปน็ ข้อความด้านซ้าย ขอ้ ความด้านขวา ลงิ ก์ URL
ด้านซา้ ย ด้านขวา ลิงก์ URL ดา้ นขวา และสถานะ
หลังจากน้นั กด
ขอ้ ความจะข้ึนแสดงบนภาพแบนเนอรท์ ันที

*การเพิ่มและการแก้ไข สามารถทาตามขั้นตอนน้ีไดเ้ ลยค่ะ

ตวั อย่างภาพแบนเนอร์สไลด์และขอ้ ความ ทแ่ี สดงในสว่ นของหนา้ แรก www. goatmarketthailand.com

ขอ้ ความดา้ นซา้ ย ขอ้ ความดา้ นขวา

ลงิ ก์ URL ลงิ ก์ URL
ภาพแบนเนอร์

2.3 เมนเู ว็บไซต์
สว่ นนเ้ี ปน็ การจดั การเมนูทัง้ หมดของเวบ็ ไซต์ ทั้งเมนหู ลักและเมนยู ่อย
ผู้ดแู ลระบบหลังบา้ น : เลอื กตาแหนง่ ทตี่ ้องการเพม่ิ เมนู ประกอบไปด้วย Top Menu, Footer หลังจากนน้ั สามารถทาการเลอื กเพ่ิม
เมนยู ่อย หรือแก้ไขเมนูได้

เมนทู ี่สามารถเพิ่มเมนูย่อยได้ *จะมเี ครื่องหมาย เท่านั้น

ทาการแก้ไขเมนู และเพ่มิ เมนยู ่อยได้
ทาการแกไ้ ขเมนูหลกั

2.3.1 การแก้ไขเมนูหลัก : ในสว่ นนี้สามารถทาไดโ้ ดยคลิก การแก้ไขช่ือเมนู การแก้ไขรูปภาพแบนเนอร์ของเมนู

การแกไ้ ขเมนสู ว่ นนปี้ ระกอบไปดว้ ย การเพม่ิ ภาพแบนเนอร์ , ชื่อเมนู , สว่ นของ SEO ,
สถานะ ขอ้ ความสว่ นของแบนเนอร์ 1 , 2 , 3 และ URL link
ดงั ตวั อยา่ งรูปภาพดา้ นลา่ งจากตวั อยา่ งเมนู อปุ กรณ์/เครอ่ื งมือ

ช่อื เมนู / ลาดบั ความสาคญั

1
2

3

URL link

2.3.2 การเพ่มิ เมนยู ่อย : ในสว่ นนีส้ ามารถทาไดโ้ ดยคลกิ เพื่อทาการเพ่มิ เมนูยอ่ ย

1. คลิกเพ่อื เพ่มิ เมนยู ่อย
ได้

เม่ือคลกิ เขา้ มายงั หนา้ เพิ่มเมนยู อ่ ยแลว้ สว่ นนจี้ ะสามารถแกไ้ ขโดยการคลกิ และเพ่มิ เมนยู อ่ ยโดยการคลกิ
2. เพิม่ ขอ้ มลู เมนูย่อย

เลือกหมวดหมู่ท่ตี ้องการเพม่ิ เมนูยอ่ ยเขา้ รูปภาพดา้ นลา่ งจะเป็นตวั อยา่ งเมนยู อ่ ยของแพะ ซงึ่ จะแสดงที่แถบเมนู
ไป
เลอื กลาดบั การวางตาแหนง่ ของเมนู
ยอ่ ย
เลือกสถานะ เปิด-ปิด ใชง้ านได้

3. บนั ทึกเพอ่ื นาข้อมูลเขา้ ระบบ

**ภาพตวั อยา่ งของการเพ่ิมเมนยู ่อย**

ชือ่ เมนยู อ่ ย

2.4 หนา้ เว็บไซต์

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

การแก้ไขหนา้ เว็บไซต์ ในสว่ นผดู้ แู ลระบบ(หลังบ้าน )
จะมาแสดงทส่ี ว่ นของ Footer หนา้ หลกั เว็บไซต์ (หนา้ บา้ น)

**ภาพตวั อยา่ งของ Footer หน้าหลักเว็บไซต์ (หนา้ บา้ น)**

2.4.1 วิธเี พ่ิมเนอื้ หาของหน้าเวบ็ ไซต์ :

จากส่วนนผ้ี ดู้ แู ลระบบสามารถ ทา
การแกไ้ ขเฉพาะชอ่ื และเน้อื หา
Content ไดเ้ ทา่ นัน้

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

2.4.2 วิธกี ารแทรกรปู ภาพประกอบใน Content

1
2

3

ปรบั ขนาดของ
รูปภาพทีต่ ้องการจะ
แทรกใน Content

รูปภาพดา้ นลา่ งจะเป็นตวั อยา่ งการเพม่ิ เมนหู นา้ เวบ็ ไซต์ ในสว่ นของเกยี่ วกบั เรา ซงึ่ จะแสดงที่ Footer ของหนา้ หลกั ( หนา้ บา้ น )

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

( นโยบายและการช่วยเหลือกาหนดเพยี ง 4 ข้อ ผู้ดูแลระบบจะแกไ้ ขได้เพยี งอยา่ งเดียวเท่าน้นั จะไมส่ ามารถเพิ่มนโยบายใหม่ได้อกี )

2.5.1 การแกไ้ ข นโยบายและการช่วยเหลือ : ขอ้ กาหนดและเง่อื นไขการใช้งานทวั่ ไป

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

รปู ภาพดา้ นลา่ งจะเปน็ ตวั อย่างนโยบายและการช่วยเหลือ จะแสดงที่หนา้ หลกั เว็บไซต์ ( หนา้ บา้ น )

2.6 กลอ่ งคาบรรยาย
ในสว่ นนส้ี ามารถทาได้โดยคลิก เพ่อื ทาการแก้ไขข้อความในกล่องคาบรรยาย
(กาหนดเพยี ง 3 ข้อ ผ้ดู แู ลระบบจะแก้ไขไดเ้ พียงอย่างเดยี วเทา่ นน้ั จะไมส่ ามารถเพิ่มกลอ่ งคาบรรยายใหม่ได้อีก)

ในสว่ นของการแกไ้ ข ขอ้ ความในกลอ่ งคาบรรยายจะแบง่ ไว้อยา่ งชดั เจน ประกอบไปดว้ ย ข้อความ 1 และข้อความ 2 อีกทง้ั ยังแกไ้ ขภาพประกอบได้
ดว้ ย ตอ้ งเป็นไฟล์ PGN (หรือภาพโปร่งใส) เทา่ น้ัน

รปู ภาพดา้ นลา่ งจะเปน็ ตวั อยา่ งกลอ่ งคาบรรยายจะแสดงทห่ี นา้ หลักเว็บไซต์ ( หนา้ บา้ น )

ขอ้ ความ 1
ขอ้ ความ 2