FINAL PROJECT “WordPressThai”

ชื่อ Theme : C.N.BLUE

ที่มาของการออกแบบ : เนื่องดวยในการเรยีนรายวิชา ARTI3319

อาจารยไดมีโปรแกรม WordPress Thai มาใหนักศึกษาไดเรียนรู

และฝกใชงาน เพื่อทีจ่ะเขาใจในการสรางเว็บและเขาใจในโครงสราง

ของเวบ็ไซต จงึไดเกิดโครงการออกแบบ Theme นี้ขึ้นมา ในการ

ออกแบบ theme ครั้งนี้จะเปนเรื่อง ราวเกีย่วกับศิลปนของประเทศ

เกาหลีใตทีช่ื่อวา C.N.BLUE ซึ่งเปนศิลปนที่มีความสามารถ และยงั

มีดีที่ หนาตาอีกดวย

โจทย และวัตถปุระสงค :

1.เพื่อเรียนรูการจัดการกับ WordPressThai3.0.4Portable2.เพื่อฝกฝนการออกแบบเว็บไซต

โปรแกรมที่ใชงาน : Adobe Photoshop , WordPressThai3.0.4

ขั้นตอนการออกแบบและปฏิบัติงาน :

1.เปด WordPressThai3.0.4Portable แลวไปที่ usbwebserver

2.เมื่อมี pop up ขึ้นมาใหไปที่ Localhost เพื่อเขาสูระบบ

3.เมือ่มีหนาเว็บปรากฏขึ้นมาก็เขาสูระบบตามปกติ

4.เลือก THEME หลัก (ในทีน่ี้เลือก Atlantis)

5.เมื่อเลือกTheme เรียบรอยแลว ก็มาทําการออกแบบ HEAD ตามขนาดของ theme ทีเ่ราเลือก

6.หลักจากไดภาพแลวก็นําไฟลไปไวที่ WordPressThai3.0.4Portable >>root>> wordpressthaiedition>>wp‐content>>themes>>Atlantis>>images หลังจาก นําภาพไปวางเรียบรอยแลว ก็ไปเปลี่ยนขอมูลที่

Stye โดยเปลี่ยนชื่อภาพเปนรูป ภาพของเราที่จดัทําขึ้น

7.ไปที่การจัดการขอมูล แลวไปทําการเปลี่ยนชื่อใหเปนของเราเองในทีน่ีค้ือ

UBONWAN  NANARNAKHET

8.เปลี่ยนสีของ search โดยการเขาไปแกไปที่ stye#search {

background:#ffffff;width:283px;padding:0px 0px ;margin:33px 0px 0px 0px;

9.เปลี่ยนสีของ menu ตางๆที่ stye โดยสามารถแกไขโดยการใสโคดสีลงไป

10.ภาพแสดงเมนู ที่ไดทําการเปลี่ยนสีเรียบรอยแลว

11.หลังจากปรับเปลี่ยนรูปแบบของหนาเว็บเสร็จเรียบรอย แลวก็มาจัดการกับการวางโครงสรางของเว็บ

12.เลือกเมนู Widgets เพื่อเพิ่มลิงคตางใหแกหนาเว็บของเราเมื่อทําการปรับแตงเรียบรอย แลวก็สามารถใสขอมูลได12.เลือกเมนู Widgets เพื่อเพิ่มลิงคตางใหแกหนาเว็บของเราเมื่อทําการปรับแตงเรียบรอย แลวก็สามารถใสขอมูลได12.เลือกเมนู Widgets เพื่อเพิ่มลิงคตางใหแกหนาเว็บของเราเมื่อทําการปรับแตงเรียบรอย แลวก็สามารถใสขอมูลได

12.เลือกเมนู Widgets เพื่อเพิ่มลิงคตางใหแกหนาเว็บของเราเมื่อทําการปรับแตงเรียบรอย แลวก็สามารถใสขอมูลได

หนาเว็บที่เสร็จสมบูรณ

1.หนาเว็บหลัก HOME : 

ซึง่จะเปนหนาเว็บที่แสดงการ

โพสขอมูลทุกครั้งที่เราไดทาํ

การโพสลงไปและยังรวมขอ

มูลการโพสทัง้หมดของเรา

ไวอีกดวย และยังสามารถ

ลิงคไปยังหนาตางๆได

>>>>>>>>>>>>>>>>

2.C.N.BLUE PROFILE : เปนหนาเว็บที่แสดงขอมูล ประวตัิ รวมทั้งยังมีรูปภาพ ประกอบขอมูลแตละคนอีกดวย

2.C.N.BLUE PROFILE : เปนหนาเว็บที่

แสดงขอมูล ประวัติ รวมทั้งยังมีรูปภาพประกอบ

ขอมูลแตละคนอีกดวย

3.GALLERY : เปนหนาเว็บที่แสดงรูปภาพตางๆ ของ C.N.BLUE ในทาทางและรูปแบบ ที่แตกตางกันไป

สรุปผลการออกแบบจากการออกแบบสามารถสรุปไดวาการออกแบบธีมครั้งนี้จะเนนเปนสีในโทนขาว

ดํา ซึ่งทําใหดูคลาสสิกซึ่งแฝงไวดวยความมีเสนห นาคนหา ซึ่งตรงกับนักรองที่เลือก

มาใชในการออกแบบ การออกแบบเว็บครั้งนี้ไดทําการออกแบบเปนสาม หนาหลัก

ดวยกัน คือ หนาหลัก ประวัติของศิลปน และอัลบั้มภาพ ภาพโดยรวมแลวก็ดูนาสน

ใจและมกีารใสเนื้อหาไดครอบคลุม

ปญหาที่พบเนื่องจากการใชงานนี้เปนการใชงานครั้งแรกจึงทําใหยังไมคุนเคยกับโปรแกรม จึงยัง

ทําใหไมสามารถใชงานไดเต็มที ่ ตองใชเวลาในการศึกษามากกวานี้ เพื่อทีจ่ะทําให

งานมีประสิทธภิาพมากขึ้น

ชื่อ : นางสาวอุบลวรรณ นันทอาณาเขต

รหัสนักศกึษา : 5111312145

E‐mail : ubonwan.nanarkhet@gmail.com

Site : https://sites.google.com/site/ubonwanarti3319/

https://sites.google.com/site/ubonwanprofile/

Blogger : http://nanarnakhet.blogspot.com/

Word press : http://ubonwan.wordpress.com/