วิธีการเขียนข่าวใน wordpress

คมู่ ือการฝกึ อบรมอาสาสมคั รงานกีฬาราชมงคลธญั บุรีเกมส์ ครัง้ ที่ 45 1 สารบญั 1. หนา้ เว็บไซตแ์ ละหนา้ ควบคุม .............................................................................................................................2 1.1 ส่วนประกอบในหน้าควบคมุ (Dashboard) .................................................................................................3 2. การเขียนข่าว......................................................................................................................................................5 2.1 การเขียนขา่ วใหม่.........................................................................................................................................5 2.2 การแทรกรปู ภาพลงในเรื่องและหน้า............................................................................................................7 การใส่รูปภาพลงในเร่ืองแบบ “ใส่ลงในเรอ่ื ง (Insert into post)”................................................................7 การลดขนาดภาพใหม้ ีขนาดที่เหมาะสมกับเนื้อหา ......................................................................................12 การใส่รูปภาพลงในเร่ืองแบบ “สรา้ งคลงั รูปภาพ (Create Gallery)” ........................................................15 2.3 วธิ กี ารเขยี นแก้ไขเร่ืองท่เี ขยี นไวแ้ ล้ว...........................................................................................................19 2.4 การใสป่ ้ายกากับ........................................................................................................................................20 2.5 ต้ังคา่ เพิ่มเติมเพ่ือทาให้ Search engine คน้ หาข้อมูลไดด้ ีย่ิงขึน้ ดงั นี้..........................................................21 2.5 Icon เคร่อื งมือต่างๆ ที่ให้ในการเขยี นเรื่องและหนา้ เครอ่ื งมือที่มากบั ระบบ ............................................23

คมู่ ือการฝึกอบรมอาสาสมัครงานกีฬาราชมงคลธญั บรุ เี กมส์ ครัง้ ที่ 45 2 หน้าเว็บไซตแ์ ละหน้าควบคุม การเขา้ ใช้งานเว็บบลอ็ กในสว่ นของหนา้ ควบคุม ดว้ ยการพิมพ์ URL (www.thanyaburi45.rmutt.ac.th/wp-admin) 1. เปิด Browser ตา่ ง ๆ ที่ต้องการใช้งานเวบ็ ไซต์ 2. พิมพ์ URL ของหน้าผู้ควบคุมคือ www.thanyaburi45.rmutt.ac.th/wp-admin จากนั้นกดปุ่ม Enter จะพบหนา้ ตา่ งดงั รปู ดา้ นล่างน้ี ใหค้ ุณใส่ ชอื่ ผู้ใช้ (User) และรหสั ผา่ น (Password) ของคณุ ลงไป ภาพที่ 1 หน้าล็อกอินเข้าสรู่ ะบบ 3. จะปรากฏหน้าต่างให้สามารถล็อกอินเข้าสู่ระบบให้ท่านกรอกข้อมูล “ช่ือผู้ใช้” และ “รหัสผ่าน” จากน้ันคลิกปุ่ม “เขา้ สูร่ ะบบ” หรือจะกดปมุ่ “Enter” ท่แี ป้นคยี บ์ อรด์ ก็ 4. หลงั จาก Login เข้าสู่ระบบเรยี บรอ้ ยแล้วจะพบกับหน้าควบคมุ บล็อกดงั ภาพดา้ นล่าง ภาพท่ี 2 หน้าจอการทางานของ WordPress ในส่วนของหน้าควบคมุ (สาหรบั ผู้ดแู ลเว็บบล็อก)

