3.5.1 By Mr.Pranan Panchana 5211301030 CHANDRAKASEM RAJABHAT UNIVERSITY Communication. Design ART Technology For ARTI3319
คำนำ รายยงานนี้เป็ นส่ วนหนึ่งของวิชาเทคโนโลยีเพื่อการออกแบบ ทาขึ้นเพื่ออธิ บายขั้นตอน วิธีทา Wed Theme โดยเลือกใช้โปรแกรม Wordpress ในการออกแบบ Theme เพราะสะดวกมี ผูใ้ ช้อย่างแพร่ หลายรายงานนี้เป็ นส่ วนหนึ่งในงานโครงการศึกษาพัฒนาสื่ อและระบบสนับสนุน การเรี ยนการสอนทางสื่ อออนไลน์ของศาขาวิชาศิลปกรร
ออกแบบนิเทศศิลป์ ได้มีการแก้ไข
ข้อมูลในส่ วน Theme Design มาจาก : Prachid.wordpressthai.com โดยนาเว็บยล๊อกดังกล่าว มาจัดทาเป็ นผลงานในการเรี ยนการสอนโดยหวังอย่างยิง่ ว่าจะได้ความรู ้และวิธีการที่จะนาไป พัฒนาและต่อยอดทางความคิด ถ้าหากเนื้อหาผิดพลาดหรื อขาดตกบกพร่ องไปต้องขออภัยไว้ ณ ที่น้ ีดว้ ย
สารบัญ คานา / สารบัญ
1-2
ขอมูลประจาตัว / Wordpressthai คืออะไร / วัตถุประสงค์
3–4
ขั้นตอนการ Download Wordpressthai
5–6
วิธีที่ 1 การอัฟข้อมูลข่าวสาร
7–8
วิธีที่ 2 การปรับแต่งใส่ ภาพส่ วนหัว
8 -9
วิธีที่ 3 เพิ่มเมนูขา้ งๆ Widgets
10
ขอมูลประจำตัว
PRANAN PANCHANA 5211301939
นำย ปรำณันต์ ปำนชนะ ที่อยู่ตำมบัตรประชำชน บ้ ำนเลขที่ 38 หมู่ 5 ตำบลควนธำนี อ.กันตัว จ.ตรัง 92110 มหำวิทยำลัยรำชัฏจันทรเกษม คณะมนุษย์ ศำสตร์ และสั งคมศำสตร์ สำขำวิชำศิลปกรรม (ออกแบบนิเทศ)ศิลป์ ) E –mail : pranan.panchana34@gmail.com Kri_master_@hotmail.com T. 081-1364363
WordPress คืออะไร Wordpress เป็ นโปรแกรสำหรับทำบล็อก พัฒนำด้วยภำษำ PHP และ ใช้งำนร่วมกับ ฐำนข้อมูล MyQL มีกำรใช้งำนทีง่ ่ำย มีควำมยืดหยุ่นสูงเป็ นทีน่ ยิ มของบล็อกทัวโลก ่ รวมทั้งชำวไทยด้วยเช่นกัน มีผูพ้ ฒ ั นำปลั๊กอิน และธีม (รูปแบบกำรแสดงผล) ให้เรำ สำมำรถเลือกใช้งำนได้แบบฟรี ๆ อยู่เป็ นจำนวนมำก Wordpress ถือว่ำเป็ น CMS (Contents Management System) ตัวหนึง่ ทีม่ ี ควำมสำมำรถในกำรสร้ำงบล๊อกโดยเฉพำะ ระบบกำรจัดกำรทีง่ ่ำยสะดวกต่อกำรใช้งำน โดยมีควำมง่ำยตั้งแต่กำรติดตั้ง จนกระทังกำรขี ่ ยน Blog หรือกำรเปลีย่ นรูปแบบดีไซน์ หรือธีมของ Blog ก็สำมำรถทำได้สวดกง่ำยดำย จึ งเป็ นทีน่ ยิ มอยู่ในขณะนี้ ยิง่ Wordpress ยังได้แตกหน่อออกมำเป็ น WordpressMU เพือ่ ให้ผูใ้ ช้งำนสำมำรถ นำไปใช้สร้ำงเว็บบล๊อกเพือ่ ให้ผูอ้ ื่นใช้งำนได้อีกด้วย
วัตถุประสงค์ 1.เพือ่ เรียนรูร้ ะบบโปรแกรม Wordpressthai 3.5.1 2.เพือ่ ฝึ กฝนกำรทำเว็บไซต์
ขั้นตอนกำรออกแบบ 1.โหลดโปรแกรม Wordpressthai 3.5.1 โดยคลิกที่ Download
2.คลิกดาวน์โหลดที่น้ ี
3.ดาวน์โหลดเสร็ จแล้วก็ดบั เบิ้ล คลิกที่คาว่าSubwebserver.exe
4.เริ่ มต้นการใช้งานโดยการคลิกที่ usbwebserver จะดังภาพด้านล่าง จากนั้นคลิกที่คาว่า Localhost เพื่อเริ่ ม เข้าสู่ การปรับแต่งเว็ป
5.คลิกที่ http://localhost:8080/wordpressthaiedition
6.จากนั้นใส่ ชื่อผูใ้ ช้และรหัสผ่านเพื่อ เข้าสู่ ระบบ ในที่น้ ีคือ admin เมื่อเส็จ แล้วจะเข้าสู่ ระบบจักการเว็ป
วิธีที่ 1 กำรอัฟข้ อมูลข่ ำวสำร 1. แนะนาการอัฟข้อมูล ข่าวสารลง ในบล๊อกให้เรากดไปที่ เนื้อหา บล๊อก
2. ถ้าเราต้องการจะใส่ รูปก็ให้กดไปที่ เลือก/เพิ่ม/ส่ งสื่ อเข้า/ใช้ระบบ > เลือกไฟล์
3. ถ้าต้องการจะใส่ VDO เราก็สามารถไป เอาโค็ดมาใส่ ได้
4. เมื่อได้รูปที่ตอ้ งการแล้วก็กดบันทึกการ เปลี่ยนแปลง
5. เสร็ จแล้วก็ทาการกดสร่ งเผยแพร่ เนื้อหา
วิธีที่ 2 กำรปรับแต่ งใส่ ภำพส่ วนหัว 1. เลือกไปที่ รู ปลักษณ์หน้าเว็บ
2. กดไปที่ ส่วนหัของหน้าเอกสาร เว็บ
3. เลือกส่ วนที่ตอ้ งการของภาพแล้ว กด ตัดส่ วนและและเผยแพร่ เนื้อหา
4. เมื่อได้รูปที่ตอ้ งการแล้วก็กด บันทึกการเปลี่ยนแปลง
วิธีที่ 3 เพิ่มเมนูขา้ งๆ Widgets 1. กดไปที่รูปแบบลักษณ์หน้าเว็บ
2. กดที่ บล๊อกเมนูขา้ :Widgets
3. Enjoy