คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 1

คมอการใชงานเวบไซตอำาเภอ – จงหวดกรมการพฒนาชมชน กระทรวงมหาดไทย

1. การเขาสระบบจดการเนอหาเวบไซต

เปดเวบไซตอำเภอ : http://district.cdd.go.th/ชออำเภอ/wp-admin

จงหวด : http://ชอจงหวด.cdd.go.th/wp-admin1. กรอกชอผใช2. กรอกรหสผาน3. กรณตองการใชระบบจดจำชอและรหสผานอตโนมตในการเขาใชครงถดไป4. กดปม “เขาสระบบ”

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 2

2. หนาควบคม (Dashboard)

แสดงความเคลอนไหวทเกดขนบนเวบไซตทงหมด เพอใหผดแลเวบไซตตรวจสอบ เชนจำนวนการโพส จำนวนหนา จำนวนการคอมเมนท จำนวนสนคา

รปตวอยาง : หนาควบคม (Dashboard)

หวขอยอยในหนาควบคมมดงน (User สามารถปรบเปลยนไดตามการใชงาน)

2.1 ในพรบตา (At a Glance)แสดงขอมลสรป จำนวนเรองทเขยน จำนวนหนา (หนายอยภายในเวบไซต) และความเหน

รปตวอยาง : ในพรบตา

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 3

2.2 กจกรรม (Activity)

แสดงขอมลเนอหาทไดทำการเผยแพรบนเวบไซตแลว โดยจะแสดงชอเรอง พรอมวนและเวลาทเผยแพรลาสด

รปตวอยาง : กจกรรม

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 4

2.3 ฉบบรางอยางเรว (Quick Draft)เขยนเรองอยางรวดเรว โดยไมตองเขาไปเขยนในหนา เขยนเรองใหม

รปตวอยาง : ฉบบรางอยางเรว

2.4 ขาวสาวเวรดเพรสเปนการแจงขาวสารลาสดทเกดขนในเวรดเพรส

รปตวอยาง : ขาวสารเวรดเพรส

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 5

3. การจดการขาวประชาสมพนธ

ใชสำหรบการเขยน และแสดงรายละเอยดเกยวกบเรองตาง ๆ ทเราเขยน ไมวาจะเปนฉบบราง หรอเรองทถกเผยแพรแลว ผดแลเวบไซตจะสามารถเขาไปจดการ แกไข หรอเขาดบทความทงหมดทมอยในเวบไซตได

รปตวอยาง : ขาวประชาสมพนธ

3.1 การเพมขาวประชาสมพนธ

หมวดนผดแลสามารถเพมบทความใหมของเวบไซต โดยสามารถเพมไฟลสอรปภาพ เพมวดโอ ไฟลเอกสาร หรอการใสลงก (Link) เพอเชอมโยงไปยงเวบไซตอน ๆ

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 6

รปตวอยาง : การเพมขาวประชาสมพนธ

3.1.1 ชอเรองสามารถเขยนไดทชอง “ใสหวขอทน (Enter title here)”

รปตวอยาง : ชอเรอง

3.1.2 เนอเรองเขยนเนอหาของบทความลงในพนทวางตรงกรอบขอความ “ใสเนอเรอง” และสามารถเพมสอ หรอไฟลเอกสาร หรอใสไฟลรปภาพประกอบ หรอคลป ในบทความไดทเมน “เพมสอ (Add Media)”

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 7

รปตวอยาง : เนอเรอง

3.1.3 เลอกหมวดหมเ ร อ ง ท เข ยนจะตองมหมวดหม ของ เน อหาเสมอ เลอกไ ด ท “หมวดหม(Category)”

รปตวอยาง : เลอกหมวดหม

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 8

3.1.4 การเผยแพร

หลงจากกรอกเนอหาขาวสารหรอบทความเสรจเรยบรอยแลว ใหกด “เผยแพร(Publish)” ซงสามารถจดการไดวาจะใหอยในสถานะใด

รปตวอยาง : การเผยแพร

- เมอเขยนเรองแลว ยงไมอยากเผยแพร ใหกดปม “บนทกฉบบราง(Save Draft)” ไวกอน และสามารถกดปม “ดกอน (Preview)” เพอดตวอยางวา ถาเราเผยแพร บทความจะแสดงผลหนาตาอยางไร

- สถานะ คอตวบงบอกวาบทความของเราเผยแพรหรอยง

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 9