คมู่ ือการฝึกอบรมอาสาสมคั รงานกีฬาราชมงคลธัญบุรีเกมส์ ครง้ั ท่ี 45 3 หนา้ หลกั คือหน้าแรกท่ีผ้ทู เ่ี ข้าชมเว็บบลอ็ กเหน็ เป็นหน้าตาของเวบ็ บล็อกท่ีทาให้เหน็ โครงสร้างของเว็บบล็อก ท้ังหมด (หน้าแรกของเวบ็ ไซต์ Home Page) เช่น www.thanyaburi45.rmutt.ac.th สว่ นประกอบในหน้าควบคุม (Dashboard) ภาพท่ี 3 แสดงหนา้ ควบคุม (Dashboard) ซงึ่ เป็นหน้าแรกสุดเม่ือผจู้ ัดการได้ login ผา่ นเขา้ สรู่ ะบบเรยี บร้อยแล้ว คาอธิบายเพมิ่ เตมิ หนา้ ควบคุม (Dashboard)  กลมุ่ เมนู เป็นกลุ่มคาสงั่ การใชง้ านสว่ นตา่ ง ๆ ประกอบดว้ ยเมนูดงั ต่อไปนี้ - หนา้ แรก เป็นหน้าแรกสดุ เมอ่ื ลอ็ กอินเข้าสรู่ ะบบดังภาพด้านบน - เร่ือง ใช้สาหรับเขียนบทความ บทความประเภทเร่ืองจะเหมาะกับข้อมูลท่ีมีเนื้อหามากกว่า 1 เร่ืองและ มีหมวดหมู่ เช่น ขา่ วประชาสมั พันธ์ ภาพกิจกรรม เป็นต้น - ไฟลส์ ื่อ คือพืน้ ทท่ี ใ่ี ชใ้ นการจัดเกบ็ และอพั โหลดไฟลร์ ปู ภาพเพ่ือใช้ประกอบการเขยี นบทความ - หน้า ใช้สาหรับเขียนบทความ บทความประเภทหน้าจะเหมาะกับข้อมูลท่ีมีจานวนน้อยและไม่มีหมวดหมู่ เช่น ประวัติ ข้อมูลการติดต่อ เป็นตน้ - ความเห็น ใช้สาหรับการควบคุมและตอบความคิดเห็น จากท่ีผู้เข้าใช้เว็บแสดงความคิดเห็นในเร่ืองหรือ หนา้ ทีเ่ ขียนไว้ - รูปแบบบล็อก ใช้สาหรับการเลือกและต้ังค่าธีม (Themes) ในส่วนต่างๆ กาหนดสิทธิของผู้ใช้งาน การจัดการข้อมูลส่วนตัวและกาหนดกลมุ่ ผใู้ ชง้ าน - เครอ่ื งมอื ตวั ช่วยในการทางานของ WordPress - ตงั้ ค่า เป็นการกาหนดคา่ พน้ื ฐานให้กับบล็อก - WP-Filebase ใช้สาหรบั การอพั โหลดไฟลเ์ อกสารตา่ ง ๆ - ยอ่ เมนู ลดเครอ่ื งมือเมนูเป็นแบบยอ่ ลง (Tools)

คมู่ อื การฝกึ อบรมอาสาสมัครงานกีฬาราชมงคลธญั บุรเี กมส์ คร้งั ที่ 45 4  แสดงช่อื ผู้ Login เข้าสู่ระบบ  กล่มุ ของเมนคู าสง่ั รดั ต่างๆ  แสดงสถิติของจานวน เร่อื ง หน้า และความคดิ เหน็  การเขียนเรือ่ งแบบเรว็  กิจกรรมขา่ วสารต่าง ๆ ของเวบ็  ข่าวสารจาก WordPress

คมู่ ือการฝึกอบรมอาสาสมัครงานกฬี าราชมงคลธญั บุรเี กมส์ ครั้งท่ี 45 5 การเขียนขา่ ว การเขียนข่าวใหม่ 1. คลิกเลอื กเมนู 2. เลือก เขียนเรื่องใหม่ ซง่ึ คาสงั่ ดังกล่าวจะมีอยู่ 2 จดุ ดงั ภาพ ภาพที่ 4 ภาพหนา้ จอโปรแกรมเลอื กการเขียนเรื่องใหม่ 3. เมอ่ื คลิกเลือกเมนูเขียนเร่อื งใหมแ่ ล้วจะปรากฏหนา้ ต่างใหเ้ ขียนเร่ืองใหมด่ ังภาพ 5

