View
217
Download
3
Category
Preview:
DESCRIPTION
การออกแบบชุดกราฟิกเว็บบล็อกเวิร์ดเพรส ชุด texture-art โดย น.ส. ภณิดา บุญมี รหัส 5213000499 กลุ่มเรียน 101 ภาคเรียนที่ 3/2555 สาขาวิชา ศิลปกรรม แขนง ออกแบบนิเทศศิลป์ มหาวิทยาลัยราชภัฎจันทรเกษม
Citation preview
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สาขาวชา ศลปกรรม แขนง ออกแบบนเทศศลป
มหาวทยาลยราชภฎจนทรเกษม
Recommended