Theme Design For Word Press Thai Edition

: Word Press Thai Academy ขอมลเบองตนของ Word Press Thaiเวรดเพรส เปนระบบแพลตฟอรมทเหมอนดงงานศลปชนเอกทใชในการเผยแพรเรองราว สวนตวของคณ เพราะเวรดเพรสนนมทงความสวยงาม ถกสรางตามมาตรฐานเวบ และความสามารถในการใชงานมากมาย คณสามารถใชงานเวรดเพรสไดโดยไมตองจายเงนซอเลยเวรดเพรสยงเปนระบบทคณสามารถใชงานไดงาย เพราะวาคณตองการเขยนบลอกตางหาก! ไมไดตองการมางงกบ คำสงและ code มากมายของระบบเขยนบลอกทำ blog สวนตวงายๆ ดวยระบบของ WordPress (ภาษาไทย)คณเคยคดทจะสรางบลอกไหมครบ บลอกกเปนเวบไซตประเภทหนงและตอนนยงเปนทนยมกนมากในปจจบน บลอกเปนแหลงทใหขอมลขาวสาร บทความตางๆหลากหลาย โดยทคณไมจำเปนตองมความรเกยวกบการสรางเวบ ภาษา HTML PHP เปนตน คณไมจำเปนตองสรางระบบเอง เพราะ WordPress มระบบใหคณแลวเรามาดการตดตงระบบของ WordPress กนเลยครบการตดตงระบบของ wordpress นผมจะตดตงท appser ทเครองของเรานะครบเพราะฉะนนคณควรตดตง appser กอนดวธตดตงทนครบ

1.เขาไปดาวนโหลด ดาวนโหลดเวรดเพรส 3.2.1 ท http://sourceforge.net/projects/wordpressthaied/ ซงเปนระบบภาษาไทยครบเขาใจงาย2. เมอดาวนโหลดเสรจแลวใหเขาแตกไฟล แลวนำ folder wordpress ทอยใน folder wordpress-3.2.1-th ออกมาวางไวท appser ครบดงภาพ3.สรางฐานขอมล โดยเขาไปสรางทphpMyAdmin/ และสรางฐานขอมลชอ mydb_blog31.ชอผใชและรหสผานเพอเขาถงฐานขอมล mysql ท phpMyadmin3.2 ตงชอฐานขอมล mydb_blog4. เปดเบราวเซอร และเขาไป จะไดดงภาพ5.ใสชอฐานขอมลทเราสรางขนใน phpmyadmin ชอ "mydb_blog" และ ชอผใชและรหสผานการเขาถงฐานขอมล mysq6.ใสหวขอเวบของคณ สรางชอ admin รหสผานและเมล7.ลอกอนเขาสระบบ addmin เพอจดการบลอกของคณ แนวคดในการออกแบบ :ชอ Theme Sliding-door.2.6.1การออกแบบ theme นเลอกใช theme Sliding-door.2.6.1 จากการโหลด themeใน wordpress thai อยากใหเปนเวบไซคทมความดดสวยงาม ดลำสมยโดยมการใช Slide Show นนเองมาเปนสวนประกอบ ภายใน theme นน ยงมลกเลนในสวนของ head ทแทรกภาพจำนวน 7 ภาพ ในสวนของภาพการตนนำมาจากเรอง one piece นนเองและยงสามารถมการขยบไดซงดมลกเลนเฉพาะ