คมู่ ือการฝึกอบรมอาสาสมคั รงานกีฬาราชมงคลธญั บรุ ีเกมส์ ครั้งที่ 45 6 ภาพที่ 5 ภาพหนา้ จอโปรแกรม หนา้ ต่างการทางานของการเขยี นเรอื่ งใหม่ คาอธิบาย ชื่อเรือ่ ง ให้ผู้เขยี นใส่ข้อช่อื หวั ขอ้ ข่าว หรอื หวั ข้อของเรอ่ื งท่ีต้องการเผยแพร่ลงในเวบ็ ไซต์ เนื้อหา เนื้อหาคือรายละเอียดข้อมูลต่าง ๆ ท่ีต้องการอธิบายลงในข่าวข้อมูลท่ีสามารถใส่ในสว่ นนีไ้ ด้ประกอบไป ดว้ ยข้อมลู ทีเ่ ปน็ ข้อมลู ประเภทตวั อักษร รูปภาพ ภาพเคล่ือนไหวหรือคลิป Video All in One SEO Pack คาว่า SEO ย่อมาจากคาว่า Search Engine Optimization คือ Plugin ท่ีช่วยให้ Search Engine คน้ หาเวบ็ ของเราเจอเป็นอันดับตน้ ๆ เวลาท่ีมผี ใู้ ช้ระบุคาคน้ ทต่ี รงกับเน้ือหาของเวบ็ ไซต์ หมวดหมู่ คือการคลิกเลือกให้เรื่องท่ีเขียนแสดงข้อมูลทั้งหมดอยู่ในหมวดหมู่ใด วิธีการใช้งานให้คลิกเลือกช่อง สี่เหล่ียมด้านหน้าข้อความเพื่อเลือกหมวดหมู่ว่าเร่ืองท่ีเขียนให้อยู่ในหมวดหมู่ท่ีต้องการหากเรื่องนั้นมีเน้ือหาอยู่ ในหลายหมวดหมู่ให้คลกิ เลอื กหนา้ หมวดหมูท่ ต่ี อ้ งการ ป้ายกากับ (Tags) หรือท่ีเรียกกันว่าคีย์เวิร์ด (Keyword) หรือคาค้นสิ่งท่ีจะบ่งบอกว่าบทความน้ันๆ เก่ียวกับ เรื่องอะไร ท่ีใช้อธิบายเรื่องที่นาเสนอเนื้อหาในบล็อกหรือในเว็บไซต์ต่าง ๆ การใส่ Tags จะนิยมใส่เป็นคาสั้น ๆ เพือ่ ให้ผเู้ ข้ามาอ่านเว็บไซตส์ ามารถค้นหาข้อมูลได้สะดวกข้ึน ซึง่ การใส่ Tags นจ้ี ะชว่ ยให้คาคน้ ของเน้ือหาในเว็บ ของเราถูก Search Engine ต่างๆ เช่น Google Yahoo หรือตัวอื่น ๆ นา Tags ไปจัดเก็บไว้สาหรับการค้นหา ข้อมูลผ่าน Google หรือ Search Engine ตัวอื่น ๆ การใส่ Tags ท่ีถูกต้องและเหมาะสมจะช่วยให้เวบ็ ติดอันดบั ตน้ ๆ ของ Search Engine ได้ ตง้ั รูปพิเศษ คือ คาสั่งทีใ่ ชส้ าหรับการตั้งค่ารปู ปุ่มเผยแพร่ คือ ปุ่มที่ใช้บันทึกหน้าของเร่ืองเมื่อเขียนเรื่องเรียบรอ้ ยแล้วต้องการให้เน้ือหาท่ีเขียนเผยแพร่อยบู่ น หนา้ เว็บไซต์หรือ Blog ให้คลิกเลือกปุม่ เผยแพร่

คมู่ อื การฝกึ อบรมอาสาสมคั รงานกฬี าราชมงคลธญั บรุ ีเกมส์ ครั้งที่ 45 7 การแทรกรปู ภาพลงในเร่ืองและหน้า ภาพแบ่งออกเปน็ การแสดงผลสองแบบคือ 1. ภาพแบบใส่ลงในเรื่อง (Insert into post) การใส่ภาพลงในเนือ้ หาแบบเลอื กแทรกภาพ ในการใส่ภาพแบบน้ีจะนิยมเลือกภาพไปใส่ในเรื่องหรือหน้าจานวน 1-2 ภาพเท่าน้ันเพื่อแสดงสลับกับเนื้อหาท่ีเป็น ตวั อกั ษร การใส่ภาพแบบนีส้ ามารถเลือกภาพใหม้ ีขนาดและตาแหน่งตามที่ต้องการ 2. ภาพแบบสร้างคลังรูปภาพ (Create Gallery) เป็นการสร้าง Gallery ให้ข่าวเหมาะ สาหรับการแทรกภาพจานวนมาก ๆ ไม่สลับกับตัวอักษร แต่เป็น Gallery ให้สามารถเลือกดูรูปได้ หากตอ้ งการใส่ข้อความก็สามารถใสด่ า้ นบนหรือด้านล่างของกลอ่ ง Gallery เพยี งเท่านั้นไม่สามารถใสส่ ลับท่ลี ะรปู ได้ การใสร่ ูปภาพลงในเรอื่ งแบบ “ใส่ลงในเร่ือง (Insert into post)” 1. คลกิ เลือกป่มุ เพมิ่ ส่ือ ภาพท่ี 6 หนา้ จอการเขียนเรอ่ื ง คลิกเลือกปุ่มเพ่ิมสือ่ 2. คลกิ เลอื ก Tab อัพโหลดไฟล์ 3. คลกิ เลือกปุ่ม เลอื กหลายไฟล์ เพ่ือเลือกรปู ภาพท่ตี ้องการอัพโหลด ภาพที่ 7 หน้าตา่ งการคาสงั่ สาหรบั การอัพโหลดรปู ภาพ

