คู่มือเว็บไซต์

ค่มู อื การใชง้ านเว็บไซต์อำาเภอ – จังหวัด กรมการพัฒนาชมุ ชน กระทรวงมหาดไทย หน้า 1 คมู่ อื การใชง้ านเวบ็ ไซตอ์ าำ เภอ – จงั หวัด กรมการพัฒนาชมุ ชน กระทรวงมหาดไทย 1. การเข้าส่รู ะบบจัดการเนอื้ หาเว็บไซต์ เปิดเว็บไซต์ อำเภอ : http://district.cdd.go.th/ช่อื อำเภอ/wp-admin จงั หวัด : http://ช่ือจังหวดั .cdd.go.th/wp-admin 1. กรอกชื่อผูใ้ ช้ 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 - กรอกขอ้ มลู ต่างๆใหค้ รบถว้ น เลือกบทบาทเป็น \"ผตู้ รวจทาน\" และกดปุ่ม เพ่มิ ผู่ใชใ้ หม่