แรงบรรดาลใจOne Piece (วนพซ) เปนมงงะ ทเขยนโดย อาจารย เออจโร โอดะ ทปรากฏตวขน ใน Shonen Jump Magazine ในวนท 4 สงหาคม, 1997 และถก ทำออกมาเปน manga รายอาทตย โดย Shueisha ครงแรก เมอวนท 24 สงหาคม, 1997 วนพซ เปนเรองเกยวกบ การผจญภยของเดกหนม อาย 17 ปคนหนง ทชอ มงก ด ลฟ ทไดรบพลง จาก ผลปศาจ เพราะกน ผลไมปศาจลงไป ทำใหมพลง ยดได และม กลมโจรสลดของเขาเอง ซงมนามวา กลมโจรสลดหมวกฟาง ความฝนของลฟ คอการ ไดยดครอง สมบตทโดงดงไปทวโลก นนกคอ วนพซ และไดเปน เจาแหงโจรสลด ลฟ อยากเปนโจรสลด ตงแตเขายงเลก และตองการ ขนเรอไปกบ แชงคส แตแชงคส ไมใหขนเรอ แตลฟ กยงมงมน และ ตองการเปนโจรสลดใหได และ จะมเรอเปนของตวเอง พรอมกลมโจรสลดของตวเองในอนาคต แชงคสจงฝากหมวกฟางไวใหกบลฟ และ ความฝนของลฟ คอการไดเปน เจาแหงโจรสลด และได คนหมวกฟาง ใหกบแชงคส ลฟ พยายาม หาลกเรอ โดยการเดนทางไปเรอยๆ แลวกไดเจอกบโซโล นกดาบ ลาคาหว ทตองการเปนนกดาบ ทเกงทสดในโลก, นาม ตนหนของเรอ ทตองการเขยนแผนทโลก, ซนจ กกทตองการหา ออลบล, ชอปเปอร หมอ ทตองการรกษาไดทกโรค, โรบน นกโบราณคด ซงตองการหา แฟรงก ชางซอมเรอ ทตองการ สรางเรอ ทแขงแรงพอทจะเดนทางไปทวแกรนดไลน และ บรค นกดนตร ทตองการจะ เจอ ลาบน ปลาวาฬทเขาเจอ กลางทาง อกครง ระหวางทลฟ ไดเดนทาง หาพวกพอง เขากได ตอกร กบ หนงใน 7 เทพโจรสลด ทมชอวา ครอคโคไดล และองคกร ลบในอลาบาสตา ซงมชอวา บารอคเวรคส และไดรบชยชนะ ซง เปนตนเหตททำให กลมโจรสลดหมวกฟาง ถกรฐบาล หมายตา ไว และกได คาหว ทรวมกนแลว เยอะมากเลยทเดยว กลมโจรสลดหมวกฟาง ได เดนหนาตอไปเพอคนหาวนพซ โดยการมงหนาไปตอ และลฟกไดเจอกบ เอส พชายของเขา, ปของเขา และก รวาพอของเขา คอ อาชญากร ทดงกองไปทวโลก มงก ด ดรากอนหลงจากนน ไมนาน พชายของลฟ กไดถกจบตวไป และถกนำไป

ขงทอมเพลดาวน ลฟ จงกำลงตามหาพทอยในคกอมเพลดาวน และพยายามจะชวยใหออกมาจากคกได โดยไดรบความชวยเหลอจาก 1 ใน 7 เทพโจรสลด โบอา แฮนคอก และ ไดไปพบกบ ศตรทเคยพบมา ครงกอนๆ และไดขอความชวยเหลอ จากพวกเขา เพอ ชวย เอส ใหออกมาใหได ตดตามเรองราวกนตอไปไดในการตนวนพซสรป คอ ททำเวบไชคนขนมาเพอกลมคนรกการตน One picec ตวละครหลกในเรอง มงก ด ลฟ กลมโจรสลดของเขาเอง ซงมนามวา กลมโจรสลดหมวกฟาง ความฝนของลฟ คอการ ไดยดครอง สมบตทโดงดงไปทวโลก นนกคอ วนพซ และไดเปน เจาแหงโจรสลด ลฟ คอความฝนของคนเรามกนทกคน อยทวาคนเราจะทำความฝนของคนเราใหเปนจรงไดหรอไม อยทความพยายาม และอดทนตออปสรรคทจะตองฝาฟนกนตอไปเหมอนการตนเรอง One picec โจทยและวตถประสงค1.เพอเรยนรระบบโปรแกรม WordPressThai 3.2 ในสวนของการจดทำขนตอนและโปรแกรมเสรม ทใชงานกบWordPressThai3.22.ดดแปลงแกไขขอมลในสวนWed Theme พรอมทงพฒนาแกไขอยางตอเนอง3.เรยนรและฝกฝนแสวงหาแหลงความรใหมๆในการออกแบบWed Theme4.นำเสนอและเผยแพรในสงทไดศกษามา

ขนตอนการออกแบบ Wordpress Theme One picec chandraclub1.เรมตนจากการดาวนโหลดโปรแกร เวรดเพรสภาษาไทยฉบบอคาเดมเมอไดไฟล Zip ใหทำการแตก ไฟลออกมาจะได folder WordPressthai3.2Portable- Academy2.เมอแตกไฟลแลวใหเปดเขาไปทโฟลเดอรเมอเขาไปแลวใหคลกทตวโปรแกรมจะขนเปนหนาตางตามนจากนนคลกเขาไปท Localhost เพอเขาสหนาเวบจำลอง สวน Root dir คอสวนทเอาไวสำหรบเกบไฟลตางๆ

3. เมอเขา Localhost แลวจะไดหนาตางนนคอโปรแกรมระบบจำลองแมขาย บรการเวบไซตแบบเคลอนท เวรดเพรสบลอกฉบบภาษาไทย:WordPressThai Edition. โดย ผศ.ประชด ทณบตร Thai Customisation by Assistant Professor Prachid Tinnabutr ใหคลกทเปน link ดงกลาวจะเปนการเชอมตอไปยงหนา log in ของ www.wordpressthai.com

4.คลกเขาสระบบลอกอนคอ admin และรหส admin ทางชองloginในกรอบสแดงดงกลาว