คมู่ อื การฝึกอบรมอาสาสมัครงานกีฬาราชมงคลธัญบุรเี กมส์ ครงั้ ท่ี 45 8 4. จะปรากกฎหน้าต่างเพื่อให้สามารถเลือกไฟล์รูปภาพได้ดังภาพท่ี 8 ให้คลิกเลือกพ้ืนที่ที่จัดเก็บ รปู ไว้ ภาพท่ี 8 แสดงหนา้ ต่างเครื่องคอมพวิ เตอรข์ องคุณ เลือกรูปจากพื้นท่ี ทไ่ี ด้จดั เก็บรปู ไว้ 5. คลิกเลือกรูปภาพท่ีต้องการอัพโหลดขึ้นบนเว็บไซต์ หากคุณต้องการรูปใดท่ีจะอัพโหลดขึ้นในเว็บ ให้คลิก เลอื กทีร่ ปู น้นั ๆ ในกรณที ตี่ อ้ งการเลือกมากกวา่ 1 รปู - กรณีรูปท่ีอยู่ติดกันให้กดปุ่ม Shift ที่แป้นคีย์บอร์ดจากนั้นนาเม้าส์คลิกเลือกรูปแรกถึงรูปสุดท้ายที่ ต้องการ - กรณรี ูปทต่ี อ้ งการอยหู่ า่ งกันให้กดปมุ่ Ctrl ทแี่ ปน้ คยี บ์ อรด์ จากนัน้ นาเมาส์คลกิ เลือกรูปทีต่ อ้ งการ 6. เมอ่ื เลือกรูปที่ต้องการครบแล้วใหค้ ลกิ ปุ่ม 7. จะปรากฏหน้าต่างดังภาพที่ 9 โปรแกรมจะประมวลผลและอัพโหลดรูปเมื่ออัพโหลดรูปเรียบร้อยแล้วจะ แสดงรูปภาพปรากฏรูปแสดงให้เห็นดงั ภาพท่ี 10

คมู่ ือการฝึกอบรมอาสาสมคั รงานกฬี าราชมงคลธัญบุรีเกมส์ คร้งั ท่ี 45 9 ภาพท่ี 9 การประมวลผลการอัพโหลดรูปภาพไปยงั server ภาพที่ 10 หนา้ ต่างคุณสมบัติไฟลส์ อ่ื แสดงใหท้ ราบวา่ การอัพโหลดรปู ภาพสมบูรณ์ 8. หากต้องการเลือกรปู ให้แสดงในสว่ นของเรื่องใด ใหค้ ลกิ เลอื กท่ีรูปน้ัน ให้แสดงเครอ่ื งหมาย ในกรณีท่ี ต้องการเลอื กมากกวา่ 1 รปู - กรณีรูปที่อยู่ติดกันให้กดปุ่ม Shift ท่ีแป้นคีย์บอร์ดจากน้ันนาเม้าส์คลิกเลือกรูปแรกถึงรูปสุดท้ายที่ ต้องการ - กรณรี ูปท่ตี อ้ งการอยหู่ า่ งกนั ให้กดปุ่ม Ctrl ทีแ่ ป้นคยี บ์ อร์ดจากนั้นนาเมาสค์ ลกิ เลือกรูปท่ตี อ้ งการ 9. เม่ือคลกิ เลอื กรูปแล้วทางกลอ่ งดา้ นขวามจี ะมีรายละเอยี ดดงั นี้

คมู่ ือการฝกึ อบรมอาสาสมคั รงานกฬี าราชมงคลธัญบรุ ีเกมส์ คร้งั ท่ี 45 10 ภาพท่ี 11 หน้าต่างการต้ังคา่ คุณสมบัติของรูปภาพทเี่ ลือก หัวข้อ คือข้อความที่แสดงเมอื่ ผอู้ ่านเนอ้ื หาหน้าเวบ็ หรือ Blog นาเมาสช์ ี้ท่รี ูปนน้ั คาบรรยายภาพ เมอื่ ใส่ข้อความคาบรรยายภาพส่วนนี้ จะแสดงขอ้ ความดา้ นลา่ งของภาพที่ใสล่ งในเรอื่ งหรือหน้า คาขยายความ คือให้ใสค่ าอธิบายรายละเอยี ดของภาพวา่ เป็นภาพเกย่ี วกับอะไร จดั แถว คือ การจัดวางตาแหนง่ ของรูปว่าให้อย่ดู ้าน ซ้าย กึ่งกลาง ขวา หรือไม่จัด ลงิ้ ก์ไปที่ คือ การกาหนดการลงิ ค์ของรปู ว่าต้องการใหล้ งิ คไ์ ปที่ไหน เช่น ลิ้งก็ไปท่รี ปู ต้นฉบับ ลิ้งไปยงั หน้าข่าวที่ เกยี่ วขอ้ เปน็ ตน้ ขนาด คือ การกาหนดขนาดของรปู ภาพทตี่ ้องการนาไปใสใ่ นเรอ่ื งวา่ ต้องการให้มีขนาดเท่าไหร่ โดยโปรแกรมจะ กาหนดให้เลอื กดังนี้ ภาพที่ 12 ขนาดรปู ที่ต้องการให้แสดงในหนา้ เว็บไซต์

