arnon-arti3319-102-wordpress design
DESCRIPTION
นายอานนท์ ทองรอด รหัส 5211302434 มหาวิทยาลัยราชภัฏจันทรเกษม สาขาวิชาคิลปกรรม แขนงออกแบบนิเทศศิลป์ รายงานนี้เป็นส่วนหนึ่งของวิชา visual communication designTRANSCRIPT
wordpress themes Desing by Mr.arnon Tongrod
â´Â : ¹ÒÂÍÒ¹¹·� ·Í§ÃÍ´ ÃËÑʹѡÈÖ¡ÉÒ : 5211302434 ËÁÙ‹àÃÕ¹ ÈȺ 521(4)/13A
¡ÅØ‹ÁàÃÕ¹ :102 Çѹ¾ÄËÑʺ´Õ 13.00¹.ÇÔªÒ: Visual Communication Design ÃËÑÊÇÔªÒ ARTI3319
Blogger : http://arnon-arti3319.blogspot.com/E-mail : [email protected]
1wordpress theme Design
โดย : นายอานนท ทองรอด รหสนกศกษา : 5211302434 หมเรยน ศศบ 521(4)/13A
กลมเรยน :102 วนพฤหสบด 13.00น.วชา: Visual Communication Design รหสวชา ARTI3319
Blogger : http://arnon-arti3319.blogspot.com/E-mail : [email protected]
คำนำ
รายงานเลมนเปนสวนหนงของรายวชาVisualCommunicationDesignArti3319
เพอเปนการสรปการเรยนรเกยวกบการศกษาทำเวรดเพรสเวบบลอกทแกไขปรบปรง
โดยนายอานนททองรอดเนอหาบลอกประกอบไปดวยขอมลสวนตวและประวตการ
ศกษารวมถงงานดานการศกษาตางๆเพอการมสวนรวมพฒนาใดๆในระบบนเปนสวนหนงในงานศกษาวจ
ยในโครงการการศกษาพฒนาสอและระบบสนบ
สนนการเรยนการสอนออนไลนของสาขาวชาศลปกรรมมหาวทยาลยราชภฏจนทรเกษม
จดทำโดย
นายอานนททองรอด
วนท05/03/2555
นกศกษาศลปกรรมสาขาออกแบบนเทศศลป
2 wordpress theme Design
โดย : นายอานนท ทองรอด รหสนกศกษา : 5211302434 หมเรยน ศศบ 521(4)/13A
กลมเรยน :102 วนพฤหสบด 13.00น.วชา: Visual Communication Design รหสวชา ARTI3319
Blogger : http://arnon-arti3319.blogspot.com/E-mail : [email protected]
สารบญ
เรอง หนา
ขนตอนการทำWordpressthemesDesing 5.
การเขาระบบAamin 6.
การDownlondและthemesDesign 7.
การทำภาพพนหลง 8.
การทำสวนหวWordpressthemes9.
การตดตงโปรแกมเสรม10-12.
3wordpress theme Design
โดย : นายอานนท ทองรอด รหสนกศกษา : 5211302434 หมเรยน ศศบ 521(4)/13A
กลมเรยน :102 วนพฤหสบด 13.00น.วชา: Visual Communication Design รหสวชา ARTI3319
Blogger : http://arnon-arti3319.blogspot.com/E-mail : [email protected]
โดย:นายอานนททองรอด
รหสนกศกษา:5211302434หมเรยนศศบ521(4)/13A
กลมเรยน:102วนองคาร13.00น.
วชา:AnimationDesignรหสวชาARTI3322
Blogger:http://arnon-arti3322.blogspot.com/
E-mail:[email protected]
ขนตอนการทำWordpressthemesDesing
ขนตอนท1
ใหเราเปดโปรแกมในแฟรสไดรขนมาคอWordPressThai3.3.1Portable-Academy-
Versionเพอจะทำการเขาระบบหลงจากนนเขาไปคลกทusbwebserverเพอจะทำการเขาระบบlocalhost
เพอเขาสหนาระบบ
เมอเขาสlocalhostจะปรากฎหนาwabนขนมาใหคลกทhttp://localhost:8080/wordpressthaiedition/
เพอเขาสระบบadmine
4 wordpress theme Design
โดย : นายอานนท ทองรอด รหสนกศกษา : 5211302434 หมเรยน ศศบ 521(4)/13A
กลมเรยน :102 วนพฤหสบด 13.00น.วชา: Visual Communication Design รหสวชา ARTI3319
Blogger : http://arnon-arti3319.blogspot.com/E-mail : [email protected]
เมอคลกเขามาแลวจะปรากฎหนานเพอทำการเขาadminเพอเขาไปทำการแกไขและทำการเปลยthemes
และอปเดชขอมลตางๆ
ขนตอนตอมาเราจะทำการDownlondwobthemesทจะนำมาใชในการออกแบบหรอเราจะเลกใชตะว
themesทมอยกได
เมอเราเลอกthemesเรยบรอยแลวใหเราDownlondมาไวในเครองในทนเราใช
Wobwww.freewptheme.netและwww.wordpress.orgหลงจากทไดไฟลทเปนไฟลZip,แลวใหทำการแตกไฟล
5wordpress theme Design
โดย : นายอานนท ทองรอด รหสนกศกษา : 5211302434 หมเรยน ศศบ 521(4)/13A
กลมเรยน :102 วนพฤหสบด 13.00น.วชา: Visual Communication Design รหสวชา ARTI3319
Blogger : http://arnon-arti3319.blogspot.com/E-mail : [email protected]
แลวลากโฟนเดอรเขาไปไวในroot-wordpressthaiedition-wp-content-themesเมอเรา
ลากโฟรเดอรทเราไปไวในโฟนเดอรroot-wordpressthaiedition
-wp-content-themesเรยบรอยแลวเมอเราเขาไปดในระบบadminจะปรากฎหนานขนมา
เมอเราไดthemesมาแลวใหเราคลกเลอกthemeทเราdownlondมาเพอใชงาน
ขนตอนตอไปจะเปนการปลบแตwabthemesDesignขนแรกเราจะทำการเปลยนพนหลงของwabthemes
DesignครบโดยเราจะทำภาพพนหลงดวยโปรแกมAdobePhptoshopCS3
นคอหนาwabthemesทเราเลอกมาเพอทจะใชในการทำDesignwabthemes
เราจะเขาสขนตอนการทำพนหลงดวยโปรแกมAdobePhptoshopCS3
6 wordpress theme Design
โดย : นายอานนท ทองรอด รหสนกศกษา : 5211302434 หมเรยน ศศบ 521(4)/13A
กลมเรยน :102 วนพฤหสบด 13.00น.วชา: Visual Communication Design รหสวชา ARTI3319
Blogger : http://arnon-arti3319.blogspot.com/E-mail : [email protected]
ภาพขนตอนการการทำไนหลงของWordpressขนาดความกวาของwordpress
1366pixx768pixเมอเราทำการพนหลงและsaveเปนไฟลJPGทความละเอยด72pixเมอเราทำการ
บรรทกเรยบรอยแลวขนตอนตอมาเราจะทำการใสพนหลงของWordpress
ขนตอนการใสพนหลงนนสามารถทำไดสองวธคอวธท1คอการแทนทเขาไปในโฟนเดอรของthemesroot
-wordpressthaiedition-
wp-content-themes-twentyten-imagesพนหลกกจะเปลยนและขนตอนท2ใหเราเขาไปเปลยนในwordpress
ไดเลยโดยการเขาไปทการออกแบบกราฟฟก-สพนหลงและเมอเลอกไฟลและอปโหลขนมาแลวโปรแกมจะใหเราตง
คาของพนหลง
หลงจากนนเราจะมาทำสวนหวของwordpress
สวนหวของWordpressนนจะมขนาด940pixx198pixเราจะทำสวนหวนAdobePhptoshopCS3ใ
นสวนหวนเราจะใสรายละเอยดของthemeดวยเชนเดยวกนกบพนหลงเมอเราทำสวนหวเรยบรอยแลว
เราจะทำการนำขนwordpressเราดวย2วธเชนกนขนตอนการใสพนหลงนนสามารถทำไดสองวธคอวธท1
คอการแทนทเขาไปในโฟนเดอรของthemesroot-wordpressthaiedition-
7wordpress theme Design
โดย : นายอานนท ทองรอด รหสนกศกษา : 5211302434 หมเรยน ศศบ 521(4)/13A
กลมเรยน :102 วนพฤหสบด 13.00น.วชา: Visual Communication Design รหสวชา ARTI3319
Blogger : http://arnon-arti3319.blogspot.com/E-mail : [email protected]
wp-content-themes-twentyten-images-handderสวนหวกจะปรากฎขนมาและขนตอนท2
ใหเราเขาไปเปลยนในwordpressไดเลยโดยเขาไปทการออกแบบกราฟฟก-ปรบแตงรปแบบสวนหว
สวนหวดงภาพดานลาง
นคอสวนหวของwordpressdesignทเสรจสมบรณแลวขนตอนตอมาเมอเราไดพนหลงและสวนหวแลวเรา
จะมาทำการตดตงสไลดกนตอครบ
ขนตอนท1ใหเราไปDownlondProgameทใชทำสไลมาครบในทนกมโปรแกมอญหลายตวครบ
ตามแตเราเราจะเลกใช
เชนV-slideและSlideDeck,smood-slideในทนเราเลกใชโปรแกมSlideDeckทเปนสไลในตวBlog
ทเขยนบทความพรอมมcodeทสะดวกในการตดตง
ขนตอนท1ใหเราทำการDownlondProgameSlideDeckมาไดเลยครบเมอDownlondProgame
ไมตองแตกไฟลออกครบใหเราทำการตดตงบนwordpressไดเลยโดยเขาไปท
โดยเขาไปทการตดตงโปรแกมเสรมและเลอกทคำวาเพมใหมเพอสงไฟลขนหลงจากนนใหทำการกดคำวาตดตงทนท
8 wordpress theme Design
โดย : นายอานนท ทองรอด รหสนกศกษา : 5211302434 หมเรยน ศศบ 521(4)/13A
กลมเรยน :102 วนพฤหสบด 13.00น.วชา: Visual Communication Design รหสวชา ARTI3319
Blogger : http://arnon-arti3319.blogspot.com/E-mail : [email protected]
หลงจากนนใหกดคำวาเปกการใชงานโปรแกมเสรมตวโปรแกมทเราตดตงกจะอยบรเวณดานขาง
ตวโปรแกมทตดตงดานขางของแทบเครองมอพรอมทจะใชงานการใชงานโปรแกม
ประโยชนของสไลดทเรากำลงจะทำนะครบลองคดกนงายๆวามอะไรกนบาง
ขอแรกมนทำใหเวบหรอบลอกบอกเรามนดนาสนใจยงขนครบ
ขอสองมนทำใหผอานไดทราบวาเรากำลงแสดงหรอกำลงประชาสมพนธอะไรอย
ขอสามทำใหสามารถแทรกโฆษณาหรอทำใหมรายไดเกดขนกเปนได
เอามาแค3ขอกอนครบใครมขอดทดกวานหรอวามขอเสยแบบไหนกเอามาแบงปนกนไดครบ
มาถงวธใชกนบางกอนอนตองไปโหลดเจาปลกอนทชอSlideDeckมากอนครบ
สามารถดาวนโหลดไดทนDownloadSlideDeck
PluginWordPressโหลดกนเสรจแลวใหใชงานทนทครบ
จากนนกไปทจากนนกจะเจอการปรบแตงของปลกอนตวนครบ
การใชงานSlideDeckม2แบบคอ
แบบท1เราจะสามารถตกแตงและทำสไลดเองในสวนนใหเลอกทเมนSlideDeck>Add
แบบท2ปลกอนจะสมเรองหรอเรยงลำดบมาแสดงเองในสวนนเลอกไปทเมนSlideDeck>AddSmartSlideDeck
การนำไปSlideDeckไปใชงาน
หากเราตองการใหปลกอนตวนไปโชวทสวนไหนของบลอกมวธงายๆครบโดยการนำโคดทไดรบไปใสในสวนทตองการแบบน
โดยโคดจะสามารถดไดจากThemeCodeSnippetทอยทางขวามอหลงจากทเรากดSaveแลวแบบน
หนาตางโปรแกมทเราตดตงDownlondProgameSlideDeckและเปนหนาตางทเสรจสมบรณและเราสามารถสรางหนาตางเพมไดอกตามทเราตองการเชนหนาหลกAboume
และอกหลายอยาง
9wordpress theme Design
โดย : นายอานนท ทองรอด รหสนกศกษา : 5211302434 หมเรยน ศศบ 521(4)/13A
กลมเรยน :102 วนพฤหสบด 13.00น.วชา: Visual Communication Design รหสวชา ARTI3319
Blogger : http://arnon-arti3319.blogspot.com/E-mail : [email protected]
บรรณานกรม
(๑)เวบไซต
http://notezii.com/archives
(๒)เวบไซต
http://wordpressthaiedition.blogspot.com/
โดยผศ.ประชดทณบตร
FontDesignerByMr.Arnontongrod
fontnameCRU-ArnonTG
CHANDRASEM RAJABHAT UNIVERSITY
â´Â : ¹ÒÂÍÒ¹¹·� ·Í§ÃÍ´ ÃËÑʹѡÈÖ¡ÉÒ : 5211302434 ËÁÙ‹àÃÕ¹ ÈȺ 521(4)/13A
¡ÅØ‹ÁàÃÕ¹ :102 Çѹ¾ÄËÑʺ´Õ 13.00¹.ÇÔªÒ: Visual Communication Design ÃËÑÊÇÔªÒ ARTI3319
Blogger : http://arnon-arti3319.blogspot.com/E-mail : [email protected]