5.เมอทำการลอกอนแลวคลกเขาไปจะปรากฎหนาตางดงรปจากนนเลอกธมทจะทำการ แกไขโดยในวธการทำชด theme จะทำการเลอก theme WordpressThai:Academy by Assistant Professor Prachid Tinnabutr ออกมาทำการพฒนาในรปของการ design-theme Sliding-door.2.6.1

6.เรมทการสรางสวนหวโดยใช Adobeilustrator และ adobephotoshop เทาขนาดจรงโดยจะใชแกไขและลงสในสวนหนงจากนนใหเซฟเปนไฟลเทาขนาดจรงโดยเซฟไปท wordpresspt\root\wordpressthaiedition\wp-content\themes\WorpressThai- Academy\images

(เวลาเซฟใหเซฟเปนชอเดยวกบตนฉบบเพอทจะแทนทตนฉบบ)โดยสามารถดขนาดไดจากไฟลภาพทอยในตำแหนงโฟลเดอรเดม*การทำthemedesignนนตองคำนงถงขนาดเปนสงสำคญเพอใหเนอthemeโดยรวมนนสามารถแสดงผลและ concept ของชนงานออกมาไดอยางชดเจนโดยไมมแถบขอมลหรอสวนใดของ web site มาปดทบ

7.เขาไปปรบการใชงานของเมน การจดชดรปแบบกราฟกบลอก แลวเลอก Theme Sliding Door 2.6.1 แลวคลก การตดตงๆ

สรปผลการออกแบบการออกแบบเพอกลมคนรกการอานการตน ซง Theme จะดแลวมลกเลนตางจากเวบทวไปๆ และไดมการสราง content ตางๆมการเพมขอมลเนอหาสาระตางๆทเกยวของลงไปภายในภาพตางๆหรอแมจะเปนภาพของหนา loginจะใชภาพรถของสมาชกและ logo ของกลม และในสวนหวของ WEB SITE จะเปนรปภาพทสามารถมการขยบได ซงดแปลกตามากยงขน อางองhttp://www.wordpressthai.com/download-wordpress-thai-edition กลาวตอนทายเวรดเพรสมระบบแมขายแบบเวบดวยการใชหนวยประมวลผลแบบผใชสามารถจดเตรยมเครองมอ

อกครงโดยไมตองแกไขโคด,HTMLPHPและยงสมรถตดตงและสลบชดรปแบบโคด,PHPและHTMLในรปแบบนอกจากนนยงสามารถแกไขไดสำหรบการปรบแตงขนสงเวรดเพรสยงมการจดการการเชอมโยงแบบบรณาการเครองมอคนหาผตด ตออน ๆโครงสราง Permalink ความสามารถในการกำหนดซอนกน,ประเภทหลายบทความและการสนบสนนสำหรบการตดแทกการโพสตและบทควมตวกรองอตโนมตจะรวมใหไดมาตรฐานการจดรปแบบและสไตลของขอความในบทควม สามารถศกษาเพมไดท http://th-th.facebook.com/pages/Wordpressthai/124267520985627?sk=wall

About prachid tinnabutrผชวยศาสตราจารย ประชด ทณบตร สาขาวชาศลปกรรม ภาควชามนษยศาสตร คณะมนษยศาสตรและสงคมศาสตร

มหาวทยาลยราชภฏจนทรเกษม ถนนรชดาภเษก เขตจตจกร กทม. 10900 ตดตออเมลปจจบน prachid@prachid.com หรอ prachid007@gmail.com โทรศพทมอถอ: 0896670091 โฮมเพจสวนตว: http://www.prachid.com ธรกจของครอบครว :

บรษท.วตตคอมพวเตอร จำกด., เวปไซท : http://www.wittycomputer.com MyOpenID : http://prachid.myopenid.com ----------------------------------------------------------- Assistant Professor Prachid Tinnabutr Art Division, Department of Humanities Sciences, Faculty of Humanities and Social Sciences, Chandrakasem Rajabhat University, Ratchadabhisek Road, jatuchak District, Bangkok,Thailand 10900.Contact Current eMail:prachid@prachid.com , prachid007@gmail.com ,

Personal Homepage: http://www.prachid.com Mobile Phone 66 (0)896670091 My Family Business : Witty Computer Co.,Ltd. 144/157 Moo1,Sukhaprachasan2 Road ,Soi 22,Tambon Pakkret,Pakkret District,Nonthaburi 11120.Website

URL: http://www.wittycomputer.com

จดทำโดยนาย นฤพนธ ฉำสงเนน 5111302294 กลมเรยน 201

สาขาวชาออกแบบนเทศศลปE-mail :narueponchumsoongnern@gmail.com เบอรโทร : 083-825-6860เอกสารนเปนสวนหนงในรายวชา เทคโนโลยเพอการออกแบบนเทศศลป รหสวชา

arti3319