คมู่ ือการฝกึ อบรมอาสาสมัครงานกีฬาราชมงคลธัญบุรีเกมส์ ครัง้ ที่ 45 11 หน้าตัวอยา่ ง 10. เม่ือตั้งค่าและกาหนดคา่ ในขั้นตอนที่ 8-10 เรียบร้อยแล้วใหค้ ลกิ เลอื กปุ่ม เมอ่ื ใส่ข้อมูลในขั้นตอนท่ี 8-10 เรยี บรอ้ ยแล้วหน้าตา่ งจะแสดงขอ้ มูลทีก่ าหนดดังภาพท่ี 13 ภาพท่ี 13 แสดงการเลือกภาพทตี่ ้องการใส่ลงในเร่อื ง 11. หลังจากที่ท่านได้คลิกที่ปุ่ม แล้วรูปดังกล่าวจะปรากฏอยู่ในหน้าเรื่องท่ีกาลังเขียนดัง ภาพที่ 14 ภาพที่ 14 แสดงการแสดงผลการแทรกภาพในเรื่องหรือหนา้ ของบทความ

คมู่ ือการฝึกอบรมอาสาสมัครงานกฬี าราชมงคลธญั บุรเี กมส์ ครงั้ ที่ 45 12 การลดขนาดภาพใหม้ ขี นาดทีเ่ หมาะสมกับเนอื้ หา 1. คลิกเลือกรูปที่ต้องการแก้ไขที่ต้องการลดขนาด หลักจากคลิกเลือกรูปแล้วจะปรากฎสัญลักษณ์ (แกไ้ ข) ใหค้ ลิกเลือกดังภาพท่ี 15 เมอ่ื คลิกเลอื กปุ่ม ภาพท่ี 15 การเลือกภาพเพอื่ ทาการปรับปรงุ และแกไ้ ข แกไ้ ขเรยี บร้อยแล้วจะปรากฏหนา้ ต่างการทางานดังภาพท่ี 16 ภาพที่ 16 หนา้ ต่างการกาหนดรายละเอียดการปรับแต่งและแก้ไขคณุ สมบตั ิของภาพ คาอธิบาย  คาบรรยายภาพ คือ คาอธิบายความหมายของรูปจะแสดงอยดู่ ้านลา่ งของรปู ภาพวา่ รปู ดงั กลา่ วคือรปู เกยี่ วกบั อะไร

คมู่ อื การฝกึ อบรมอาสาสมัครงานกีฬาราชมงคลธญั บรุ เี กมส์ ครัง้ ที่ 45 13  ตวั อักษรทางเลอื ก คือ  การตง้ั คา่ แสดงผล มีคาสง่ั ให้เลอื กใช้ 3 คาส่ังคือ  จดั แถว คอื คาสงั่ ทใี่ ชส้ าหรับจดั ตาแหน่งของรปู วา่ ตอ้ งการใหร้ ูปแสดงอย่ตู าแหนง่ ใดของเน้ือหาในเร่อื งหรือหน้า เชน่ ให้จดั ชิดซา้ ย ตรงกลาง ขวา หรือไม่มีหมายถึงไม่ตังค่าใด ๆ  ขนาด คือ การต้งั คา่ ขนาดของภาพทีใ่ ห้แสดงในเร่ืองหรอื หน้า ซึ่งมีใหเ้ ลอื กคา่ ท่กี าหนดมาให้หรอื จะเลือกปรับ ขนาดเองได้ท่ี ขนาดปรับแต่ง ภาพท่ี 17 การตัง้ ค่าขนาดภาพ  ลิ่งก์ไปที่ คือ การกาหนดค่าใหก้ ับรูปว่าเมอื่ ผูใ้ ชเ้ วบ็ คลกิ ทรี่ ปู แลว้ ต้องการใหล้ ิงคไ์ ปยงั ข้อมูลประเภทใด ซง่ึ ประกอบดว้ ย ภาพที่ 18 ประเภทของลิงค์  ตัวเลือกข้ันสงู ในกลุ่มนี้จะมีเมนูคาสั่งย่อยดังภาพ ภาพท่ี 19 คาสัง่ “ตวั เลอื กขั้นสูง”  แกไ้ ขไฟลเ์ ดมิ คอื ในหนา้ ต่างนจี้ ะสามารถปรับค่าแนวของรูป ปรบั ขนาดรปู ต้ังค่ารูปวา่ ต้องการให้การใช้งาน การเปลยี่ นแปลงไปเปน็ แบบไหน

