Theme Design For Word Press Thai Edition: Word Press Thai Academy

Page 1

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_blog 31.ชื่อผู้ใช้และรหัสผ่านเพื่อเข้าถึงฐานข้อมูล mysql ที่ phpMyadmin 3.2 ตั้งชื่อฐานข้อมูล mydb_blog 4. เปิดเบราว์เซอร์ และเข้าไป จะได้ดังภาพ 5.ใส่ชื่อฐานข้อมูลที่เราสร้างขึ้นใน phpmyadmin ชื่อ "mydb_blog" และ ชื่อผู้ใช้และรหัสผ่านการเข้าถึงฐานข้อมูล mysq

6.ใส่หัวข้อเว้บของคุณ สร้างชื่อ 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.2 2.ดัดแปลงแก้ไขข้อมูลในส่วนWed Theme พร้อมทั้งพัฒนาแก้ไขอย่างต่อเนื่อง 3.เรียนรู้และฝึกฝนแสวงหาแหล่งความรู้ใหม่ๆในการออกแบบWed Theme 4.นำเสนอและเผยแพร่ในสิ่งที่ได้ศึกษามา

ขั้นตอนการออกแบบ Wordpress Theme One picec chandraclub 1.เริ่มต้นจากการดาวน์โหลดโปรแกร เวิร์ดเพรสภาษาไทยฉบับอคาเดมี่เืมื่อได้ไฟล์ Zip ให้ทำการแตก ไฟล์ออกมาจะได้ folder WordPressthai3.2Portable- Academy 2.เมื่อแตกไฟล์แล้วให้เปิดเข้าไปที่โฟลเดอร์เมื่อเข้าไปแล้วให้คลิกที่ตัวโปรแกรมจะขึ้นเป็นหน้าต่างตามนี้ จากนั้นคลิ๊กเข้าไปทีื่ 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 Slidingdoor.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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.