Wordpressthemes Design

การออกแบบชดกราฟกเวบบลอกเวรดเพรส

Visual Communication Design TechnologyARTI3319

คานา

รายงานเลมนเปนสวนหนงของรายวชา arti3319เพอเปนการสรปการเรยนร เกยวกบ การศกษาการพฒนา

ชดกราฟฟกเวรดเพลสบลอก แกไขโดย น.ส. ภณดา บญม

--

ขนตอนการทา Theme Design

- เมอดาวนโหลด และ ตดตง “Wordpress-Thai-Edition-V3.51-Portable” เสจเรยบรอย แตกไฟลลง

ในแฟลชไดรฟ เพอทจะสามารถพกพาไปทาไดทกท

- จากนนคลกท USB Webserver จะมหนตางสนา

เงนขนมา จากนนคลก Localhost

-จากนนจะปรากฏหนาเวปขนมา คลกhttp://localhost:8080/wordpressthaiedition

- เขาสระบบโดยการใช username/password คาวา admin

-เรมตนการทางานโดยการโหลด theme ทตองการ มาเพอ

ออกแบบพฒนาใหเปนของเรา ซงดฉนเลอกใช Theme ทมชอวา

texture-art -frame ทมาจาก:http://webcache.googleusercontent.com/search?q=cache:9f5muiS8t18J:wparchive.com/

texture-art-frame/+&cd=3&hl=th&ct=clnk&gl=th&client=firefox-a

-

-ไฟลทดาวนโหลดมาจะเปนไฟล .Zip ทาการแตกไฟลไปไวท G:\Wordpress-Thai-Edition-V3.51-Portable\root\wordpressthaiedition\wp-content\themes

- จากนนจงเปลยนมาใช Theme โหลดมา

-เปดเขาไปในแฟมตรมของเรา ท G:\Wordpress-Thai-Edition-V3.51-Portable\root\wordpressthaiedition\wp-content\themes\texture-art\texture-art

จากนนคลกเขาไปใน images ภายในจะเปนสงทเราตองนามา

ปรบเปลยน ใหเปนแบบของเรา

- สวนแรกมาทจะเปลยนคอสวนหว “bg_top” ดงไฟลมา

เปดใน photoshop ในทนตองการใหเปนสเดยวกนหมด

เมอไดแลว saveชอซาชอเดม จะไดผลดงน

ล

- สวนตอมาทจะเปลยนคอสวนหว “bg_header” และ

“bg_container_top”ซงมความตอเนองกน โดยการ

ดงไฟลมาเปดใน photoshop จากนนออกแบบใหม

โดย illutator แลวจงนามาทบกบไฟลเกา และsaveชอ

ซาชอเดม จะไดผลดงน

F

-ตอมาเปลยนขนาดของไอคอน twitter โดยการลดขนาด

และเปลยนตาแหนง

-ลดขนาดลงเพอใหสอดคลองกบสวนหวเวป เมอไดตาม

ตองการ save ทบไฟลเกา

-เปลยนตาแหนงของคาวา “follow us on twitter” โดยการเขาไปใน รปลกษณ

หนาเวป>แทรก-ชดแกไขรหสคาสง ดงภาพ

-เปลยนสของ bg_search ใหเขากบรปแบบthemeใหม

- เปลยนสวนพนหลงเนอหา ใหเขากบสวนหว

- เปลยนสวน bg_post_title และ bg_sb_head

-เปลยนสตวอกษรของ RRS จากสดาเปนสขาวเพอให

ตวอกษรไมกลนกบพนหลงจนมองไมเหน

- เปลยนสวนทาย ใหเขากบสวนหว

-เปลยนสของคอลมสวนบนใหไมกนกบพนหลง โดยการเขาไปใน รปลกษณหนา

เวป>แทรก-ชดแกไขรหสคาสง ดงภาพ

-ปรบเปลยนขนาด ส และตาแหนงของชอเวป

สรปOriginal Theme

Modified Theme

จดทาโดย

น.ส. ภณดา บญม รหส 5213000499กลมเรยน 101 ภาคเรยนท 3/2555สาขาวชา ศลปกรรม แขนง ออกแบบนเทศศลป

มหาวทยาลยราชภฎจนทรเกษม