คมู่ อื การฝึกอบรมอาสาสมัครงานกฬี าราชมงคลธญั บุรเี กมส์ ครัง้ ท่ี 45 14 ภาพท่ี 20 คาสั่ง “แกไ้ ขไฟลเ์ พม่ิ เตมิ ”  แทนท่ี คือ การยกเลกิ การใชร้ ปู เดมิ ให้เปลี่ยนรูปใหม่ตามทเ่ี ลอื ก ภาพท่ี 21 คาส่ัง “แทนที่รูปภาพ”  อัปเดต คอื ปุ่มท่ใี ชส้ าหรบั บันทกึ การเปลี่ยนแปลงการตง้ั คา่ ข้อมลู รูปภาพ

คมู่ ือการฝึกอบรมอาสาสมัครงานกฬี าราชมงคลธญั บุรีเกมส์ ครัง้ ที่ 45 15 เมื่อคลิกปุ่มอัปเดท แล้วจะกลับคืนไปยังหน้าต่างการทางานปกติดังภาพ 4-25 ภาพจะปรับเปลี่ยนค่าใหม่ตาม การกาหนดคา่ คาสงั่ ตา่ ง ๆ ท่ีผ้ใู ช้กาหนดไว้ ภาพท่ี 22 การแสดงผลของภาพเม่ือปรบั ปรงุ แก้ไขเรยี บรอ้ ยแล้ว การใส่รปู ภาพลงในเรอ่ื งแบบ “สร้างคลังรปู ภาพ (Create Gallery)” 1. คลกิ เลือกเมนูคาสงั่ สรา้ งคลงั รูปภาพ ดงั ภาพท่ี 23 ภาพที่ 23 เมนสู ร้างคลังรปู ภาพ สร้างคลังรูปภาพ คือ เมนูท่ใี ชส้ าหรับการสร้างอลั บ้ัมภาพ อบั โหลดไฟล์ คือ ใช้เมื่อตอ้ งการเลือกรปู จากเครื่องคอมพิวเตอร์ คลังไฟลส์ อ่ื คือ เลอื กรูปทีม่ ีอยู่ 2. หลักจากคลิกเลือกคาสง่ั “สร้างคลังรปู ภาพ”

คมู่ อื การฝึกอบรมอาสาสมคั รงานกีฬาราชมงคลธญั บรุ เี กมส์ คร้งั ที่ 45 16 3. เลอื กรปู ท่ตี อ้ งการสร้างเปน็ Gallery วา่ จะเลือกรูปใหม่จากเครื่องคอมพิวเตอร์หรือจากรปู ทีม่ ีอยู่ กรณีเลือก รปู ทมี่ ีอยูแ่ ล้ว สามารถกระทาไดด้ งั นี้  กรณีรูปท่ีอยู่ติดกันให้กดปุ่ม Shift ที่แป้นคีย์บอร์ดจากนั้นนาเม้าส์คลิกเลือกรูปแรกถึงรูปสุดท้ายท่ี ต้องการ  กรณีรปู ที่ตอ้ งการอยหู่ ่างกนั ใหก้ ดปมุ่ Ctrl ที่แปน้ คียบ์ อรด์ จากน้นั นาเมาส์คลกิ เลือกรปู ทีต่ อ้ งการ 4. เมือ่ เลอื กรูปท่ีตอ้ งการเรียบร้อยแลว้ ใหค้ ลิกท่ีไอคอน สร้างคลงั ภาพใหม่ ดงั ภาพที่ 24 ภาพท่ี 24 เมนูสรา้ งคลงั รปู ภาพ > แสดงการเลือกรปู 5. ภาพท่ีเลือกไวจ้ ะถูกจัดเก็บไวใ้ นคลังภาพใหม่ท่สี ร้างขึน้ ดงั ภาพที่ 25 (รูปทแี่ สดงเครอ่ื งหมาย คอื รูปที่ได้ เลอื กใชง้ าน) ภาพท่ี 25 การต้งั คา่ คลังรปู