- เหนได คอการกำหนดการเผยแพรบทความของเรา

- และยงสามารถ ตงเวลา ใหบทความของเราเผยแพร ตามวนเวลาทเรากำหนดไดทหวขอ “เผยแพรทนท (Publish On)”

- กรณ เผยแพรทนท ใหกดเผยแพรไดเลย โดยไมตองตงเวลา หรอบนทกเปนฉบบราง

3.1.5 ปายกำกบใสคำจำกดความเรองทเขยน เพอใหผอานคนเจอจากเวบไซต Google ไดงายขนควรๆใชคำสน และใชเครองหมาย , (comma) เพอคนระหวางขอความ

รปตวอยาง : ปายกำกบ

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 10

3.1.6 รปพเศษกำหนดรป Thumbnail ของบทความ

รปตวอยาง : รปพเศษ

3.2 หมวดหม (Categories)เปนเครองมอทใชสำหรบการจดการเรองการเขยนใหเปนหมวดหม และงายตอการเขาถง

ซงในหมวดหมใหญสามารถมหมวดหมยอยไดอก โดยสามารถเขาไปเพมหมวดหมหรอแกไขหมวดหมไดท ขาวประชาสมพนธ > หมวดหม

รปตวอยาง : หมวดหม

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 11

- ชอ ใสชอหมวดหม ซงจะปรากฎบนเวบไซตคณ

- Slug คอการเขยนชอลงกใหมใหเปน URL-friendly ซงจะถกเขยนออกมาในรปตวอกษรตวเลก และมเพยงตวอกษร, ตวเลข และ Hyphens (ขดกลาง)

- ปายกำกบหลก เพอกำหนดวาหมวดหมทเราจะสราง เปนหมวดหมยอยของหมวดหมใด

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 12

4. ดาวนโหลด (Download)จะเปนหนาทไมคอยมการเปลยนแปลง เนอหาในสวนนจะสรางขนมา เพอรองรบเนอหาท

อยนงมากกวา เชน ประกาศ หรอหนงสอราชการ ทตองการใหผเขาชมมาเปดอาน หรอดาวนโหลด

รปตวอยาง : ดาวนโหลด

- กด Add New เพอเพมรายการดาวนโหลด

- เขยนชอรายการดาวนโหลดไดท “ใสหวขอทน”

- อพโหลดไฟลทตองการใหดาวนโหลด

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 13

- เลอกหมวดหมของเอกสารดาวนโหลด

- ตงคาการเผยแพร ดงรายละเอยดในขอ 3.1.4

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 14

5. บรการของเราคอเมนสำหรบจดการขอมลสวนบรการของเรา

รปตวอยาง : บรการของเรา (หลงบาน)

- กด Add New เพอเพมเนอหา บรการของเรา

- เขยนชอเนอหาของบรการของเราไดท “ใสหวขอทน”

- เลอกประเภทบรการ

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 15

- ตงคาการเผยแพร ดงรายละเอยดในขอ 3.1.4

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 16

6. หนา (Pages)คอเมนในหนาเวบไซตของเรา

รปตวอยาง : หนา (หลงบาน)

รปตวอยาง : หนา (บนเวบไซต)6.1 การเพมหนาใหม คลายกบการเพมหนาประชาสมพนธ คอใสชอหวขอ เนอเรอง และกดเผยแพร แตทตางกนคอในการเพมหนาใหม จะม คณสมบตหนา ใหเราตงคา

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 17

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 18

7. ขอมลสวนตวเปนเมนสำหรบตงคา Admin หรอผทดแลเวบไซต และผทดแลบทความของเวบไซต

รปตวอยาง : ขอมลสวนตว7.1 ชอสวนทใชแกไข “ชอ” ของผดแลเวบไซต ทงในสวนทแสดงบนหนาเวบไซต และสวนของ

หลงบาน

รปตวอยาง : ชอ

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 19

- ชอผใช ผเขยนบทความไมสามารถเปลยนแปลงเองได ตองใหผดแลเวบไซตเปนผเปลยนแปลง หรอสรางใหมให เนองจากเปนชอทใชระบตวตนของ Admin แตละคน

- ชอ - นามสกล จะใสหรอไมกได - ชอเลน ถา (ตองการ) แกไขชอทแสดงผลบนหนาเวบไซต- แลวเปลยน ชอทแสดงใหคนทวไปเหน เปนชอทเลนทเราตองการ

