การปรับปรุ งชุ ดรู ปแบบกราฟิ ก “Wordpress” Wordpressthai Academy Edition
คาํ นํ า ่ ่ ้ อการออกแบบนิ เทศศลิ ป์ รายงานฉบับนี เป็ นสว่ นหนึ งของวิ ชา เทคโนโลยี เพื รหัสวิ ชา ARTD3305 สาขาวิ ชาศลิ ปกรรม ่ ้ ้ ู อ แขนงออกแบบนิ เทศศลิ ป์ มหาวิ ทยาลัยราชภัฏจันทรเกษม ขา้ พเจา้ ไดจ้ ด ท า รายงานเล ม นี เพื ให ไ ด ร จ ก ก บ ข นตอนในการติ ดตัง้ ั ํ ั ั ั ้้ ้ ่ ่ ้ อในการเขา้ ใจในการใชง่ าน และเกิ และใชง้ าน Wordpress เพื ดประโยชน์ สู งสุ ด หากรายงานฉบับนี มี ขอ ดพลาดประการใด ้ผิ ่ ผู จ้ ก็ ขออภัยมา ณ ที น้ ดว้ ย ี ั ดทาํ จัดทาํ โดย นาย ณัฐวุ ฒ ิ สุ คนธชาติ ึษา 5521303262 รหัสนักศก
่ ภาพที 1 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ เขา้ สู เ้ วปไซล ์ http://sourceforge.net/ แลว้ พิ มพค วา่ prachid แลว้ Search ์าํ
่ ภาพที 2 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ่ ้ ้ เมื อขึ นหน้ านี แลว้ ให้ กด Downlond Now เพื อจะดาวโหลดเขา้ สู ค่ อมของเรา
่ ภาพที 3 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ้ ้ เมื อขึ นหน้ านี แสดงวา่ คุ ณไดด ่ โปรดรอให้ โปรแกรมดาวโหลดเสร็ จ ้าวโหลดอยู
่ ภาพที 4 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ้ ให้ ้ เมื อการดาวโหลดเสร็ จสิ น แตกไฟลอ์ อกมาทังหมด
่ ภาพที 5 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ้ เมื อแตกไฟลเ์ สร็ จแลว้ กอ ราควรเขา้ มาอา่ นตรง Readmeวิ ธี การใชง้ านเบื องตน ้ ่นใชเ่ ่ ่ กอ นที เ ราจะเริ ม ต น ใช ง าน ้ ่ ่
่ ภาพที 6 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ้ เมื ออา่ นขันตอนการใช แ ให้ เรากดใชต ่ลว้ ่รง usbwebserver
่ ภาพที 6 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ เมื อกดเขา้ มาแลว้ มันจะเดง้ ตัว Open File ให้ เรากด Run
่ ภาพที 7 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ้อ่ ขันต ไปให้ กด Alow access
่ ภาพที 8 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ้อ่ ขันต ไปให้ กด Alow access อี กครัง้
่ ภาพที 9 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ตอ่ มาให้ กดเขา้ ไปที คาํ วา่ Localhost
่ ภาพที 10 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ่ ้ ้ เมื อกดเขา้ มาที คาํ วา่ Localhost แลว้ หน้ าจะเดง้ หน้ านี ขึ นมา http://localhost:8080/ ่ ให้ เรากดไปที http://localhost:8080/wordpressthaiedition
่ ภาพที 11 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ่ ้ ้ อเว็ ป เมื อคลิ กเขา้ มามันจะเดง้ ขึ นหน้ านี ให้ พิ มพค วา่ wpadmin ตอ่ หลังชื ์าํ เชน ่ http://localhost:8080/wordpressthaiedition/wpadmin
่ ภาพที 12 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ้อ่ ขันต ไปหน้ าเว็ ปจะให้ เรา login เขา้ ใช ่ ่ ้ อ “ admin ” ให้ เราใส ่ name และ password ทัง 2 ในชื แลว้ กดเขา้ สู ร่ ะบบ
่ ภาพที 13 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ้ หน้ านี คื อหน้ า ศู นยจ์ อเรี ยกวา่ หน้ า wpadmin ั ดการระบบ หรื ่ ตอ่ ไปเราจะปรับปรุ งโปรแกรมให้ เป็ น 4.2.2 ให้ คลิ กไปที ปรับปรุ งเป็ น
่ ภาพที 14 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ เราสามารถ กดปรับปรุ งไดท และอี กวิ ธี คื อการโหลดลงมาแลว้ แตกไฟลใ์ น wordpressthaiedition ั นที ้
่ ภาพที 15 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ่ ้ ้ ้ อ นามสกุ ตอ่ มาคื อการตังคา่ ในสว่ นนี อยู ท เราวา่ จะตังคา่ อะไรบา้ ง เชน ล ่ ชื ่ี เขตเวลา เป็ นตน ้
่ ภาพที 16 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ้ ่ธี ขันตอนต อ่ ไปให้ เรากดไปที เพิ ม มใหม่
่ ภาพที 17 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ่ ่ ตอ่ มาก็ ให้ เราเขา้ ไปที ตัวกรอง เพื อจะหาธี มที สามารถปรับแตง่ ได้
่ ภาพที 18 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ่ ่ ้ท เมื อเราเลื อกธี มที ตอ ให้ เรากดติ ดตังได เมื อเสร็ จให้ กดปรับแตง่ ธี ม ั นที ้งการไดแ ้ลว้ ้
่ ภาพที 19 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ตอ่ มาก็ เปลี ยนหัวขอ โปรย เป็ นของเรา ้ และ คาํ
่ ภาพที 20 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ้ ้้ ขันนี คื อการเปลี ยนสี คาํ โปรยและ พื นหลัง
่ ภาพที 21 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ้ สว่ นนี คื อภาพบนสว่ นหัว เราสามารถเลื อกรู ปภาพที ธี มมี อยู ่ หรื ออัฟโหลดดว้ ยตัวเองก็ ได้ ่ ่ ่รู ื นชอบหลังจากกด เพิ โดย ขณะที คุ ณสามารถตัดรู ปไปยังรู ปที ช่ ม ปภาพใหม ่ ธี มของคุ ณแนะนํ าขนาดสว่ นหัวของ 1200 × 200 พิ กเซล
่ ภาพที 22 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ้ เมื อเลื อกเสร็ จภาพเราก็ จะขึ นมา
่ ภาพที 23 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ้ ้ สว่ นตรงนี คื อการใสภ นหลัง เราควรรู กอ ภาพที จะใชต นขนาดเทา่ ได ่อ ่าพพื ้ ้งเป็ ่นวา่
่ ภาพที 24 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ่ เมื อซู มภาพแลว้ ให้ กดคลิ กขวา เพื อการตรวจสอบองคป ์ระกอบ
่ ภาพที 25 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ่ ้ ขันตอนต อ่ ไปให้ คลิ กตรงรู ปเเวน แล ว เลื อ นเม า ไปที ๆ คุ ณ ต อ งการรู ขนาด ้ ้ ้ ่ ้ แลว้ มันจะบอกคา่ เป็ น pixel
่ ภาพที 26 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ้อ่ ขันต มาก็ อัฟโหลดไฟลภ ์าพ
่ ภาพที 27 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ กดติ กที รู ปแลว้ กดเลื อกรู ปภาพ
่ ภาพที 28 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ รู ปภาพของคุ ณก็ จะปรากฏอยู ด นหลัง ่า้
่ ภาพที 29 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ ่ ผลของการเปลี ยน ธี ม ภาพ และสว่ นหัว
Bibliography Sukontachat, Nattawut . Bibliography. Chatuchak, BKK: การปรับปรุ งชุ ดรู ปแบบกราฟิ ก “ Wordpress Theme ” 2015.