คมู่ ือการฝึกอบรมอาสาสมัครงานกีฬาราชมงคลธัญบุรเี กมส์ ครั้งท่ี 45 17 6. ภาพท่ีเลือกไว้จะแสดงในส่วนนี้ท่านสามารถคลิกเม้าส์ค้างท่ีรูปและลากรูปที่ต้องการจดั ลาดบั วา่ ต้องการให้ รูปใดอยอู่ นั ดบั ท่เี ทา่ ไหร่ได้ 7. การตัง้ คา่ คลงั รปู สามารถกาหนดวา่ ใหร้ ูปแสดงเป็นกค่ี อลมั น์ในหน้าเว็บไซต์ ค่าปกติท่รี ะบบตง้ั มาให้จะเป็น 3 คอลมั น์ 8. เม่ือกาหนดค่าต่าง ๆ เรียบร้อยแล้วให้คลิกไอคอน ใส่คลังรูป คลังรูปท่ีสร้างไว้จะแสดงในหน้าต่าง ดังภาพที่ 26 ภาพท่ี 26 การแสดงผลของหนา้ ตา่ งการเขยี นบทความเมื่อเลอื กปุ่มใสค่ ลังรูป 9. จากนั้นให้ท่านเข้าไปหนา้ เว็บไซต์ในส่วนของเรอื่ งหรือหน้า คลิกเลือกหัวข้อเร่ืองหรือหน้าท่ีกาลังเขียน เพ่ือ ตรวจสอบความถูกต้องและความเหมาะสม ของหน้าเวบ็ ว่าข้อมูลตรงกบั ความต้องการหรือไม่หากถูกต้องแลว้ ก็เป็นอัน เสรจ็ ส้นิ การเขยี น แตถ่ า้ ไม่ถกู ต้องก็ให้กลับไปแก้ไขให้เหมาะสม ภาพที่ 27 หน้าต่างหนา้ เว็บหลกั การแสดงผลการใส่คลงั ภาพที่สรา้ งไว้ (ในสว่ นน้หี น้าตาการแสดงผลจะแตกต่างกนั ขนึ้ อยกู่ ับ theme ทีเ่ ลอื กใช้ และการตัง้ ค่าคลังรปู ทีค่ ุณได้กาหนดไว้)

คมู่ อื การฝกึ อบรมอาสาสมัครงานกีฬาราชมงคลธัญบุรีเกมส์ คร้ังท่ี 45 18 10. หากการแสดงผลบนหน้าเว็บไซต์เม่ือคลิกดูท่ีหน้าข่าวแล้วยังไม่ชอบก็สามารถท่ีจะกลับไปแก้ไขคลังรูปได้ โดยการนาเมาสค์ ลิกบรเิ วณรปู ภาพทเ่ี ป็นคลงั รูป สั่งเกตจะปรากฏหน้าตา่ งดังภาพที่ 28 ภาพที่ 28 หน้าต่างการเขียนขา่ ว การแสดงผลการใส่คลังภาพทส่ี ร้างไว้ 11. เมือ่ แกไ้ ขเรยี บร้อยแล้วหนา้ ต่างการทางานและหน้าเว็บไซตก์ ็จะเปลยี่ นไปตามการตั้งคา่ ใหม่ ภาพที่ 29 หนา้ ต่างการเขียนขา่ ว แสดงผลการแก้ไขการสร้างคลังภาพ

คมู่ ือการฝกึ อบรมอาสาสมคั รงานกฬี าราชมงคลธัญบุรเี กมส์ ครงั้ ที่ 45 19 วิธกี ารเขียนแก้ไขเรอ่ื งที่เขยี นไว้แล้ว 1. เลอื กเมนู เรือ่ ง > เลือกเมนู เรอื่ งท้ังหมด ภาพท่ี 30 เมนเู ร่ือง > เรือ่ งท้ังหมด 2. จะปรากฏรายการเรื่องทเี่ คยเขียนไว้ดังภาพที่ 31 ภาพที่ 31 แสดงการเลอื กเรอ่ื งท่ตี ้องการแก้ไข 3. หากท่านต้องการที่จะแก้ไขข้อมูลเร่ืองใดให้คลิกเลือกที่หัวข้อเร่ืองนั้น ๆ หลังจากน้ันจะปรากฏหน้าต่าง เนื้อหาดังภาพท่ี 32 ท่านก็จะสามารถแก้ไขข้อมูลต่าง ๆ ได้เหมือนกับข้ันตอนการเขียนเรื่องใหม่ เช่น ข้อมูลช่ือเรื่อง เนื้อหา ภาพ หมวดหมู่ และป้ายกากับได้ หลังจากการแก้ไขข้อมูลเสร็จเรียบร้อยแล้วให้ท่านคลิกปุ่ม หน่ึง ครงั้ เพื่อบันทึกการแกไ้ ขดงั กลา่ ว