7.2 ขอมลตดตอสวนเพมเตมขอมลชองทางการตดตอของผดแลเวบไซต หรอผดแลบทความทตองการแสดงใหคนทวไปเหน

รปตวอยาง : ขอมลตดตอ7.3 ขอมลของคณสวนเพมเตมขอมลทวไปของผดแลเวบไซต หรอผดแลบทความทตองการแสดงใหคนทวไปเหน เชน เพมตำแหนงงานใน “ขอมลชวประวต” หรอเพมรปภาพสวนตว เพอเพมการจดจำ

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 20

รปตวอยาง : ขอมลของคณ

7.4 การจดการบญชสวนทไวจดการบญชของ Admin เชน การเปลยนรหสผาน หรอการออกจากระบบจาก

เครองอนทงหมด คงสถานะไวเฉพาะเครองทใชอยในปจจบน

รปตวอยาง : การจดการบญช

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 21

8. เซตคาหนาแรกสวนของการตงคาขอมลขาวสารในหนาแรกของเวบไซต

8.1 สไลดคอภาพและขอมลขนาดใหญบนหนาเวบไซต

รปตวอยาง : สไลด (บนเวบไซต)

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 22

รปตวอยาง : สไลด (หลงบาน)- กด Add Row เพอเพมสไลดหนาใหม- อพโหลดรปภาพทตองการ- พาดหวหลก คอ หวขอทเราตองการ- พาดหวรอง คอ คำอธบายหวขอหลก- อยาลมใสลงกเพอใหผเขาชมกดเขาไปอานตอเพมเตม- สดทายคอการเผยแพร

8.2 ผอำนวยการแกไขเพมเตมขอมลของผอำนวยการ

รปตวอยาง : ผอำนวยการ (บนเวบไซต)

8.3 ปมไอคอนแกไขเพมเตม ไอคอน และลงค ในสวนของ “บรการของเรา” ในหนาเวบ

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 23

รปตวอยาง : ปมไอคอน (บนเวบไซต)

รปตวอยาง : ปมไอคอน (หลงบาน)- เลอกไอคอน- ชอปม หากเปนชอสน ๆ ใหใสในปม 2 แตหากชอปมยาว ใหแบง

ใสทงปม 1 และปม 2- หากตองการใหปมนน เชอมโยงกบหนาอน ๆ ในเวบไซต อยาลมใส

ลงก

8.4 ลงกแบนเนอรรปและลงก สำหรบโฆษณาหรอเชอมโยงหนาเวบไซตทงในเวบของเราเอง หรอเวบอน ๆ

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 24

รปตวอยาง : ลงกแบนเนอร

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 25

9. เซตคาสวนลางเพมขอมลการตดตอทสวนลางของเวบไซต

รปตวอยาง : เซตคาสวนลาง

ซงจะแสดงผลออกมาในลกษณะน

รปตวอยาง : การแสดงผลของเซตคาสวนลาง

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 26

10. ปรบแตงธมคอเมนสำหรบการเปลยนหนาตาเวบไซต (Theme)

หนาจอสำหรบเปลยน Theme ของเวบไซต

- วธการเปลยน Theme คอ เลอก Theme ทตองการใชงานและกดปม "ใชงาน"

11. จดเรยงเมนคอเมนสำหรบการปรบเปลยน จดเรยงลำดบหรอเพม-ลดจำนวนเมนทตองการแสดงผลบน

เวบไซต วธการใชงานมดงน

- เลอกเมนทจะแกไขแลวกดปม "เลอก"

- ระบบจะแสดงการเรยงลำดบของเมนตางๆ ทานสามารถจดการเรยงลำดบ หรอเลอกเมนจากดานซาย และกดปม "เพมลงเมน" ไดทนท

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 27

ภาพแสดงตวอยางหนาจอการแกไขเมน

12. การเพมผใชงาน (ผจดการขอมลหลงบาน)คอเมนสำหรบเพมผใชงาน ใหสามารถเขามาแกไขขอมลบนเวบไซตได

- กดปม "เพมผใชใหม" เพอเพมผใชงานหลงบานเวบไซต

คมอการใชงานเวบไซตอำาเภอ – จงหวด กรมการพฒนาชมชน กระทรวงมหาดไทย หนา 28

- กรอกขอมลตางๆใหครบถวน เลอกบทบาทเปน "ผตรวจทาน" และกดปม เพมผใชใหม