Kanyapron-ARTI3319-ThemeWordPressThai3.2

Page 1

Theme Design For Word Press Thai Edition

Word Press Thai Academy

แนวคิดในการออกแบบ : ชื่อ Theme pandora.1.3.1 การออกแบบ theme นี้เลือกใช้ theme pandora.1.3.1 จากการโหลด theme ใน wordpress thai อยากให้เป็นเว็บไซค์ที่มีความแปลกตา น่าสนใจ ดูล้ำสมัยโดยมีการใช้ Slide Show ในส่วนของ headder นั้นเองมาเป็นส่วนประกอบ ภายใน theme นั้น ยังมีลูกเล่นในส่วนของ head ที่แทรกภาพเคลื่อนไหวได้ๆ โดยรอประมาณ 2-3 นาที ภาพจะถูกเปลี่ยนเองโดยอัตโนมัติ ในส่วนของภาพจะเป็นเรื่องของเทพเจ้าในศาสนาพราหมณ์-ฮินดูนั้นเองและยังสามารถมีการขยับได้ซึ่ง ดูมีลูกเล่นตามแบบ Theme ที่เลือกไว้นั้นเอง ตัวอย่างภาพที่ในมาจะอยู่ที่ wp-content แล้วเลือก themes และ pandora.1.3.1โดยการปรับแก้


แรงบรรดาลใจ พระพิฆเนศ เป็นมหาเทพผู้ทรงภูมิปัญญายิ่งใหญ่ ผู้ขจัดอุปสรรคและอำนวยความสำเร็จในทุกสิ่ง พระองค์ทรงเป็นเทพเจ้าแห่งสากล (Universal God) ที่มีผู้เคารพนับถือมากที่สุดองค์หนึ่งในทั่วโลก ไม่ว่าใน อินเดีย เนปาล ภูฏาน ทิเบต มองโกล จีน ญี่ปุ่น เกาหลี พม่า ไทย เขมร อินโดนีเซีย ฯลฯ พระพิฆเนศ คือเทพเจ้าที่มีปรีชาญาณเฉลียวฉลาด มีฤทธานุภาพมาก และทรงคุณธรรม คอยปราบภัยพาลและอภิบาลคนดี อีกทั้งยังเป็นเทพผู้กตัญญูถึงพร้อมด้วยความดีงาม สมควรแก่การสักการบูชาเป็นอย่างยิ่ง หากใครจะประกอบพิธี หรือทำกิจกรรมใด การเริ่มต้นสิ่งใหม่ๆ เช่น เปิดกิจการร้านค้า เริ่มการทำงาน ขึ้นบ้านใหม่ ออกเดินทาง หรือแม้กระทั่งการบวงสรวงทำพิธีมงคลต่างๆ ฯลฯ ต้องบอกกล่าวบูชาองค์พระพิฆเนศก่อนเป็นลำดับแรก จึงจะเป็นสิริมงคล และประสบความสำเร็จ ตำนานกำเนิดพระพิฆเนศ เชื่อกันว่า พระพิฆเนศเป็นโอรสของ พระศิวะกับ พระศรีมหาอุมาเทวี (พระแม่อุมา) ได้รับการยกย่องให้เป็นผู้เขียนคัมภีร์มหาภารตะ จากวาจาของพระฤษีวยาส และนับถือกันว่า เป็นเทพเจ้าแห่งการรจนาหนังสือ ดุจเดียวกับ พระสุรัสวดี พระพิฆเนศ มีกายเป็นมนุษย์ มีเศียรเป็นช้าง อีกชื่อหนึ่งจึงเรียกว่า คชานนท์ มีงาข้างเดียว อ้วนเตี้ย ท้องพลุ้ย หูยาน พระวรกายสีแดง สีขาว สีเหลือง ฯลฯ นุ่งห่มภูษาแดง มี ๔ กร ถือบ่วงบาศ ขอสับช้าง และมีเทพศัสตราวุธอีกหลายชนิด ซึ่งได้รับประทานจากพระศิวะ มีพาหนะบริวาร คือ หนู นามว่า มุสิกะ

โจทย์และวัตถุประสงค์ 1.เพื่อเรียนรู้ระบบโปรแกรม WordPressThai 3.2 ในส่วนของการจัดทำขั้นตอนและโปรแกรมเสริม ที่ใช้งานกับWordPressThai3.2 2.ดัดแปลงแก้ไขข้อมูลในส่วนWed Theme พร้อมทั้งพัฒนาแก้ไขอย่างต่อเนื่อง 3.เรียนรู้และฝึกฝนแสวงหาแหล่งความรู้ใหม่ๆในการออกแบบWed Theme 4.นำเสนอและเผยแพร่ในสิ่งที่ได้ศึกษามา

ข้อมูลเบื้องต้นของ 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 เพื่อจัดการบล็อกของคุณ

ขั้นตอนการออกแบบ Wordpress Theme Chandrakasesh 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 มาปิดทับ

.เข้าไปปรับการใช้งานของเมนู การจัดชุดรูปแบบกราฟิกบล๊อก แล้วเลือก Theme pandora.1.3.1 แล้วคลิก การติดตั้งๆ

ตัวอย่างภาพที่ในมาจะอยู่ที่ wp-content แล้วเลือกthemesและpandora.1.3.1โดยการปรับแก้ตรงเมนูบาร์ มี 3 ภาพประกอบดังนี้


สรุปผลการออกแบบ


การออกแบบเพื่อกลุ่มคนที่มีความสนใจเกียวกับความเชื่อในเทพเจ้าต่างๆ ซึ่งทุกคนชอบศาสนาอะไรก็ได้ ชอบเทพเจ้าองค์ไหนก็ได้ แต่ทุกศาสนา และทุกเทพเจ้าทุกพระองค์ สอนให้ทำความดี ละเว้นความชั่ว เป็นพอ ซึ่ง 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


จัดทำโดย นางสาวกัญญภรณ์ ดอนมอญ รหัสนักศึกษา 5111312004 กลุ่มเรียน 201 สาขาวิชาออกแบบนิเทศศิลป์ E-mail :kanyaprondonmon@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.