คมู่ อื การฝึกอบรมอาสาสมคั รงานกีฬาราชมงคลธญั บุรเี กมส์ ครั้งท่ี 45 20 ภาพท่ี 32 หน้าตา่ งเน้ือหาท่เี ลอื กเมื่อต้องการแก้ไขเรื่องทเี่ ขยี นไว้ การใสป่ า้ ยกากับ ป้ายกากับ (Tags) หรือท่ีเรียกกันว่าคีย์เวิร์ด (Keyword) หรือคาค้นสิ่งท่ีจะบ่งบอกว่าบทความนั้น ๆ เกี่ยวกับ เรื่องอะไร ทีใ่ ช้อธิบายเร่ืองทีน่ าเสนอเนื้อหาในบล็อกหรอื ในเวบ็ ไซตต์ า่ ง ๆ การใส่ Tags จะนยิ มใส่เปน็ คาส้นั ๆ เพอ่ื ให้ ผู้เข้ามาอ่านเว็บไซต์สามารถค้นหาข้อมูลได้สะดวกขึ้นซึ่งการใส่ Tags นี้จะช่วยให้คาค้นของเนื้อหาในเว็บของเราถูก Search Engine ต่าง ๆ เช่น Google Sanook หรือตัวอื่น ๆ นา Tags ไปจัดเก็บไว้สาหรับการค้นหาข้อมูลผ่าน Google หรือ Search Engine ตัวอื่น ๆ การใส่ Tags ที่ถูกต้องและเหมาะสมจะช่วยให้เว็บติดอันดับต้น ๆ ของ Search Engine ได้ ภาพที่ 33 ขน้ั ตอนการใส่ปา้ ยกากบั 1. ช่องสาหรับใสค่ าคน้ 2. พมิ พข์ ้อความคาค้น 3. คลิกป่มุ เพิ่มเม่ือพิมพ์ขอ้ ความเรยี บร้อยแลว้ หรอื กดปมุ่ Enter ทีแ่ ป้นพมิ พ์

คมู่ ือการฝึกอบรมอาสาสมคั รงานกฬี าราชมงคลธญั บรุ เี กมส์ ครง้ั ที่ 45 21 หมายเหตุ : ในกรณีทม่ี ีคาค้นหลายคา ทา่ นสามารถใสค่ าค้นพร้อม ๆ กนั ได้ แต่จะต้องมีเครื่องหมาย (,) คัน่ ระหว่างคา เชน่ ภาพ, Image, ภาพถ่าย, ภาพบรรยากาศ เป็นตน้ จากน้ันจึงกดปุ่มเพ่ิมหรือกดปุ่ม Enter ที่ แป้นพิมพ์ ตัวอยา่ งดังภาพ ภาพที่ 34 ขน้ั ตอนการใส่ปา้ ยกากบั (ตอ่ ) หลังจากดาเนินการทุกอย่างเรียบร้อยแล้วให้คลิกปุ่ม ในหน้าต่างเขียนเร่ืองอีกคร้ังเพ่ือบันทึกการ ทางาน หมายเหตุ จะต้องดูหน้าเว็บประกอบหลังจากเขียนเร่ืองในหน้าผู้ดูแล ว่าเร่ืองหรือหน้าที่ข้ึนในหน้าเว็บเรียบร้อย หรอื ไม่ ตงั้ คา่ เพม่ิ เตมิ เพ่อื ทาให้ Search engine คน้ หาขอ้ มูลไดด้ ียิง่ ข้ึนดังน้ี ภาพท่ี 35 กลมุ่ คาสงั่ การตั้งค่า All in One SEO Pack

คมู่ อื การฝึกอบรมอาสาสมคั รงานกีฬาราชมงคลธัญบรุ เี กมส์ ครัง้ ท่ี 45 22 คาอธิบาย Preview Snippet คือ ตวั อยา่ งการต้งั คา่ ในส่วนตา่ ง ๆ ของหน้า หรือเร่ืองน้ี Title ให้กาหนดช่ือเรื่องข่าวใหม่ให้เป็นคาส้ัน ๆ ไม่จาเป็นต้องเหมือนกับเชื่อเรื่องก็ได้เพราะต้องเป็นคาท่ีสั้น เพราะบางคร้งั ชื่อเรอ่ื งจะมคี วามยาวมากเกินไปซง่ึ จะไม่ดนี ักสาหรับการทา SEO Description ให้พมิ พ์ขอ้ ความรายละเอยี ดโดยสรปุ ของเนื้อหาข่าวสารตา่ ง ๆ Keyword ใส่คาที่เหมือนกับป้ายกากับระหว่างคาให้คั้นด้วย (,) เช่นในส่วนของป้ายกากับใส่ข้อมูลไว้ดังนี้ ในช่อง SEO Keyword ก็ให้ใส่ดังน้ี ภาพ, Image, ภาพถ่าย, ภาพบรรยากาศ หลังจากใส่ข้อมูลครบถ้วนแล้วให้กด ปุม่ อัปเดทเพ่ือบนั ทกึ ข้อมลู Custom Canonical URL คือ การระบุ URL ใหมโ่ ดยการกาหนดเอง

คมู่ อื การฝึกอบรมอาสาสมัครงานกีฬาราชมงคลธัญบุรเี กมส์ คร้ังที่ 45 23 Icon เครื่องมอื ต่างๆ ทใ่ี ห้ในการเขียนเรือ่ งและหนา้ เครอื่ งมอื ทมี่ ากบั ระบบ

คมู่ ือการฝกึ อบรมอาสาสมคั รงานกฬี าราชมงคลธัญบรุ เี กมส์ คร้ังที่ 45 24