Wordpressthai

การปรับปรุ งชุ ดรู ปแบบกราฟิ ก “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 นาย ณัฐวุ ฒ ิ สุ คนธชาติ

่ ่ ้ ้ อเว็ ป เมื อคลิ กเขา้ มามันจะเดง้ ขึ นหน้ านี ให้ พิ มพค วา่ wp­admin ตอ่ หลังชื ์าํ เชน ่ http://localhost:8080/wordpressthaiedition/wp­admin

่ ภาพที 12 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ

้อ่ ขันต ไปหน้ าเว็ ปจะให้ เรา login เขา้ ใช ่ ่ ้ อ “ admin ” ให้ เราใส ่ name และ password ทัง 2 ในชื แลว้ กดเขา้ สู ร่ ะบบ

่ ภาพที 13 14/7/2558 นาย ณัฐวุ ฒ ิ สุ คนธชาติ

้ หน้ านี คื อหน้ า ศู นยจ์ อเรี ยกวา่ หน้ า wp­admin ั ดการระบบ หรื ่ ตอ่ ไปเราจะปรับปรุ งโปรแกรมให้ เป็ น 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.